primereact 8.7.2 → 9.0.0-beta.1

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,13 +255,14 @@ 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);
+      var className = utils.classNames('p-overlaypanel p-component', props.className, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       var closeIcon = createCloseIcon();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: overlayRef,
@@ -326,7 +291,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,i,u){"use strict";function c(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=c(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 y(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a,o,i=[],u=!0,c=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}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 y(e)||m(e,t)||b(e,t)||O()}var g=f.forwardRef((function(e,t){var c=h(f.useState(!1),2),s=c[0],y=c[1],m=f.useRef(""),v=f.useRef(null),b=f.useRef(null),O=f.useRef(!1),E=f.useRef(null),S=f.useRef(null),w=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=w[0],k=w[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?_():(y(!0),S.current=function(e){!I(e.target)&&(O.current=!0)},a.OverlayService.on("overlay-click",S.current))},N=function(){y(!1),a.OverlayService.off("overlay-click",S.current),S.current=null},R=function(){v.current.setAttribute(m.current,""),u.ZIndexUtils.set("overlay",v.current,p.default.autoZIndex,p.default.zIndex.overlay),_()},A=function(){j(),e.onShow&&e.onShow()},U=function(){k()},M=function(){u.ZIndexUtils.clear(v.current),e.onHide&&e.onHide()},_=function(){if(b.current&&v.current){u.DomHandler.absolutePosition(v.current,b.current);var e=u.DomHandler.getOffset(v.current),t=u.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&&u.DomHandler.addClass(v.current,"p-overlaypanel-flipped")}},L=function(){if(!E.current){E.current=u.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(m.current,"] {\n                            width: ").concat(e.breakpoints[r]," !important;\n                        }\n                    }\n                ");E.current.innerHTML=t}};l.useMountEffect((function(){m.current=u.UniqueComponentId(),e.breakpoints&&L()})),l.useUnmountEffect((function(){E.current=u.DomHandler.removeInlineStyle(E.current),S.current&&(a.OverlayService.off("overlay-click",S.current),S.current=null),u.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(i.Ripple,null))}return null},Y=(Z=u.ObjectUtils.findDiffKeys(e,g.defaultProps),z=u.classNames("p-overlaypanel p-component",e.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),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/overlayservice/overlayservice.d.ts

@@ -1,16 +1,61 @@
-import React from 'react';
+/**
+ *
+ * OverlayService allows all overlay components to communicate with each other.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ *
+ * @module overlayservice
+ *
+ */
+import * as React from 'react';
 
-type OverlayServiceActionType = 'overlay-click';
-
-interface OverlayServiceParams {
+/**
+ * Overlay service event.
+ */
+export interface OverlayServiceEvent {
+    /**
+     * Original event that triggered the overlay.
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Target element that the overlay is bound to.
+     */
     target: HTMLElement;
 }
 
+/**
+ * @group Misc
+ */
 export interface OverlayServiceOptions {
-    on(action: OverlayServiceActionType, fn: any): void;
-    emit(action: OverlayServiceActionType, params?: OverlayServiceParams): void;
-    off(action: OverlayServiceActionType, fn: any): void;
+    /**
+     * Add event listener for overlay click.
+     * @param {string} action - Custom listener.
+     * @param {*} fn - Custom listener.
+     */
+    on(action: 'overlay-click', fn: any): void;
+    /**
+     * Trigger overlay click event.
+     * @param {string} action - Custom listener.
+     * @param {*} params - Custom listener.
+     */
+    emit(action: 'overlay-click', params?: OverlayServiceEvent): void;
+    /**
+     * Remove event listener for overlay click.
+     * @param {string} action - Custom listener.
+     * @param {*} fn - Custom listener.
+     */
+    off(action: 'overlay-click', fn: any): void;
 }
 
+/**
+ * **PrimeReact - OverlayService**
+ *
+ * _OverlayService allows all overlay components to communicate with each other._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Service
+ */
 export declare const OverlayService: OverlayServiceOptions;

package/package.json

@@ -1,9 +1,9 @@
 {
     "name": "primereact",
-    "version": "8.7.2",
+    "version": "9.0.0-beta.1",
     "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.",
+    "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 370+ ready to use UI blocks to build spectacular applications in no time.",
     "homepage": "https://www.primefaces.org/primereact",
     "repository": {
         "type": "git",