primereact 8.7.2 → 9.0.0-beta.1

package/styleclass/styleclass.esm.js

@@ -7,42 +7,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -67,82 +65,69 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var targetRef = React.useRef(null);
   var animating = React.useRef(false);
   var elementRef = React.useRef(null);
-
   var _useEventListener = useEventListener({
-    type: 'animationend',
-    listener: function listener() {
-      DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
-
-      if (props.enterToClassName) {
-        DomHandler.addClass(targetRef.current, props.enterToClassName);
-      }
-
-      unbindTargetEnterListener();
-
-      if (props.enterActiveClassName === 'slidedown') {
-        targetRef.current.style.maxHeight = '';
+      type: 'animationend',
+      listener: function listener() {
+        DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
+        if (props.enterToClassName) {
+          DomHandler.addClass(targetRef.current, props.enterToClassName);
+        }
+        unbindTargetEnterListener();
+        if (props.enterActiveClassName === 'slidedown') {
+          targetRef.current.style.maxHeight = '';
+        }
+        animating.current = false;
       }
-
-      animating.current = false;
-    }
-  }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindTargetEnterListener = _useEventListener2[0],
-      unbindTargetEnterListener = _useEventListener2[1];
-
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindTargetEnterListener = _useEventListener2[0],
+    unbindTargetEnterListener = _useEventListener2[1];
   var _useEventListener3 = useEventListener({
-    type: 'animationend',
-    listener: function listener() {
-      DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
-
-      if (props.leaveToClassName) {
-        DomHandler.addClass(targetRef.current, props.leaveToClassName);
+      type: 'animationend',
+      listener: function listener() {
+        DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
+        if (props.leaveToClassName) {
+          DomHandler.addClass(targetRef.current, props.leaveToClassName);
+        }
+        unbindTargetLeaveListener();
+        animating.current = false;
       }
-
-      unbindTargetLeaveListener();
-      animating.current = false;
-    }
-  }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindTargetLeaveListener = _useEventListener4[0],
-      unbindTargetLeaveListener = _useEventListener4[1];
-
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+    bindTargetLeaveListener = _useEventListener4[0],
+    unbindTargetLeaveListener = _useEventListener4[1];
   var _useEventListener5 = useEventListener({
-    type: 'click',
-    listener: function listener(event) {
-      if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
-        unbindDocumentClickListener();
-      } else if (isOutsideClick(event)) {
-        leave();
-      }
-    },
-    when: props.hideOnOutsideClick
-  }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindDocumentClickListener = _useEventListener6[0],
-      unbindDocumentClickListener = _useEventListener6[1];
-
+      type: 'click',
+      listener: function listener(event) {
+        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+          unbindDocumentClickListener();
+        } else if (isOutsideClick(event)) {
+          leave();
+        }
+      },
+      when: props.hideOnOutsideClick
+    }),
+    _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+    bindDocumentClickListener = _useEventListener6[0],
+    unbindDocumentClickListener = _useEventListener6[1];
   var _useEventListener7 = useEventListener({
-    type: 'click',
-    listener: function listener() {
-      targetRef.current = resolveTarget();
-
-      if (props.toggleClassName) {
-        if (DomHandler.hasClass(targetRef.current, props.toggleClassName)) DomHandler.removeClass(targetRef.current, props.toggleClassName);else DomHandler.addClass(targetRef.current, props.toggleClassName);
-      } else {
-        DomHandler.isVisible(targetRef.current) ? leave() : enter();
+      type: 'click',
+      listener: function listener() {
+        targetRef.current = resolveTarget();
+        if (props.toggleClassName) {
+          if (DomHandler.hasClass(targetRef.current, props.toggleClassName)) DomHandler.removeClass(targetRef.current, props.toggleClassName);else DomHandler.addClass(targetRef.current, props.toggleClassName);
+        } else {
+          DomHandler.isVisible(targetRef.current) ? leave() : enter();
+        }
       }
-    }
-  }),
-      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-      bindClickListener = _useEventListener8[0],
-      unbindClickListener = _useEventListener8[1];
-
+    }),
+    _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+    bindClickListener = _useEventListener8[0],
+    unbindClickListener = _useEventListener8[1];
   var enter = function enter() {
     if (props.enterActiveClassName) {
       if (!animating.current) {
         animating.current = true;
-
         if (props.enterActiveClassName === 'slidedown') {
           targetRef.current.style.height = '0px';
           DomHandler.removeClass(targetRef.current, 'hidden');
@@ -150,13 +135,10 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
           DomHandler.addClass(targetRef.current, 'hidden');
           targetRef.current.style.height = '';
         }
-
         DomHandler.addClass(targetRef.current, props.enterActiveClassName);
-
         if (props.enterClassName) {
           DomHandler.removeClass(targetRef.current, props.enterClassName);
         }
-
         bindTargetEnterListener({
           target: targetRef.current
         });
@@ -165,27 +147,22 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (props.enterClassName) {
         DomHandler.removeClass(targetRef.current, props.enterClassName);
       }
-
       if (props.enterToClassName) {
         DomHandler.addClass(targetRef.current, props.enterToClassName);
       }
     }
-
     bindDocumentClickListener({
       target: elementRef.current && elementRef.current.ownerDocument
     });
   };
-
   var leave = function leave() {
     if (props.leaveActiveClassName) {
       if (!animating.current) {
         animating.current = true;
         DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
-
         if (props.leaveClassName) {
           DomHandler.removeClass(targetRef.current, props.leaveClassName);
         }
-
         bindTargetLeaveListener({
           target: targetRef.current
         });
@@ -194,61 +171,48 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (props.leaveClassName) {
         DomHandler.removeClass(targetRef.current, props.leaveClassName);
       }
-
       if (props.leaveToClassName) {
         DomHandler.addClass(targetRef.current, props.leaveToClassName);
       }
     }
-
     if (props.hideOnOutsideClick) {
       unbindDocumentClickListener();
     }
   };
-
   var resolveTarget = function resolveTarget() {
     if (targetRef.current) {
       return targetRef.current;
     }
-
     switch (props.selector) {
       case '@next':
         return elementRef.current.nextElementSibling;
-
       case '@prev':
         return elementRef.current.previousElementSibling;
-
       case '@parent':
         return elementRef.current.parentElement;
-
       case '@grandparent':
         return elementRef.current.parentElement.parentElement;
-
       default:
         return document.querySelector(props.selector);
     }
   };
-
   var init = function init() {
     elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
     bindClickListener({
       target: elementRef.current
     });
   };
-
   var destroy = function destroy() {
     unbindClickListener();
     unbindDocumentClickListener();
     targetRef.current = null;
   };
-
   var isVisible = function isVisible(target) {
     return target.offsetParent !== null;
   };
-
   var isOutsideClick = function isOutsideClick(event) {
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

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}}),2),f=d[0],v=d[1],g=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),p(),i.current=!1}}),2),N=g[0],p=g[1],y=C(r({type:"click",listener:function(e){R(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&E():A()},when:u.hideOnOutsideClick}),2),h=y[0],A=y[1],T=C(r({type:"click",listener:function(){o.current=x(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):l.isVisible(o.current)?E():w()}}),2),b=T[0],S=T[1],w=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})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),h({target:m.current&&m.current.ownerDocument})},E=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),N({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&A()},x=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),b({target:m.current})},R=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{props:u,getElement:function(){return m.current},getTarget:function(){return o.current}}})),t((function(){O()})),n((function(){return O(),function(){S()}})),a((function(){S(),A(),o.current=null})),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){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,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}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 f=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),p(),i.current=!1}}),2),N=g[0],p=g[1],y=C(r({type:"click",listener:function(e){R(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&O():A()},when:u.hideOnOutsideClick}),2),h=y[0],A=y[1],b=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):l.isVisible(o.current)?O():w()}}),2),T=b[0],S=b[1],w=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)),h({target:m.current&&m.current.ownerDocument})},O=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),N({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&A()},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)}},x=function(){m.current=s.getRefElement(u.nodeRef),T({target:m.current})},R=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{props:u,getElement:function(){return m.current},getTarget:function(){return o.current}}})),t((function(){x()})),n((function(){return x(),function(){S()}})),a((function(){S(),A(),o.current=null})),u.children}));f.displayName="StyleClass",f.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{f as StyleClass};

package/styleclass/styleclass.js

@@ -27,42 +27,40 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -87,82 +85,69 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
     var targetRef = React__namespace.useRef(null);
     var animating = React__namespace.useRef(false);
     var elementRef = React__namespace.useRef(null);
-
     var _useEventListener = hooks.useEventListener({
-      type: 'animationend',
-      listener: function listener() {
-        utils.DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
-
-        if (props.enterToClassName) {
-          utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
-        }
-
-        unbindTargetEnterListener();
-
-        if (props.enterActiveClassName === 'slidedown') {
-          targetRef.current.style.maxHeight = '';
+        type: 'animationend',
+        listener: function listener() {
+          utils.DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
+          if (props.enterToClassName) {
+            utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
+          }
+          unbindTargetEnterListener();
+          if (props.enterActiveClassName === 'slidedown') {
+            targetRef.current.style.maxHeight = '';
+          }
+          animating.current = false;
         }
-
-        animating.current = false;
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindTargetEnterListener = _useEventListener2[0],
-        unbindTargetEnterListener = _useEventListener2[1];
-
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindTargetEnterListener = _useEventListener2[0],
+      unbindTargetEnterListener = _useEventListener2[1];
     var _useEventListener3 = hooks.useEventListener({
-      type: 'animationend',
-      listener: function listener() {
-        utils.DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
-
-        if (props.leaveToClassName) {
-          utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+        type: 'animationend',
+        listener: function listener() {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
+          if (props.leaveToClassName) {
+            utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+          }
+          unbindTargetLeaveListener();
+          animating.current = false;
         }
-
-        unbindTargetLeaveListener();
-        animating.current = false;
-      }
-    }),
-        _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-        bindTargetLeaveListener = _useEventListener4[0],
-        unbindTargetLeaveListener = _useEventListener4[1];
-
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindTargetLeaveListener = _useEventListener4[0],
+      unbindTargetLeaveListener = _useEventListener4[1];
     var _useEventListener5 = hooks.useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
-          unbindDocumentClickListener();
-        } else if (isOutsideClick(event)) {
-          leave();
-        }
-      },
-      when: props.hideOnOutsideClick
-    }),
-        _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-        bindDocumentClickListener = _useEventListener6[0],
-        unbindDocumentClickListener = _useEventListener6[1];
-
+        type: 'click',
+        listener: function listener(event) {
+          if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+            unbindDocumentClickListener();
+          } else if (isOutsideClick(event)) {
+            leave();
+          }
+        },
+        when: props.hideOnOutsideClick
+      }),
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentClickListener = _useEventListener6[0],
+      unbindDocumentClickListener = _useEventListener6[1];
     var _useEventListener7 = hooks.useEventListener({
-      type: 'click',
-      listener: function listener() {
-        targetRef.current = resolveTarget();
-
-        if (props.toggleClassName) {
-          if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
-        } else {
-          utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
+        type: 'click',
+        listener: function listener() {
+          targetRef.current = resolveTarget();
+          if (props.toggleClassName) {
+            if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
+          } else {
+            utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
+          }
         }
-      }
-    }),
-        _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-        bindClickListener = _useEventListener8[0],
-        unbindClickListener = _useEventListener8[1];
-
+      }),
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindClickListener = _useEventListener8[0],
+      unbindClickListener = _useEventListener8[1];
     var enter = function enter() {
       if (props.enterActiveClassName) {
         if (!animating.current) {
           animating.current = true;
-
           if (props.enterActiveClassName === 'slidedown') {
             targetRef.current.style.height = '0px';
             utils.DomHandler.removeClass(targetRef.current, 'hidden');
@@ -170,13 +155,10 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
             utils.DomHandler.addClass(targetRef.current, 'hidden');
             targetRef.current.style.height = '';
           }
-
           utils.DomHandler.addClass(targetRef.current, props.enterActiveClassName);
-
           if (props.enterClassName) {
             utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
           }
-
           bindTargetEnterListener({
             target: targetRef.current
           });
@@ -185,27 +167,22 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         if (props.enterClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
         }
-
         if (props.enterToClassName) {
           utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
         }
       }
-
       bindDocumentClickListener({
         target: elementRef.current && elementRef.current.ownerDocument
       });
     };
-
     var leave = function leave() {
       if (props.leaveActiveClassName) {
         if (!animating.current) {
           animating.current = true;
           utils.DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
-
           if (props.leaveClassName) {
             utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
           }
-
           bindTargetLeaveListener({
             target: targetRef.current
           });
@@ -214,61 +191,48 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         if (props.leaveClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
         }
-
         if (props.leaveToClassName) {
           utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
         }
       }
-
       if (props.hideOnOutsideClick) {
         unbindDocumentClickListener();
       }
     };
-
     var resolveTarget = function resolveTarget() {
       if (targetRef.current) {
         return targetRef.current;
       }
-
       switch (props.selector) {
         case '@next':
           return elementRef.current.nextElementSibling;
-
         case '@prev':
           return elementRef.current.previousElementSibling;
-
         case '@parent':
           return elementRef.current.parentElement;
-
         case '@grandparent':
           return elementRef.current.parentElement.parentElement;
-
         default:
           return document.querySelector(props.selector);
       }
     };
-
     var init = function init() {
       elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
       bindClickListener({
         target: elementRef.current
       });
     };
-
     var destroy = function destroy() {
       unbindClickListener();
       unbindDocumentClickListener();
       targetRef.current = null;
     };
-
     var isVisible = function isVisible(target) {
       return target.offsetParent !== null;
     };
-
     var isOutsideClick = function isOutsideClick(event) {
       return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/styleclass/styleclass.min.js

@@ -1 +1 @@
-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){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()}var d=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(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],d=m(t.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}}),2),f=d[0],C=d[1],v=m(t.useEventListener({type:"click",listener:function(e){A(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],y=m(t.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):n.DomHandler.isVisible(a.current)?b():H()}}),2),N=y[0],h=y[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})):(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})},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})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},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)}},E=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},A=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 l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return a.current}}})),t.useMountEffect((function(){E()})),t.useUpdateEffect((function(){return E(),function(){h()}})),t.useUnmountEffect((function(){h(),p(),a.current=null})),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){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,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}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()}var d=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(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],d=m(t.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}}),2),f=d[0],C=d[1],v=m(t.useEventListener({type:"click",listener:function(e){E(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?A(e)&&H():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],y=m(t.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):n.DomHandler.isVisible(a.current)?H():b()}}),2),N=y[0],h=y[1],b=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)),g({target:u.current&&u.current.ownerDocument})},H=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})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},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)}},O=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},A=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return a.current}}})),t.useMountEffect((function(){O()})),t.useUpdateEffect((function(){return O(),function(){h()}})),t.useUnmountEffect((function(){h(),p(),a.current=null})),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);