primereact 8.1.0 → 8.3.0

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as a,IconUtils as l}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},n.apply(this,arguments)}var r=e.memo(e.forwardRef((function(s,i){var m=function(e,t,a){s.readOnly||t.disabled?e.preventDefault():(s.onSelect&&s.onSelect({originalEvent:e,item:t,index:a}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:a}))},p=function(n,r){var i=n.label+"_"+r,p=r===s.activeIndex,c=n.disabled||r!==s.activeIndex&&s.readOnly,o=c?-1:"",u=a("p-steps-item",n.className,{"p-highlight p-steps-current":p,"p-disabled":c}),d=a("p-menuitem-icon",n.icon),f=l.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:s}),b=n.label&&e.createElement("span",{className:"p-steps-title"},n.label),v=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",role:"presentation",target:n.target,onClick:function(e){return m(e,n,r)},tabIndex:o},e.createElement("span",{className:"p-steps-number"},r+1),f,b);n.template&&(v=t.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:d,element:v,props:s,tabIndex:o,active:p,disabled:c}));return e.createElement("li",{key:i,className:u,style:n.style,role:"tab","aria-selected":p,"aria-expanded":p},v)},c=t.findDiffKeys(s,r.defaultProps),o=a("p-steps p-component",{"p-readonly":s.readOnly},s.className),u=function(){if(s.model){var t=s.model.map(p);return e.createElement("ul",{role:"tablist"},t)}return null}();return e.createElement("div",n({id:s.id,className:o,style:s.style},c),u)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null};export{r as Steps};
+import*as e from"react";import{ObjectUtils as t,classNames as n,IconUtils as r}from"primereact/utils";function a(){return a=Object.assign||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},a.apply(this,arguments)}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=e.memo(e.forwardRef((function(l,i){var o=e.useRef(null),p=function(e,t,n){l.readOnly||t.disabled?e.preventDefault():(l.onSelect&&l.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},u=function(a,i){var s=a.label+"_"+i,c=i===l.activeIndex,o=a.disabled||i!==l.activeIndex&&l.readOnly,u=o?-1:"",m=n("p-steps-item",a.className,{"p-highlight p-steps-current":c,"p-disabled":o}),d=n("p-menuitem-icon",a.icon),f=r.getJSXIcon(a.icon,{className:"p-menuitem-icon"},{props:l}),b=a.label&&e.createElement("span",{className:"p-steps-title"},a.label),y=e.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return p(e,a,i)},tabIndex:u},e.createElement("span",{className:"p-steps-number"},i+1),f,b);a.template&&(y=t.getJSXElement(a.template,a,{onClick:function(e){return p(e,a,i)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:d,element:y,props:l,tabIndex:u,active:c,disabled:o}));return e.createElement("li",{key:s,id:a.id,className:m,style:a.style,role:"tab","aria-selected":c,"aria-expanded":c},y)};e.useImperativeHandle(i,(function(){return s({getElement:function(){return o.current}},l)}));var m=t.findDiffKeys(l,c.defaultProps),d=n("p-steps p-component",{"p-readonly":l.readOnly},l.className),f=function(){if(l.model){var t=l.model.map(u);return e.createElement("ul",{role:"tablist"},t)}return null}();return e.createElement("div",a({id:l.id,ref:o,className:d,style:l.style},m),f)})));c.displayName="Steps",c.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null};export{c as Steps};

package/steps/steps.js

@@ -40,7 +40,27 @@ this.primereact.steps = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
+
     var itemClick = function itemClick(event, item, index) {
       if (props.readOnly || item.disabled) {
         event.preventDefault();
@@ -119,6 +139,7 @@ this.primereact.steps = (function (exports, React, utils) {
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style,
         role: "tab",
@@ -139,6 +160,13 @@ this.primereact.steps = (function (exports, React, utils) {
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
     var className = utils.classNames('p-steps p-component', {
       'p-readonly': props.readOnly
@@ -146,6 +174,7 @@ this.primereact.steps = (function (exports, React, utils) {
     var items = createItems();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), items);

package/steps/steps.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.steps=function(e,t,a){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var l=n(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},r.apply(this,arguments)}var s=l.memo(l.forwardRef((function(e,t){var n=function(t,a,n){e.readOnly||a.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:a,index:n}),a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a,index:n}))},i=function(t,r){var s=t.label+"_"+r,i=r===e.activeIndex,c=t.disabled||r!==e.activeIndex&&e.readOnly,m=c?-1:"",o=a.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=a.classNames("p-menuitem-icon",t.icon),u=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.label&&l.createElement("span",{className:"p-steps-title"},t.label),f=l.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return n(e,t,r)},tabIndex:m},l.createElement("span",{className:"p-steps-number"},r+1),u,d);t.template&&(f=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return n(e,t,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:m,active:i,disabled:c}));return l.createElement("li",{key:s,className:o,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},f)},c=a.ObjectUtils.findDiffKeys(e,s.defaultProps),m=a.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),o=function(){if(e.model){var t=e.model.map(i);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",r({id:e.id,className:m,style:e.style},c),o)})));return s.displayName="Steps",s.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.steps=function(e,t,r){"use strict";function n(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=n(t);function l(){return l=Object.assign||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},l.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(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 c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var o=a.memo(a.forwardRef((function(e,t){var n=a.useRef(null),s=function(t,r,n){e.readOnly||r.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:r,index:n}),r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r,index:n}))},i=function(t,n){var l=t.label+"_"+n,i=n===e.activeIndex,c=t.disabled||n!==e.activeIndex&&e.readOnly,o=c?-1:"",u=r.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=r.classNames("p-menuitem-icon",t.icon),m=r.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),f=t.label&&a.createElement("span",{className:"p-steps-title"},t.label),d=a.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return s(e,t,n)},tabIndex:o},a.createElement("span",{className:"p-steps-number"},n+1),m,f);t.template&&(d=r.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return s(e,t,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:d,props:e,tabIndex:o,active:i,disabled:c}));return a.createElement("li",{key:l,id:t.id,className:u,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},d)};a.useImperativeHandle(t,(function(){return c({getElement:function(){return n.current}},e)}));var u=r.ObjectUtils.findDiffKeys(e,o.defaultProps),p=r.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),m=function(){if(e.model){var t=e.model.map(i);return a.createElement("ul",{role:"tablist"},t)}return null}();return a.createElement("div",l({id:e.id,ref:n,className:p,style:e.style},u),m)})));return o.displayName="Steps",o.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/styleclass/styleclass.cjs.js

@@ -26,6 +26,21 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -87,6 +102,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var targetRef = React__namespace.useRef(null);
   var animating = React__namespace.useRef(false);
@@ -108,8 +126,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       }
 
       animating.current = false;
-    },
-    when: false
+    }
   }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindTargetEnterListener = _useEventListener2[0],
@@ -126,8 +143,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
 
       unbindTargetLeaveListener();
       animating.current = false;
-    },
-    when: false
+    }
   }),
       _useEventListener4 = _slicedToArray(_useEventListener3, 2),
       bindTargetLeaveListener = _useEventListener4[0],
@@ -142,7 +158,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         leave();
       }
     },
-    when: false
+    when: props.hideOnOutsideClick
   }),
       _useEventListener6 = _slicedToArray(_useEventListener5, 2),
       bindDocumentClickListener = _useEventListener6[0],
@@ -158,8 +174,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       } else {
         if (targetRef.current.offsetParent === null) enter();else leave();
       }
-    },
-    when: false
+    }
   }),
       _useEventListener8 = _slicedToArray(_useEventListener7, 2),
       bindClickListener = _useEventListener8[0],
@@ -185,8 +200,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         }
 
         bindTargetEnterListener({
-          target: targetRef.current,
-          when: true
+          target: targetRef.current
         });
       }
     } else {
@@ -200,8 +214,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     }
 
     bindDocumentClickListener({
-      target: elementRef.current && elementRef.current.ownerDocument,
-      when: props.hideOnOutsideClick
+      target: elementRef.current && elementRef.current.ownerDocument
     });
   };
 
@@ -216,8 +229,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         }
 
         bindTargetLeaveListener({
-          target: targetRef.current,
-          when: true
+          target: targetRef.current
         });
       }
     } else {
@@ -261,8 +273,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
   var init = function init() {
     elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
     bindClickListener({
-      target: elementRef.current,
-      when: true
+      target: elementRef.current
     });
   };
 
@@ -280,13 +291,25 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    }, props);
+  });
   hooks.useMountEffect(function () {
     init();
   });
   hooks.useUpdateEffect(function () {
-    destroy();
     init();
-  }, [props.nodeRef]);
+    return function () {
+      unbindClickListener();
+    };
+  });
   hooks.useUnmountEffect(function () {
     destroy();
   });

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):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.")}function i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1},when:!1}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1},when:!1}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():N()},when:!1}),2),g=v[0],N=v[1],p=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):null===l.current.offsetParent?H():b()},when:!1}),2),y=p[0],h=p[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current,when:!0})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument,when:e.hideOnOutsideClick})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current,when:!0})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&N()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},w=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current,when:!0})},A=function(){h(),N(),l.current=null},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return r.useMountEffect((function(){w()})),r.useUpdateEffect((function(){A(),w()}),[e.nodeRef]),r.useUnmountEffect((function(){A()})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,r){return s(e)||u(e,r)||o(e,r)||i()}function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=m(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],f=m(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),v(),s.current=!1}}),2),C=f[0],v=f[1],p=m(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?w(e)&&D():y()},when:e.hideOnOutsideClick}),2),g=p[0],y=p[1],b=m(r.useEventListener({type:"click",listener:function(){l.current=j(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):null===l.current.offsetParent?h():D()}}),2),N=b[0],O=b[1],h=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},D=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),C({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&y()},j=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},H=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},w=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return a.useImperativeHandle(n,(function(){return d({getElement:function(){return u.current},getTarget:function(){return l.current}},e)})),r.useMountEffect((function(){H()})),r.useUpdateEffect((function(){return H(),function(){O()}})),r.useUnmountEffect((function(){O(),y(),l.current=null})),e.children}));C.displayName="StyleClass",C.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=C;

package/styleclass/styleclass.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 type StyleClassSelectorType = '@next' | '@prev' | '@parent' | '@grandparent' | string;
 
 export interface StyleClassProps {
-    nodeRef?: React.ReactNode;
+    nodeRef: React.MutableRefObject<React.ReactNode>;
     selector?: StyleClassSelectorType;
     enterClassName?: string;
     enterActiveClassName?: string;
@@ -16,4 +16,7 @@ export interface StyleClassProps {
     children?: React.ReactNode;
 }
 
-export declare class StyleClass extends React.Component<StyleClassProps, any> { }
+export declare class StyleClass extends React.Component<StyleClassProps, any> { 
+    public getElement(): HTMLElement;
+    public getTarget(): HTMLElement;
+}

package/styleclass/styleclass.esm.js

@@ -2,6 +2,21 @@ import * as React from 'react';
 import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { DomHandler, ObjectUtils } from 'primereact/utils';
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -63,6 +78,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var targetRef = React.useRef(null);
   var animating = React.useRef(false);
@@ -84,8 +102,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
 
       animating.current = false;
-    },
-    when: false
+    }
   }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindTargetEnterListener = _useEventListener2[0],
@@ -102,8 +119,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
       unbindTargetLeaveListener();
       animating.current = false;
-    },
-    when: false
+    }
   }),
       _useEventListener4 = _slicedToArray(_useEventListener3, 2),
       bindTargetLeaveListener = _useEventListener4[0],
@@ -118,7 +134,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
         leave();
       }
     },
-    when: false
+    when: props.hideOnOutsideClick
   }),
       _useEventListener6 = _slicedToArray(_useEventListener5, 2),
       bindDocumentClickListener = _useEventListener6[0],
@@ -134,8 +150,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       } else {
         if (targetRef.current.offsetParent === null) enter();else leave();
       }
-    },
-    when: false
+    }
   }),
       _useEventListener8 = _slicedToArray(_useEventListener7, 2),
       bindClickListener = _useEventListener8[0],
@@ -161,8 +176,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }
 
         bindTargetEnterListener({
-          target: targetRef.current,
-          when: true
+          target: targetRef.current
         });
       }
     } else {
@@ -176,8 +190,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     bindDocumentClickListener({
-      target: elementRef.current && elementRef.current.ownerDocument,
-      when: props.hideOnOutsideClick
+      target: elementRef.current && elementRef.current.ownerDocument
     });
   };
 
@@ -192,8 +205,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }
 
         bindTargetLeaveListener({
-          target: targetRef.current,
-          when: true
+          target: targetRef.current
         });
       }
     } else {
@@ -237,8 +249,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var init = function init() {
     elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
     bindClickListener({
-      target: elementRef.current,
-      when: true
+      target: elementRef.current
     });
   };
 
@@ -256,13 +267,25 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    }, props);
+  });
   useMountEffect(function () {
     init();
   });
   useUpdateEffect(function () {
-    destroy();
     init();
-  }, [props.nodeRef]);
+    return function () {
+      unbindClickListener();
+    };
+  });
   useUnmountEffect(function () {
     destroy();
   });

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1},when:!1}),2),f=d[0],v=d[1],N=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),h(),i.current=!1},when:!1}),2),g=N[0],h=N[1],p=C(r({type:"click",listener:function(e){k(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?P(e)&&x():w()},when:!1}),2),y=p[0],w=p[1],A=C(r({type:"click",listener:function(){o.current=E(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?b():x()},when:!1}),2),S=A[0],T=A[1],b=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current,when:!0})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),y({target:m.current&&m.current.ownerDocument,when:u.hideOnOutsideClick})},x=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),g({target:o.current,when:!0})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&w()},E=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},O=function(){m.current=s.getRefElement(u.nodeRef),S({target:m.current,when:!0})},R=function(){T(),w(),o.current=null},k=function(e){return null!==e.offsetParent},P=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return t((function(){O()})),n((function(){R(),O()}),[u.nodeRef]),a((function(){R()})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};
+import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){if(Array.isArray(e))return e}function o(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return i(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}function f(){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 C(e,r){return c(e)||o(e,r)||m(e,r)||f()}function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var v=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),f=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1}}),2),d=f[0],v=f[1],g=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),N(),i.current=!1}}),2),y=g[0],N=g[1],h=C(r({type:"click",listener:function(e){x(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&S():O()},when:u.hideOnOutsideClick}),2),b=h[0],O=h[1],w=C(r({type:"click",listener:function(){o.current=T(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?P():S()}}),2),A=w[0],j=w[1],P=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),d({target:o.current})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),b({target:m.current&&m.current.ownerDocument})},S=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),y({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&O()},T=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},E=function(){m.current=s.getRefElement(u.nodeRef),A({target:m.current})},x=function(e){return null!==e.offsetParent},k=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return e.useImperativeHandle(c,(function(){return p({getElement:function(){return m.current},getTarget:function(){return o.current}},u)})),t((function(){E()})),n((function(){return E(),function(){j()}})),a((function(){j(),O(),o.current=null})),u.children}));v.displayName="StyleClass",v.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{v as StyleClass};

package/styleclass/styleclass.js

@@ -22,6 +22,21 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -83,6 +98,9 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var targetRef = React__namespace.useRef(null);
     var animating = React__namespace.useRef(false);
@@ -104,8 +122,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         }
 
         animating.current = false;
-      },
-      when: false
+      }
     }),
         _useEventListener2 = _slicedToArray(_useEventListener, 2),
         bindTargetEnterListener = _useEventListener2[0],
@@ -122,8 +139,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
 
         unbindTargetLeaveListener();
         animating.current = false;
-      },
-      when: false
+      }
     }),
         _useEventListener4 = _slicedToArray(_useEventListener3, 2),
         bindTargetLeaveListener = _useEventListener4[0],
@@ -138,7 +154,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
           leave();
         }
       },
-      when: false
+      when: props.hideOnOutsideClick
     }),
         _useEventListener6 = _slicedToArray(_useEventListener5, 2),
         bindDocumentClickListener = _useEventListener6[0],
@@ -154,8 +170,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         } else {
           if (targetRef.current.offsetParent === null) enter();else leave();
         }
-      },
-      when: false
+      }
     }),
         _useEventListener8 = _slicedToArray(_useEventListener7, 2),
         bindClickListener = _useEventListener8[0],
@@ -181,8 +196,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
           }
 
           bindTargetEnterListener({
-            target: targetRef.current,
-            when: true
+            target: targetRef.current
           });
         }
       } else {
@@ -196,8 +210,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
       }
 
       bindDocumentClickListener({
-        target: elementRef.current && elementRef.current.ownerDocument,
-        when: props.hideOnOutsideClick
+        target: elementRef.current && elementRef.current.ownerDocument
       });
     };
 
@@ -212,8 +225,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
           }
 
           bindTargetLeaveListener({
-            target: targetRef.current,
-            when: true
+            target: targetRef.current
           });
         }
       } else {
@@ -257,8 +269,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
     var init = function init() {
       elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
       bindClickListener({
-        target: elementRef.current,
-        when: true
+        target: elementRef.current
       });
     };
 
@@ -276,13 +287,25 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
       return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      }, props);
+    });
     hooks.useMountEffect(function () {
       init();
     });
     hooks.useUpdateEffect(function () {
-      destroy();
       init();
-    }, [props.nodeRef]);
+      return function () {
+        unbindClickListener();
+      };
+    });
     hooks.useUnmountEffect(function () {
       destroy();
     });

package/styleclass/styleclass.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.styleclass=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function s(e){if(Array.isArray(e))return e}function u(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],s=!0,u=!1;try{for(r=r.call(e);!(s=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==r.return||r.return()}finally{if(u)throw a}}return l}}function c(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 o(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,t){return s(e)||u(e,t)||o(e,t)||i()}var d=l.forwardRef((function(e,t){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(r.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.enterActiveClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(a.current.style.maxHeight=""),s.current=!1},when:!1}),2),o=c[0],i=c[1],d=m(r.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),C(),s.current=!1},when:!1}),2),f=d[0],C=d[1],v=m(r.useEventListener({type:"click",listener:function(e){E(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?O(e)&&b():h()},when:!1}),2),g=v[0],h=v[1],p=m(r.useEventListener({type:"click",listener:function(){a.current=D(),e.toggleClassName?n.DomHandler.hasClass(a.current,e.toggleClassName)?n.DomHandler.removeClass(a.current,e.toggleClassName):n.DomHandler.addClass(a.current,e.toggleClassName):null===a.current.offsetParent?H():b()},when:!1}),2),y=p[0],N=p[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(a.current.style.height="0px",n.DomHandler.removeClass(a.current,"hidden"),a.current.style.maxHeight=a.current.scrollHeight+"px",n.DomHandler.addClass(a.current,"hidden"),a.current.style.height=""),n.DomHandler.addClass(a.current,e.enterActiveClassName),e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),o({target:a.current,when:!0})):(e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument,when:e.hideOnOutsideClick})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),f({target:a.current,when:!0})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&h()},D=function(){if(a.current)return a.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},w=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current,when:!0})},A=function(){N(),h(),a.current=null},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return r.useMountEffect((function(){w()})),r.useUpdateEffect((function(){A(),w()}),[e.nodeRef]),r.useUnmountEffect((function(){A()})),e.children}));return d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},e.StyleClass=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(r);function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,r){return u(e)||c(e,r)||i(e,r)||m()}function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function C(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var v=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=f(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.enterActiveClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(a.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],m=f(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),v(),s.current=!1}}),2),d=m[0],v=m[1],p=f(t.useEventListener({type:"click",listener:function(e){E(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?w(e)&&D():g()},when:e.hideOnOutsideClick}),2),y=p[0],g=p[1],b=f(t.useEventListener({type:"click",listener:function(){a.current=j(),e.toggleClassName?n.DomHandler.hasClass(a.current,e.toggleClassName)?n.DomHandler.removeClass(a.current,e.toggleClassName):n.DomHandler.addClass(a.current,e.toggleClassName):null===a.current.offsetParent?O():D()}}),2),N=b[0],h=b[1],O=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(a.current.style.height="0px",n.DomHandler.removeClass(a.current,"hidden"),a.current.style.maxHeight=a.current.scrollHeight+"px",n.DomHandler.addClass(a.current,"hidden"),a.current.style.height=""),n.DomHandler.addClass(a.current,e.enterActiveClassName),e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),o({target:a.current})):(e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName)),y({target:u.current&&u.current.ownerDocument})},D=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),d({target:a.current})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&g()},j=function(){if(a.current)return a.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},H=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},w=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return l.useImperativeHandle(r,(function(){return C({getElement:function(){return u.current},getTarget:function(){return a.current}},e)})),t.useMountEffect((function(){H()})),t.useUpdateEffect((function(){return H(),function(){h()}})),t.useUnmountEffect((function(){h(),g(),a.current=null})),e.children}));return v.displayName="StyleClass",v.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},e.StyleClass=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);