primereact 8.7.2 → 8.7.3

package/overlaypanel/overlaypanel.esm.js

@@ -11,14 +11,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -29,42 +27,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;
 }
 
@@ -87,49 +83,41 @@ function _slicedToArray(arr, i) {
 
 var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visibleState = _React$useState2[0],
-      setVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visibleState = _React$useState2[0],
+    setVisibleState = _React$useState2[1];
   var attributeSelector = React.useRef('');
   var overlayRef = React.useRef(null);
   var currentTargetRef = React.useRef(null);
   var isPanelClicked = React.useRef(false);
   var styleElement = React.useRef(null);
   var overlayEventListener = React.useRef(null);
-
   var _useOverlayListener = useOverlayListener({
-    target: currentTargetRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var type = _ref.type,
+      target: currentTargetRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var type = _ref.type,
           valid = _ref.valid;
-
-      if (valid) {
-        type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
-      }
-
-      isPanelClicked.current = false;
-    },
-    when: visibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+        if (valid) {
+          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
+        }
+        isPanelClicked.current = false;
+      },
+      when: visibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var isOutsideClicked = function isOutsideClicked(target) {
     return overlayRef && overlayRef.current && !(overlayRef.current.isSameNode(target) || overlayRef.current.contains(target));
   };
-
   var hasTargetChanged = function hasTargetChanged(event, target) {
     return currentTargetRef.current != null && currentTargetRef.current !== (target || event.currentTarget || event.target);
   };
-
   var onCloseClick = function onCloseClick(event) {
     hide();
     event.preventDefault();
   };
-
   var onPanelClick = function onPanelClick(event) {
     isPanelClicked.current = true;
     OverlayService.emit('overlay-click', {
@@ -137,15 +125,12 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       target: currentTargetRef.current
     });
   };
-
   var onContentClick = function onContentClick() {
     isPanelClicked.current = true;
   };
-
   var toggle = function toggle(event, target) {
     if (visibleState) {
       hide();
-
       if (hasTargetChanged(event, target)) {
         currentTargetRef.current = target || event.currentTarget || event.target;
         setTimeout(function () {
@@ -156,96 +141,76 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       show(event, target);
     }
   };
-
   var show = function show(event, target) {
     currentTargetRef.current = target || event.currentTarget || event.target;
-
     if (visibleState) {
       align();
     } else {
       setVisibleState(true);
-
       overlayEventListener.current = function (e) {
         !isOutsideClicked(e.target) && (isPanelClicked.current = true);
       };
-
       OverlayService.on('overlay-click', overlayEventListener.current);
     }
   };
-
   var hide = function hide() {
     setVisibleState(false);
     OverlayService.off('overlay-click', overlayEventListener.current);
     overlayEventListener.current = null;
   };
-
   var onEnter = function onEnter() {
     overlayRef.current.setAttribute(attributeSelector.current, '');
     ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     align();
   };
-
   var onEntered = function onEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
   };
-
   var onExit = function onExit() {
     unbindOverlayListener();
   };
-
   var onExited = function onExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var align = function align() {
     if (currentTargetRef.current && overlayRef.current) {
       DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
       var containerOffset = DomHandler.getOffset(overlayRef.current);
       var targetOffset = DomHandler.getOffset(currentTargetRef.current);
       var arrowLeft = 0;
-
       if (containerOffset.left < targetOffset.left) {
         arrowLeft = targetOffset.left - containerOffset.left;
       }
-
       overlayRef.current.style.setProperty('--overlayArrowLeft', "".concat(arrowLeft, "px"));
-
       if (containerOffset.top < targetOffset.top) {
         DomHandler.addClass(overlayRef.current, 'p-overlaypanel-flipped');
       }
     }
   };
-
   var createStyle = function createStyle() {
     if (!styleElement.current) {
       styleElement.current = DomHandler.createInlineStyle(PrimeReact.nonce);
       var innerHTML = '';
-
       for (var breakpoint in props.breakpoints) {
         innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-overlaypanel[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], " !important;\n                        }\n                    }\n                ");
       }
-
       styleElement.current.innerHTML = innerHTML;
     }
   };
-
   useMountEffect(function () {
     attributeSelector.current = UniqueComponentId();
-
     if (props.breakpoints) {
       createStyle();
     }
   });
   useUnmountEffect(function () {
     styleElement.current = DomHandler.removeInlineStyle(styleElement.current);
-
     if (overlayEventListener.current) {
       OverlayService.off('overlay-click', overlayEventListener.current);
       overlayEventListener.current = null;
     }
-
     ZIndexUtils.clear(overlayRef.current);
   });
   React.useImperativeHandle(ref, function () {
@@ -259,7 +224,6 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
   });
-
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
       var ariaLabel = props.ariaCloseLabel || localeOption('close');
@@ -273,10 +237,8 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         "aria-hidden": "true"
       }), /*#__PURE__*/React.createElement(Ripple, null));
     }
-
     return null;
   };
-
   var createElement = function createElement() {
     var otherProps = ObjectUtils.findDiffKeys(props, OverlayPanel.defaultProps);
     var className = classNames('p-overlaypanel p-component', props.className);
@@ -308,7 +270,6 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onMouseDown: onContentClick
     }, props.children), closeIcon));
   };
-
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
     element: element,

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r,{localeOption as n}from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as a,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as u}from"primereact/ripple";import{UniqueComponentId as s,DomHandler as f,ZIndexUtils as p,ObjectUtils as m,classNames as y}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},d.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function g(e,r){if(e){if("string"==typeof e)return h(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,r):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,r){return v(e)||b(e,r)||g(e,r)||w()}var k=e.forwardRef((function(v,b){var h=E(e.useState(!1),2),g=h[0],w=h[1],O=e.useRef(""),S=e.useRef(null),x=e.useRef(null),I=e.useRef(!1),T=e.useRef(null),C=e.useRef(null),N=E(o({target:x,overlay:S,listener:function(e,r){r.valid&&("outside"===r.type?v.dismissable&&!I.current&&z():z()),I.current=!1},when:g}),2),A=N[0],P=N[1],R=function(e){return S&&S.current&&!(S.current.isSameNode(e)||S.current.contains(e))},j=function(e,r){return null!=x.current&&x.current!==(r||e.currentTarget||e.target)},H=function(e){z(),e.preventDefault()},L=function(e){I.current=!0,i.emit("overlay-click",{originalEvent:e,target:x.current})},D=function(){I.current=!0},M=function(e,r){g?(z(),j(e,r)&&(x.current=r||e.currentTarget||e.target,setTimeout((function(){_(e,x.current)}),200))):_(e,r)},_=function(e,r){x.current=r||e.currentTarget||e.target,g?$():(w(!0),C.current=function(e){!R(e.target)&&(I.current=!0)},i.on("overlay-click",C.current))},z=function(){w(!1),i.off("overlay-click",C.current),C.current=null},K=function(){S.current.setAttribute(O.current,""),p.set("overlay",S.current,r.autoZIndex,r.zIndex.overlay),$()},U=function(){A(),v.onShow&&v.onShow()},Y=function(){P()},Z=function(){p.clear(S.current),v.onHide&&v.onHide()},$=function(){if(x.current&&S.current){f.absolutePosition(S.current,x.current);var e=f.getOffset(S.current),r=f.getOffset(x.current),n=0;e.left<r.left&&(n=r.left-e.left),S.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<r.top&&f.addClass(S.current,"p-overlaypanel-flipped")}},q=function(){if(!T.current){T.current=f.createInlineStyle(r.nonce);var e="";for(var n in v.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(O.current,"] {\n                            width: ").concat(v.breakpoints[n]," !important;\n                        }\n                    }\n                ");T.current.innerHTML=e}};a((function(){O.current=s(),v.breakpoints&&q()})),l((function(){T.current=f.removeInlineStyle(T.current),C.current&&(i.off("overlay-click",C.current),C.current=null),p.clear(S.current)})),e.useImperativeHandle(b,(function(){return{props:v,toggle:M,show:_,hide:z,getElement:function(){return S.current}}}));var B,F,G,J=function(){if(v.showCloseIcon){var r=v.ariaCloseLabel||n("close");return e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:H,"aria-label":r},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(u,null))}return null},Q=(B=m.findDiffKeys(v,k.defaultProps),F=y("p-overlaypanel p-component",v.className),G=J(),e.createElement(t,{nodeRef:S,classNames:"p-overlaypanel",in:g,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:U,onExit:Y,onExited:Z},e.createElement("div",d({ref:S,id:v.id,className:F,style:v.style},B,{onClick:L}),e.createElement("div",{className:"p-overlaypanel-content",onClick:D,onMouseDown:D},v.children),G)));return e.createElement(c,{element:Q,appendTo:v.appendTo})}));k.displayName="OverlayPanel",k.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null};export{k as OverlayPanel};
+import*as e from"react";import r,{localeOption as n}from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{Ripple as u}from"primereact/ripple";import{UniqueComponentId as s,DomHandler as f,ZIndexUtils as p,ObjectUtils as m,classNames as y}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},d.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;c=!1}else for(;!(c=(t=l.call(n)).done)&&(i.push(t.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function g(e,r){if(e){if("string"==typeof e)return h(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,r):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,r){return v(e)||b(e,r)||g(e,r)||w()}var O=e.forwardRef((function(v,b){var h=E(e.useState(!1),2),g=h[0],w=h[1],k=e.useRef(""),S=e.useRef(null),x=e.useRef(null),I=e.useRef(!1),T=e.useRef(null),C=e.useRef(null),N=E(o({target:x,overlay:S,listener:function(e,r){r.valid&&("outside"===r.type?v.dismissable&&!I.current&&z():z()),I.current=!1},when:g}),2),j=N[0],A=N[1],P=function(e){return S&&S.current&&!(S.current.isSameNode(e)||S.current.contains(e))},R=function(e,r){return null!=x.current&&x.current!==(r||e.currentTarget||e.target)},H=function(e){z(),e.preventDefault()},L=function(e){I.current=!0,i.emit("overlay-click",{originalEvent:e,target:x.current})},D=function(){I.current=!0},M=function(e,r){g?(z(),R(e,r)&&(x.current=r||e.currentTarget||e.target,setTimeout((function(){_(e,x.current)}),200))):_(e,r)},_=function(e,r){x.current=r||e.currentTarget||e.target,g?$():(w(!0),C.current=function(e){!P(e.target)&&(I.current=!0)},i.on("overlay-click",C.current))},z=function(){w(!1),i.off("overlay-click",C.current),C.current=null},K=function(){S.current.setAttribute(k.current,""),p.set("overlay",S.current,r.autoZIndex,r.zIndex.overlay),$()},U=function(){j(),v.onShow&&v.onShow()},Y=function(){A()},Z=function(){p.clear(S.current),v.onHide&&v.onHide()},$=function(){if(x.current&&S.current){f.absolutePosition(S.current,x.current);var e=f.getOffset(S.current),r=f.getOffset(x.current),n=0;e.left<r.left&&(n=r.left-e.left),S.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<r.top&&f.addClass(S.current,"p-overlaypanel-flipped")}},q=function(){if(!T.current){T.current=f.createInlineStyle(r.nonce);var e="";for(var n in v.breakpoints)e+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(k.current,"] {\n                            width: ").concat(v.breakpoints[n]," !important;\n                        }\n                    }\n                ");T.current.innerHTML=e}};l((function(){k.current=s(),v.breakpoints&&q()})),a((function(){T.current=f.removeInlineStyle(T.current),C.current&&(i.off("overlay-click",C.current),C.current=null),p.clear(S.current)})),e.useImperativeHandle(b,(function(){return{props:v,toggle:M,show:_,hide:z,getElement:function(){return S.current}}}));var B,F,G,J=function(){if(v.showCloseIcon){var r=v.ariaCloseLabel||n("close");return e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:H,"aria-label":r},e.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(u,null))}return null},Q=(B=m.findDiffKeys(v,O.defaultProps),F=y("p-overlaypanel p-component",v.className),G=J(),e.createElement(t,{nodeRef:S,classNames:"p-overlaypanel",in:g,timeout:{enter:120,exit:100},options:v.transitionOptions,unmountOnExit:!0,onEnter:K,onEntered:U,onExit:Y,onExited:Z},e.createElement("div",d({ref:S,id:v.id,className:F,style:v.style},B,{onClick:L}),e.createElement("div",{className:"p-overlaypanel-content",onClick:D,onMouseDown:D},v.children),G)));return e.createElement(c,{element:Q,appendTo:v.appendTo})}));O.displayName="OverlayPanel",O.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null};export{O as OverlayPanel};

package/overlaypanel/overlaypanel.js

@@ -29,14 +29,12 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -47,42 +45,40 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
   }
 
   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;
   }
 
@@ -105,49 +101,41 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
 
   var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        visibleState = _React$useState2[0],
-        setVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visibleState = _React$useState2[0],
+      setVisibleState = _React$useState2[1];
     var attributeSelector = React__namespace.useRef('');
     var overlayRef = React__namespace.useRef(null);
     var currentTargetRef = React__namespace.useRef(null);
     var isPanelClicked = React__namespace.useRef(false);
     var styleElement = React__namespace.useRef(null);
     var overlayEventListener = React__namespace.useRef(null);
-
     var _useOverlayListener = hooks.useOverlayListener({
-      target: currentTargetRef,
-      overlay: overlayRef,
-      listener: function listener(event, _ref) {
-        var type = _ref.type,
+        target: currentTargetRef,
+        overlay: overlayRef,
+        listener: function listener(event, _ref) {
+          var type = _ref.type,
             valid = _ref.valid;
-
-        if (valid) {
-          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
-        }
-
-        isPanelClicked.current = false;
-      },
-      when: visibleState
-    }),
-        _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-        bindOverlayListener = _useOverlayListener2[0],
-        unbindOverlayListener = _useOverlayListener2[1];
-
+          if (valid) {
+            type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
+          }
+          isPanelClicked.current = false;
+        },
+        when: visibleState
+      }),
+      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+      bindOverlayListener = _useOverlayListener2[0],
+      unbindOverlayListener = _useOverlayListener2[1];
     var isOutsideClicked = function isOutsideClicked(target) {
       return overlayRef && overlayRef.current && !(overlayRef.current.isSameNode(target) || overlayRef.current.contains(target));
     };
-
     var hasTargetChanged = function hasTargetChanged(event, target) {
       return currentTargetRef.current != null && currentTargetRef.current !== (target || event.currentTarget || event.target);
     };
-
     var onCloseClick = function onCloseClick(event) {
       hide();
       event.preventDefault();
     };
-
     var onPanelClick = function onPanelClick(event) {
       isPanelClicked.current = true;
       overlayservice.OverlayService.emit('overlay-click', {
@@ -155,15 +143,12 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
         target: currentTargetRef.current
       });
     };
-
     var onContentClick = function onContentClick() {
       isPanelClicked.current = true;
     };
-
     var toggle = function toggle(event, target) {
       if (visibleState) {
         hide();
-
         if (hasTargetChanged(event, target)) {
           currentTargetRef.current = target || event.currentTarget || event.target;
           setTimeout(function () {
@@ -174,96 +159,76 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
         show(event, target);
       }
     };
-
     var show = function show(event, target) {
       currentTargetRef.current = target || event.currentTarget || event.target;
-
       if (visibleState) {
         align();
       } else {
         setVisibleState(true);
-
         overlayEventListener.current = function (e) {
           !isOutsideClicked(e.target) && (isPanelClicked.current = true);
         };
-
         overlayservice.OverlayService.on('overlay-click', overlayEventListener.current);
       }
     };
-
     var hide = function hide() {
       setVisibleState(false);
       overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
       overlayEventListener.current = null;
     };
-
     var onEnter = function onEnter() {
       overlayRef.current.setAttribute(attributeSelector.current, '');
       utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       align();
     };
-
     var onEntered = function onEntered() {
       bindOverlayListener();
       props.onShow && props.onShow();
     };
-
     var onExit = function onExit() {
       unbindOverlayListener();
     };
-
     var onExited = function onExited() {
       utils.ZIndexUtils.clear(overlayRef.current);
       props.onHide && props.onHide();
     };
-
     var align = function align() {
       if (currentTargetRef.current && overlayRef.current) {
         utils.DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
         var containerOffset = utils.DomHandler.getOffset(overlayRef.current);
         var targetOffset = utils.DomHandler.getOffset(currentTargetRef.current);
         var arrowLeft = 0;
-
         if (containerOffset.left < targetOffset.left) {
           arrowLeft = targetOffset.left - containerOffset.left;
         }
-
         overlayRef.current.style.setProperty('--overlayArrowLeft', "".concat(arrowLeft, "px"));
-
         if (containerOffset.top < targetOffset.top) {
           utils.DomHandler.addClass(overlayRef.current, 'p-overlaypanel-flipped');
         }
       }
     };
-
     var createStyle = function createStyle() {
       if (!styleElement.current) {
         styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
         var innerHTML = '';
-
         for (var breakpoint in props.breakpoints) {
           innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-overlaypanel[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], " !important;\n                        }\n                    }\n                ");
         }
-
         styleElement.current.innerHTML = innerHTML;
       }
     };
-
     hooks.useMountEffect(function () {
       attributeSelector.current = utils.UniqueComponentId();
-
       if (props.breakpoints) {
         createStyle();
       }
     });
     hooks.useUnmountEffect(function () {
       styleElement.current = utils.DomHandler.removeInlineStyle(styleElement.current);
-
       if (overlayEventListener.current) {
         overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
         overlayEventListener.current = null;
       }
-
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
@@ -277,7 +242,6 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
         }
       };
     });
-
     var createCloseIcon = function createCloseIcon() {
       if (props.showCloseIcon) {
         var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
@@ -291,10 +255,8 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
           "aria-hidden": "true"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
-
       return null;
     };
-
     var createElement = function createElement() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, OverlayPanel.defaultProps);
       var className = utils.classNames('p-overlaypanel p-component', props.className);
@@ -326,7 +288,6 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
         onMouseDown: onContentClick
       }, props.children), closeIcon));
     };
-
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,

package/overlaypanel/overlaypanel.min.css

@@ -1 +1 @@
-.p-overlaypanel{position:absolute;margin-top:10px}.p-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.p-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-overlaypanel-enter{opacity:0;transform:scaleY(0.8)}.p-overlaypanel-enter-active{opacity:1;transform:scaleY(1);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-overlaypanel-enter-done{transform:none}.p-overlaypanel-exit{opacity:1}.p-overlaypanel-exit-active{opacity:0;transition:opacity .1s linear}.p-overlaypanel:after,.p-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:" ";height:0;width:0;position:absolute;pointer-events:none}.p-overlaypanel:after{border-width:8px;margin-left:-8px}.p-overlaypanel:before{border-width:10px;margin-left:-10px}.p-overlaypanel-flipped:after,.p-overlaypanel-flipped:before{bottom:auto;top:100%}.p-overlaypanel.p-overlaypanel-flipped:after{border-bottom-color:transparent}.p-overlaypanel.p-overlaypanel-flipped:before{border-bottom-color:transparent}
+.p-overlaypanel{position:absolute;margin-top:10px;top:-9999px;left:-9999px}.p-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.p-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.p-overlaypanel-enter{opacity:0;transform:scaleY(0.8)}.p-overlaypanel-enter-active{opacity:1;transform:scaleY(1);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-overlaypanel-enter-done{transform:none}.p-overlaypanel-exit{opacity:1}.p-overlaypanel-exit-active{opacity:0;transition:opacity .1s linear}.p-overlaypanel:after,.p-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:" ";height:0;width:0;position:absolute;pointer-events:none}.p-overlaypanel:after{border-width:8px;margin-left:-8px}.p-overlaypanel:before{border-width:10px;margin-left:-10px}.p-overlaypanel-flipped:after,.p-overlaypanel-flipped:before{bottom:auto;top:100%}.p-overlaypanel.p-overlaypanel-flipped:after{border-bottom-color:transparent}.p-overlaypanel.p-overlaypanel-flipped:before{border-bottom-color:transparent}

package/overlaypanel/overlaypanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,n,r,a,l,o,c,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=s(t),p=u(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return m(e)||y(e,t)||b(e,t)||h()}var g=f.forwardRef((function(e,t){var u=O(f.useState(!1),2),s=u[0],m=u[1],y=f.useRef(""),v=f.useRef(null),b=f.useRef(null),h=f.useRef(!1),E=f.useRef(null),w=f.useRef(null),S=O(a.useOverlayListener({target:b,overlay:v,listener:function(t,n){n.valid&&("outside"===n.type?e.dismissable&&!h.current&&N():N()),h.current=!1},when:s}),2),j=S[0],k=S[1],I=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},P=function(e,t){return null!=b.current&&b.current!==(t||e.currentTarget||e.target)},x=function(e){N(),e.preventDefault()},C=function(e){h.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){h.current=!0},T=function(e,t){s?(N(),P(e,t)&&(b.current=t||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,t)},D=function(e,t){b.current=t||e.currentTarget||e.target,s?_():(m(!0),w.current=function(e){!I(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",w.current))},N=function(){m(!1),l.OverlayService.off("overlay-click",w.current),w.current=null},R=function(){v.current.setAttribute(y.current,""),i.ZIndexUtils.set("overlay",v.current,p.default.autoZIndex,p.default.zIndex.overlay),_()},A=function(){j(),e.onShow&&e.onShow()},U=function(){k()},M=function(){i.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},_=function(){if(b.current&&v.current){i.DomHandler.absolutePosition(v.current,b.current);var e=i.DomHandler.getOffset(v.current),t=i.DomHandler.getOffset(b.current),n=0;e.left<t.left&&(n=t.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&i.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},L=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(p.default.nonce);var t="";for(var n in e.breakpoints)t+="\n                    @media screen and (max-width: ".concat(n,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[n]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=t}};a.useMountEffect((function(){y.current=i.UniqueComponentId(),e.breakpoints&&L()})),a.useUnmountEffect((function(){E.current=i.DomHandler.removeInlineStyle(E.current),w.current&&(l.OverlayService.off("overlay-click",w.current),w.current=null),i.ZIndexUtils.clear(v.current)})),f.useImperativeHandle(t,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return v.current}}}));var Z,z,q,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||n.localeOption("close");return f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:x,"aria-label":t},f.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),f.createElement(c.Ripple,null))}return null},Y=(Z=i.ObjectUtils.findDiffKeys(e,g.defaultProps),z=i.classNames("p-overlaypanel p-component",e.className),q=K(),f.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:s,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:U,onExited:M},f.createElement("div",d({ref:v,id:e.id,className:z,style:e.style},Z,{onClick:C}),f.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),q)));return f.createElement(o.Portal,{element:Y,appendTo:e.appendTo})}));return g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,l,a,o,c,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 f=s(t),p=u(r);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a,o,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{if(!i&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw l}}return c}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):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 h(e,t){return m(e)||y(e,t)||b(e,t)||O()}var g=f.forwardRef((function(e,t){var u=h(f.useState(!1),2),s=u[0],m=u[1],y=f.useRef(""),v=f.useRef(null),b=f.useRef(null),O=f.useRef(!1),E=f.useRef(null),w=f.useRef(null),S=h(l.useOverlayListener({target:b,overlay:v,listener:function(t,r){r.valid&&("outside"===r.type?e.dismissable&&!O.current&&N():N()),O.current=!1},when:s}),2),j=S[0],k=S[1],I=function(e){return v&&v.current&&!(v.current.isSameNode(e)||v.current.contains(e))},P=function(e,t){return null!=b.current&&b.current!==(t||e.currentTarget||e.target)},x=function(e){N(),e.preventDefault()},C=function(e){O.current=!0,a.OverlayService.emit("overlay-click",{originalEvent:e,target:b.current})},H=function(){O.current=!0},T=function(e,t){s?(N(),P(e,t)&&(b.current=t||e.currentTarget||e.target,setTimeout((function(){D(e,b.current)}),200))):D(e,t)},D=function(e,t){b.current=t||e.currentTarget||e.target,s?_():(m(!0),w.current=function(e){!I(e.target)&&(O.current=!0)},a.OverlayService.on("overlay-click",w.current))},N=function(){m(!1),a.OverlayService.off("overlay-click",w.current),w.current=null},R=function(){v.current.setAttribute(y.current,""),i.ZIndexUtils.set("overlay",v.current,p.default.autoZIndex,p.default.zIndex.overlay),_()},A=function(){j(),e.onShow&&e.onShow()},U=function(){k()},M=function(){i.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},_=function(){if(b.current&&v.current){i.DomHandler.absolutePosition(v.current,b.current);var e=i.DomHandler.getOffset(v.current),t=i.DomHandler.getOffset(b.current),r=0;e.left<t.left&&(r=t.left-e.left),v.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&i.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},L=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(p.default.nonce);var t="";for(var r in e.breakpoints)t+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(y.current,"] {\n                            width: ").concat(e.breakpoints[r]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=t}};l.useMountEffect((function(){y.current=i.UniqueComponentId(),e.breakpoints&&L()})),l.useUnmountEffect((function(){E.current=i.DomHandler.removeInlineStyle(E.current),w.current&&(a.OverlayService.off("overlay-click",w.current),w.current=null),i.ZIndexUtils.clear(v.current)})),f.useImperativeHandle(t,(function(){return{props:e,toggle:T,show:D,hide:N,getElement:function(){return v.current}}}));var Z,z,q,K=function(){if(e.showCloseIcon){var t=e.ariaCloseLabel||r.localeOption("close");return f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:x,"aria-label":t},f.createElement("span",{className:"p-overlaypanel-close-icon pi pi-times","aria-hidden":"true"}),f.createElement(c.Ripple,null))}return null},Y=(Z=i.ObjectUtils.findDiffKeys(e,g.defaultProps),z=i.classNames("p-overlaypanel p-component",e.className),q=K(),f.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-overlaypanel",in:s,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:U,onExited:M},f.createElement("div",d({ref:v,id:e.id,className:z,style:e.style},Z,{onClick:C}),f.createElement("div",{className:"p-overlaypanel-content",onClick:H,onMouseDown:H},e.children),q)));return f.createElement(o.Portal,{element:Y,appendTo:e.appendTo})}));return g.displayName="OverlayPanel",g.defaultProps={__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null},e.OverlayPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "8.7.2",
+    "version": "8.7.3",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 280+ ready to use UI blocks to build spectacular applications in no time.",