primereact 10.3.1 → 10.3.3

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(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=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.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 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 p(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}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 d(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 g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.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},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,r=e.label;return a.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&r,"p-button-icon-right":"right"===t.iconPos&&r})},root:function(e){var t=e.props;return a.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,l;n=e,l=r[t],(o=p(o=t))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=c.memo(c.forwardRef((function(e,i){var s,f,p=c.useState(!1),y=(f=2,b(s=p)||m(s,f)||d(s,f)||g()),h=y[0],j=y[1],P=c.useContext(t.PrimeReactContext),S=v.getProps(e,P),w=c.useRef(null),E=v.setMetaData({props:S,state:{focused:h}}),I=E.ptm,k=E.cx;r.useHandleStyle(v.css.styles,E.isUnstyled,{name:"togglebutton"});var D=S.onLabel&&S.onLabel.length>0&&S.offLabel&&S.offLabel.length>0,N=S.onIcon&&S.offIcon,x=D?S.checked?S.onLabel:S.offLabel:"&nbsp;",L=S.checked?S.onIcon:S.offIcon,C=function(e){!S.disabled&&S.onChange&&S.onChange({originalEvent:e,value:!S.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:!S.checked}})};c.useImperativeHandle(i,(function(){return{props:S,focus:function(){return a.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current}}})),n.useMountEffect((function(){S.autoFocus&&a.DomHandler.focusFirstElement(w.current)}));var B=a.ObjectUtils.isNotEmpty(S.tooltip),F=S.disabled?-1:S.tabIndex,q=function(){if(N){var e=a.mergeProps({className:k("icon",{label:x})},I("icon"));return a.IconUtils.getJSXIcon(L,O({},e),{props:S})}return null}(),T=a.mergeProps({className:k("label")},I("label")),A=a.mergeProps({ref:w,id:S.id,className:k("root",{hasIcon:N,hasLabel:D}),style:S.style,onClick:C,onFocus:function(e){j(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){j(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(C(e),e.preventDefault())},tabIndex:F,role:"button","aria-pressed":S.checked},v.getOtherProps(S),I("root"));return c.createElement(c.Fragment,null,c.createElement("div",A,q,c.createElement("span",T,x),c.createElement(o.Ripple,null)),B&&c.createElement(l.Tooltip,u({target:w,content:S.tooltip},S.tooltipOptions,{pt:I("tooltip")})))})));j.displayName="ToggleButton",exports.ToggleButton=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e);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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.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 r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=n.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},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return a.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=c.memo(c.forwardRef((function(e,i){var s,f,p=c.useState(!1),y=(f=2,b(s=p)||m(s,f)||d(s,f)||g()),h=y[0],j=y[1],P=r.useMergeProps(),S=c.useContext(t.PrimeReactContext),w=v.getProps(e,S),E=c.useRef(null),I=v.setMetaData({props:w,state:{focused:h}}),k=I.ptm,D=I.cx;n.useHandleStyle(v.css.styles,I.isUnstyled,{name:"togglebutton"});var N=w.onLabel&&w.onLabel.length>0&&w.offLabel&&w.offLabel.length>0,x=w.onIcon&&w.offIcon,L=N?w.checked?w.onLabel:w.offLabel:"&nbsp;",C=w.checked?w.onIcon:w.offIcon,B=function(e){!w.disabled&&w.onChange&&w.onChange({originalEvent:e,value:!w.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:w.name,id:w.id,value:!w.checked}})};c.useImperativeHandle(i,(function(){return{props:w,focus:function(){return a.DomHandler.focusFirstElement(E.current)},getElement:function(){return E.current}}})),r.useMountEffect((function(){w.autoFocus&&a.DomHandler.focusFirstElement(E.current)}));var F=a.ObjectUtils.isNotEmpty(w.tooltip),q=w.disabled?-1:w.tabIndex,T=function(){if(x){var e=P({className:D("icon",{label:L})},k("icon"));return a.IconUtils.getJSXIcon(C,O({},e),{props:w})}return null}(),A=P({className:D("label")},k("label")),M=P({ref:E,id:w.id,className:D("root",{hasIcon:x,hasLabel:N}),style:w.style,onClick:B,onFocus:function(e){j(!0),w.onFocus&&w.onFocus(e)},onBlur:function(e){j(!1),w.onBlur&&w.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(B(e),e.preventDefault())},tabIndex:q,role:"button","aria-pressed":w.checked},v.getOtherProps(w),k("root"));return c.createElement(c.Fragment,null,c.createElement("div",M,T,c.createElement("span",A,L),c.createElement(o.Ripple,null)),F&&c.createElement(l.Tooltip,u({target:E,content:w.tooltip},w.tooltipOptions,{pt:k("tooltip")})))})));j.displayName="ToggleButton",exports.ToggleButton=j;

package/togglebutton/togglebutton.esm.js

@@ -2,10 +2,10 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, DomHandler, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -171,6 +171,7 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as o}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{Tooltip as i}from"primereact/tooltip";import{classNames as a,DomHandler as c,ObjectUtils as u,mergeProps as s,IconUtils as f}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},p.apply(this,arguments)}function b(t){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},b(t)}function m(t,e){if("object"!==b(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=m(t,"string");return"symbol"===b(e)?e:String(e)}function d(t){if(Array.isArray(t))return t}function g(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function h(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=n.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},css:{classes:{label:"p-button-label",icon:function(t){var e=t.props,n=t.label;return a("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&n,"p-button-icon-right":"right"===e.iconPos&&n})},root:function(t){var e=t.props;return a("p-button p-togglebutton p-component",{"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-highlight":e.checked,"p-disabled":e.disabled},e.className)}}}});function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){var r,o,l;r=t,l=n[e],(o=y(o=e))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var w=t.memo(t.forwardRef((function(n,a){var b,m,y=t.useState(!1),v=(m=2,d(b=y)||g(b,m)||h(b,m)||O()),P=v[0],w=v[1],I=t.useContext(e),E=j.getProps(n,I),k=t.useRef(null),L=j.setMetaData({props:E,state:{focused:P}}),D=L.ptm,N=L.cx;r(j.css.styles,L.isUnstyled,{name:"togglebutton"});var x=E.onLabel&&E.onLabel.length>0&&E.offLabel&&E.offLabel.length>0,F=E.onIcon&&E.offIcon,C=x?E.checked?E.onLabel:E.offLabel:"&nbsp;",A=E.checked?E.onIcon:E.offIcon,B=function(t){!E.disabled&&E.onChange&&E.onChange({originalEvent:t,value:!E.checked,stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()},target:{name:E.name,id:E.id,value:!E.checked}})};t.useImperativeHandle(a,(function(){return{props:E,focus:function(){return c.focusFirstElement(k.current)},getElement:function(){return k.current}}})),o((function(){E.autoFocus&&c.focusFirstElement(k.current)}));var T=u.isNotEmpty(E.tooltip),M=E.disabled?-1:E.tabIndex,R=function(){if(F){var t=s({className:N("icon",{label:C})},D("icon"));return f.getJSXIcon(A,S({},t),{props:E})}return null}(),U=s({className:N("label")},D("label")),Y=s({ref:k,id:E.id,className:N("root",{hasIcon:F,hasLabel:x}),style:E.style,onClick:B,onFocus:function(t){w(!0),E.onFocus&&E.onFocus(t)},onBlur:function(t){w(!1),E.onBlur&&E.onBlur(t)},onKeyDown:function(t){32===t.keyCode&&(B(t),t.preventDefault())},tabIndex:M,role:"button","aria-pressed":E.checked},j.getOtherProps(E),D("root"));return t.createElement(t.Fragment,null,t.createElement("div",Y,R,t.createElement("span",U,C),t.createElement(l,null)),T&&t.createElement(i,p({target:k,content:E.tooltip},E.tooltipOptions,{pt:D("tooltip")})))})));w.displayName="ToggleButton";export{w as ToggleButton};
+import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l}from"primereact/hooks";import{Ripple as i}from"primereact/ripple";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,DomHandler as u,ObjectUtils as s,IconUtils as f}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},p.apply(this,arguments)}function b(t){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},b(t)}function m(t,e){if("object"!==b(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=m(t,"string");return"symbol"===b(e)?e:String(e)}function d(t){if(Array.isArray(t))return t}function g(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function h(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=n.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},css:{classes:{label:"p-button-label",icon:function(t){var e=t.props,n=t.label;return c("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&n,"p-button-icon-right":"right"===e.iconPos&&n})},root:function(t){var e=t.props;return c("p-button p-togglebutton p-component",{"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-highlight":e.checked,"p-disabled":e.disabled},e.className)}}}});function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){var r,o,l;r=t,l=n[e],(o=y(o=e))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var w=t.memo(t.forwardRef((function(n,c){var b,m,y=t.useState(!1),v=(m=2,d(b=y)||g(b,m)||h(b,m)||O()),P=v[0],w=v[1],I=o(),E=t.useContext(e),k=j.getProps(n,E),L=t.useRef(null),D=j.setMetaData({props:k,state:{focused:P}}),N=D.ptm,x=D.cx;r(j.css.styles,D.isUnstyled,{name:"togglebutton"});var F=k.onLabel&&k.onLabel.length>0&&k.offLabel&&k.offLabel.length>0,C=k.onIcon&&k.offIcon,A=F?k.checked?k.onLabel:k.offLabel:"&nbsp;",B=k.checked?k.onIcon:k.offIcon,T=function(t){!k.disabled&&k.onChange&&k.onChange({originalEvent:t,value:!k.checked,stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()},target:{name:k.name,id:k.id,value:!k.checked}})};t.useImperativeHandle(c,(function(){return{props:k,focus:function(){return u.focusFirstElement(L.current)},getElement:function(){return L.current}}})),l((function(){k.autoFocus&&u.focusFirstElement(L.current)}));var M=s.isNotEmpty(k.tooltip),R=k.disabled?-1:k.tabIndex,U=function(){if(C){var t=I({className:x("icon",{label:A})},N("icon"));return f.getJSXIcon(B,S({},t),{props:k})}return null}(),Y=I({className:x("label")},N("label")),_=I({ref:L,id:k.id,className:x("root",{hasIcon:C,hasLabel:F}),style:k.style,onClick:T,onFocus:function(t){w(!0),k.onFocus&&k.onFocus(t)},onBlur:function(t){w(!1),k.onBlur&&k.onBlur(t)},onKeyDown:function(t){32===t.keyCode&&(T(t),t.preventDefault())},tabIndex:R,role:"button","aria-pressed":k.checked},j.getOtherProps(k),N("root"));return t.createElement(t.Fragment,null,t.createElement("div",_,U,t.createElement("span",Y,A),t.createElement(i,null)),M&&t.createElement(a,p({target:L,content:k.tooltip},k.tooltipOptions,{pt:N("tooltip")})))})));w.displayName="ToggleButton";export{w as ToggleButton};

package/togglebutton/togglebutton.js

@@ -186,6 +186,7 @@ this.primereact.togglebutton = (function (exports, React, api, componentbase, ho
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ToggleButtonBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
@@ -240,7 +241,7 @@ this.primereact.togglebutton = (function (exports, React, api, componentbase, ho
     };
     var createIcon = function createIcon() {
       if (hasIcon) {
-        var iconProps = utils.mergeProps({
+        var iconProps = mergeProps({
           className: cx('icon', {
             label: label
           })
@@ -270,10 +271,10 @@ this.primereact.togglebutton = (function (exports, React, api, componentbase, ho
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var tabIndex = props.disabled ? -1 : props.tabIndex;
     var iconElement = createIcon();
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: cx('root', {

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,r,o,l,a,c){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}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 p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=r.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},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,n=e.label;return c.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return c.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=b(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=u.memo(u.forwardRef((function(e,t){var i,f,p=u.useState(!1),b=(f=2,m(i=p)||y(i,f)||g(i,f)||v()),d=b[0],O=b[1],P=u.useContext(n.PrimeReactContext),S=h.getProps(e,P),w=u.useRef(null),E=h.setMetaData({props:S,state:{focused:d}}),I=E.ptm,k=E.cx;r.useHandleStyle(h.css.styles,E.isUnstyled,{name:"togglebutton"});var D=S.onLabel&&S.onLabel.length>0&&S.offLabel&&S.offLabel.length>0,N=S.onIcon&&S.offIcon,L=D?S.checked?S.onLabel:S.offLabel:"&nbsp;",C=S.checked?S.onIcon:S.offIcon,x=function(e){!S.disabled&&S.onChange&&S.onChange({originalEvent:e,value:!S.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:!S.checked}})};u.useImperativeHandle(t,(function(){return{props:S,focus:function(){return c.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current}}})),o.useMountEffect((function(){S.autoFocus&&c.DomHandler.focusFirstElement(w.current)}));var B=c.ObjectUtils.isNotEmpty(S.tooltip),F=S.disabled?-1:S.tabIndex,T=function(){if(N){var e=c.mergeProps({className:k("icon",{label:L})},I("icon"));return c.IconUtils.getJSXIcon(C,j({},e),{props:S})}return null}(),A=c.mergeProps({className:k("label")},I("label")),_=c.mergeProps({ref:w,id:S.id,className:k("root",{hasIcon:N,hasLabel:D}),style:S.style,onClick:x,onFocus:function(e){O(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){O(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},tabIndex:F,role:"button","aria-pressed":S.checked},h.getOtherProps(S),I("root"));return u.createElement(u.Fragment,null,u.createElement("div",_,T,u.createElement("span",A,L),u.createElement(l.Ripple,null)),B&&u.createElement(a.Tooltip,s({target:w,content:S.tooltip},S.tooltipOptions,{pt:I("tooltip")})))})));return P.displayName="ToggleButton",e.ToggleButton=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,r,o,l,a,c){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}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 p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=r.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},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,n=e.label;return c.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return c.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=b(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=u.memo(u.forwardRef((function(e,t){var i,f,p=u.useState(!1),b=(f=2,m(i=p)||y(i,f)||g(i,f)||v()),d=b[0],O=b[1],P=o.useMergeProps(),S=u.useContext(n.PrimeReactContext),w=h.getProps(e,S),E=u.useRef(null),I=h.setMetaData({props:w,state:{focused:d}}),k=I.ptm,D=I.cx;r.useHandleStyle(h.css.styles,I.isUnstyled,{name:"togglebutton"});var N=w.onLabel&&w.onLabel.length>0&&w.offLabel&&w.offLabel.length>0,L=w.onIcon&&w.offIcon,C=N?w.checked?w.onLabel:w.offLabel:"&nbsp;",x=w.checked?w.onIcon:w.offIcon,B=function(e){!w.disabled&&w.onChange&&w.onChange({originalEvent:e,value:!w.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:w.name,id:w.id,value:!w.checked}})};u.useImperativeHandle(t,(function(){return{props:w,focus:function(){return c.DomHandler.focusFirstElement(E.current)},getElement:function(){return E.current}}})),o.useMountEffect((function(){w.autoFocus&&c.DomHandler.focusFirstElement(E.current)}));var F=c.ObjectUtils.isNotEmpty(w.tooltip),T=w.disabled?-1:w.tabIndex,A=function(){if(L){var e=P({className:D("icon",{label:C})},k("icon"));return c.IconUtils.getJSXIcon(x,j({},e),{props:w})}return null}(),M=P({className:D("label")},k("label")),_=P({ref:E,id:w.id,className:D("root",{hasIcon:L,hasLabel:N}),style:w.style,onClick:B,onFocus:function(e){O(!0),w.onFocus&&w.onFocus(e)},onBlur:function(e){O(!1),w.onBlur&&w.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(B(e),e.preventDefault())},tabIndex:T,role:"button","aria-pressed":w.checked},h.getOtherProps(w),k("root"));return u.createElement(u.Fragment,null,u.createElement("div",_,A,u.createElement("span",M,C),u.createElement(l.Ripple,null)),F&&u.createElement(a.Tooltip,s({target:E,content:w.tooltip},w.tooltipOptions,{pt:k("tooltip")})))})));return P.displayName="ToggleButton",e.ToggleButton=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils);

package/toolbar/toolbar.cjs.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
-var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -56,6 +57,7 @@ var ToolbarBase = componentbase.ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -79,16 +81,16 @@ var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       }
     };
   });
-  var startProps = utils.mergeProps({
+  var startProps = mergeProps({
     className: cx('start')
   }, ptm('start'));
-  var centerProps = utils.mergeProps({
+  var centerProps = mergeProps({
     className: cx('center')
   }, ptm('center'));
-  var endProps = utils.mergeProps({
+  var endProps = mergeProps({
     className: cx('end')
   }, ptm('end'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,

package/toolbar/toolbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/utils"),n=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 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 o=l(e),a=n.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),s=o.memo(o.forwardRef((function(e,l){var s=o.useContext(t.PrimeReactContext),p=a.getProps(e,s),c=o.useRef(null),i=r.ObjectUtils.getJSXElement(p.left||p.start,p),u=r.ObjectUtils.getJSXElement(p.center,p),m=r.ObjectUtils.getJSXElement(p.right||p.end,p),d=a.setMetaData({props:p}),g=d.ptm,b=d.cx;n.useHandleStyle(a.css.styles,d.isUnstyled,{name:"toolbar"}),o.useImperativeHandle(l,(function(){return{props:p,getElement:function(){return c.current}}}));var f=r.mergeProps({className:b("start")},g("start")),y=r.mergeProps({className:b("center")},g("center")),v=r.mergeProps({className:b("end")},g("end")),P=r.mergeProps({id:p.id,ref:c,style:p.style,className:b("root"),role:"toolbar"},a.getOtherProps(p),g("root"));return o.createElement("div",P,o.createElement("div",f,i),o.createElement("div",y,u),o.createElement("div",v,m))})));s.displayName="Toolbar",exports.Toolbar=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");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 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 a=o(e),s=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},css:{classes:{root:function(e){return l.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),c=a.memo(a.forwardRef((function(e,o){var c=n.useMergeProps(),p=a.useContext(t.PrimeReactContext),i=s.getProps(e,p),u=a.useRef(null),m=l.ObjectUtils.getJSXElement(i.left||i.start,i),d=l.ObjectUtils.getJSXElement(i.center,i),b=l.ObjectUtils.getJSXElement(i.right||i.end,i),f=s.setMetaData({props:i}),g=f.ptm,y=f.cx;r.useHandleStyle(s.css.styles,f.isUnstyled,{name:"toolbar"}),a.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return u.current}}}));var v=c({className:y("start")},g("start")),O=c({className:y("center")},g("center")),j=c({className:y("end")},g("end")),x=c({id:i.id,ref:u,style:i.style,className:y("root"),role:"toolbar"},s.getOtherProps(i),g("root"));return a.createElement("div",x,a.createElement("div",v,m),a.createElement("div",O,d),a.createElement("div",j,b))})));c.displayName="Toolbar",exports.Toolbar=c;

package/toolbar/toolbar.esm.js

@@ -1,8 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { classNames, ObjectUtils, mergeProps } from 'primereact/utils';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames, ObjectUtils } from 'primereact/utils';
 
 var ToolbarBase = ComponentBase.extend({
   defaultProps: {
@@ -32,6 +33,7 @@ var ToolbarBase = ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React.useRef(null);

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{classNames as r,ObjectUtils as n,mergeProps as o}from"primereact/utils";import{ComponentBase as l,useHandleStyle as a}from"primereact/componentbase";var s=l.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return r("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),p=e.memo(e.forwardRef((function(r,l){var p=e.useContext(t),i=s.getProps(r,p),c=e.useRef(null),m=n.getJSXElement(i.left||i.start,i),u=n.getJSXElement(i.center,i),d=n.getJSXElement(i.right||i.end,i),g=s.setMetaData({props:i}),f=g.ptm,b=g.cx;a(s.css.styles,g.isUnstyled,{name:"toolbar"}),e.useImperativeHandle(l,(function(){return{props:i,getElement:function(){return c.current}}}));var y=o({className:b("start")},f("start")),v=o({className:b("center")},f("center")),E=o({className:b("end")},f("end")),x=o({id:i.id,ref:c,style:i.style,className:b("root"),role:"toolbar"},s.getOtherProps(i),f("root"));return e.createElement("div",x,e.createElement("div",y,m),e.createElement("div",v,u),e.createElement("div",E,d))})));p.displayName="Toolbar";export{p as Toolbar};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{classNames as l,ObjectUtils as a}from"primereact/utils";var s=r.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return l("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),p=e.memo(e.forwardRef((function(r,l){var p=o(),i=e.useContext(t),c=s.getProps(r,i),m=e.useRef(null),u=a.getJSXElement(c.left||c.start,c),d=a.getJSXElement(c.center,c),f=a.getJSXElement(c.right||c.end,c),g=s.setMetaData({props:c}),b=g.ptm,y=g.cx;n(s.css.styles,g.isUnstyled,{name:"toolbar"}),e.useImperativeHandle(l,(function(){return{props:c,getElement:function(){return m.current}}}));var v=p({className:y("start")},b("start")),E=p({className:y("center")},b("center")),x=p({className:y("end")},b("end")),h=p({id:c.id,ref:m,style:c.style,className:y("root"),role:"toolbar"},s.getOtherProps(c),b("root"));return e.createElement("div",h,e.createElement("div",v,u),e.createElement("div",E,d),e.createElement("div",x,f))})));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, api, utils, componentbase) {
+this.primereact.toolbar = (function (exports, React, api, componentbase, hooks, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -50,6 +50,7 @@ this.primereact.toolbar = (function (exports, React, api, utils, componentbase)
     });
 
     var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = ToolbarBase.getProps(inProps, context);
       var elementRef = React__namespace.useRef(null);
@@ -73,16 +74,16 @@ this.primereact.toolbar = (function (exports, React, api, utils, componentbase)
           }
         };
       });
-      var startProps = utils.mergeProps({
+      var startProps = mergeProps({
         className: cx('start')
       }, ptm('start'));
-      var centerProps = utils.mergeProps({
+      var centerProps = mergeProps({
         className: cx('center')
       }, ptm('center'));
-      var endProps = utils.mergeProps({
+      var endProps = mergeProps({
         className: cx('end')
       }, ptm('end'));
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         ref: elementRef,
         style: props.style,
@@ -99,4 +100,4 @@ this.primereact.toolbar = (function (exports, React, api, utils, componentbase)
 
     return exports;
 
-})({}, React, primereact.api, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/toolbar/toolbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r,n,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 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 a=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},css:{classes:{root:function(e){return n.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),c=a.memo(a.forwardRef((function(e,t){var o=a.useContext(r.PrimeReactContext),c=s.getProps(e,o),p=a.useRef(null),i=n.ObjectUtils.getJSXElement(c.left||c.start,c),u=n.ObjectUtils.getJSXElement(c.center,c),m=n.ObjectUtils.getJSXElement(c.right||c.end,c),d=s.setMetaData({props:c}),b=d.ptm,f=d.cx;l.useHandleStyle(s.css.styles,d.isUnstyled,{name:"toolbar"}),a.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return p.current}}}));var g=n.mergeProps({className:f("start")},b("start")),y=n.mergeProps({className:f("center")},b("center")),v=n.mergeProps({className:f("end")},b("end")),P=n.mergeProps({id:c.id,ref:p,style:c.style,className:f("root"),role:"toolbar"},s.getOtherProps(c),b("root"));return a.createElement("div",P,a.createElement("div",g,i),a.createElement("div",y,u),a.createElement("div",v,m))})));return c.displayName="Toolbar",e.Toolbar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r,n,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 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 s=o(t),c=n.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),p=s.memo(s.forwardRef((function(e,t){var o=l.useMergeProps(),p=s.useContext(r.PrimeReactContext),i=c.getProps(e,p),u=s.useRef(null),m=a.ObjectUtils.getJSXElement(i.left||i.start,i),d=a.ObjectUtils.getJSXElement(i.center,i),b=a.ObjectUtils.getJSXElement(i.right||i.end,i),f=c.setMetaData({props:i}),g=f.ptm,y=f.cx;n.useHandleStyle(c.css.styles,f.isUnstyled,{name:"toolbar"}),s.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return u.current}}}));var v=o({className:y("start")},g("start")),h=o({className:y("center")},g("center")),O=o({className:y("end")},g("end")),j=o({id:i.id,ref:u,style:i.style,className:y("root"),role:"toolbar"},c.getOtherProps(i),g("root"));return s.createElement("div",j,s.createElement("div",v,m),s.createElement("div",h,d),s.createElement("div",O,b))})));return p.displayName="Toolbar",e.Toolbar=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/tooltip/tooltip.cjs.js

@@ -223,6 +223,7 @@ var TooltipBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = TooltipBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -683,7 +684,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   });
   var createElement = function createElement() {
     var empty = isTargetContentEmpty(currentTargetRef.current);
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
         positionState: positionState,
@@ -699,11 +700,11 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         return _onMouseLeave(e);
       }
     }, TooltipBase.getOtherProps(props), ptm('root'));
-    var arrowProps = utils.mergeProps({
+    var arrowProps = mergeProps({
       className: cx('arrow'),
       style: sx('arrow', _objectSpread({}, metaData))
     }, ptm('arrow'));
-    var textProps = utils.mergeProps({
+    var textProps = mergeProps({
       className: cx('text')
     }, ptm('text'));
     return /*#__PURE__*/React__namespace.createElement("div", _extends({

package/tooltip/tooltip.cjs.min.js

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

package/tooltip/tooltip.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useResizeListener, useOverlayScrollListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ZIndexUtils, ObjectUtils, mergeProps } from 'primereact/utils';
+import { classNames, DomHandler, ZIndexUtils, ObjectUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -196,6 +196,7 @@ var TooltipBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TooltipBase.getProps(inProps, context);
   var _React$useState = React.useState(false),

package/tooltip/tooltip.esm.min.js

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

package/tooltip/tooltip.js

@@ -215,6 +215,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = TooltipBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -675,7 +676,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
     });
     var createElement = function createElement() {
       var empty = isTargetContentEmpty(currentTargetRef.current);
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         className: utils.classNames(props.className, cx('root', {
           positionState: positionState,
@@ -691,11 +692,11 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
           return _onMouseLeave(e);
         }
       }, TooltipBase.getOtherProps(props), ptm('root'));
-      var arrowProps = utils.mergeProps({
+      var arrowProps = mergeProps({
         className: cx('arrow'),
         style: sx('arrow', _objectSpread({}, metaData))
       }, ptm('arrow'));
-      var textProps = utils.mergeProps({
+      var textProps = mergeProps({
         className: cx('text')
       }, ptm('text'));
       return /*#__PURE__*/React__namespace.createElement("div", _extends({