primereact 8.7.3 → 9.0.0-rc.1

package/overlaypanel/overlaypanel.d.ts

@@ -1,31 +1,105 @@
+/**
+ *
+ * OverlayPanel, also known as Popover, is a container component that can overlay other components on page.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/overlaypanel)
+ *
+ * @module overlaypanel
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 
-type OverlayPanelEventType = React.SyntheticEvent | undefined | null;
-
-type OverlayPanelTargetType = HTMLElement | EventTarget | undefined | null;
-
-type OverlayPanelAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Custom overlay panel breakpoints
+ * @group Misc
+ */
 interface OverlayPanelBreakpoints {
+    /**
+     *  A key-value pair representing a breakpoint and its associated value.
+     */
     [key: string]: string;
 }
 
+/**
+ * Defines valid properties in OverlayPanel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface OverlayPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    dismissable?: boolean;
-    showCloseIcon?: boolean;
-    appendTo?: OverlayPanelAppendToType;
-    ariaCloseLabel?: string;
-    breakpoints?: OverlayPanelBreakpoints;
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * Enables to hide the overlay when outside is clicked.
+     * @defaultValue true
+     */
+    dismissable?: boolean | undefined;
+    /**
+     * When enabled, displays a close icon at top right corner.
+     * @defaultValue false
+     */
+    showCloseIcon?: boolean | undefined;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * Aria label of the close icon.
+     * @defaultValue close
+     */
+    ariaCloseLabel?: string | undefined;
+    /**
+     * Object literal to define widths per screen size.
+     */
+    breakpoints?: OverlayPanelBreakpoints | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when overlay becomes visible.
+     */
     onShow?(): void;
+    /**
+     * Callback to invoke when overlay becomes hidden.
+     */
     onHide?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - OverlayPanel**
+ *
+ * _OverlayPanel, also known as Popover, is a container component that can overlay other components on page._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/overlaypanel/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class OverlayPanel extends React.Component<OverlayPanelProps, any> {
-    public toggle(event: OverlayPanelEventType, target?: OverlayPanelTargetType): void;
-    public show(event: OverlayPanelEventType, target: OverlayPanelTargetType): void;
+    /**
+     * Toggles the visiblity of the overlay.
+     * @param {React.SyntheticEvent | undefined | null} event - Browser event.
+     * @param {HTMLElement | EventTarget | undefined | null} target - Browser event.
+     */
+    public toggle(event: React.SyntheticEvent | undefined | null, target?: HTMLElement | EventTarget | undefined | null): void;
+    /**
+     * Shows the overlay.
+     * @param {React.SyntheticEvent | undefined | null} event - Browser event.
+     * @param {HTMLElement | EventTarget | undefined | null} target - Browser event.
+     */
+    public show(event: React.SyntheticEvent | undefined | null, target: HTMLElement | EventTarget | undefined | null): void;
+    /**
+     * Hides the overlay.
+     */
     public hide(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/overlaypanel/overlaypanel.esm.js

@@ -5,7 +5,7 @@ import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { UniqueComponentId, DomHandler, ZIndexUtils, ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -40,9 +40,7 @@ function _iterableToArrayLimit(arr, i) {
       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) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -58,9 +56,7 @@ function _iterableToArrayLimit(arr, i) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -81,7 +77,32 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var OverlayPanelBase = {
+  defaultProps: {
+    __TYPE: 'OverlayPanel',
+    id: null,
+    dismissable: true,
+    showCloseIcon: false,
+    style: null,
+    className: null,
+    appendTo: null,
+    breakpoints: null,
+    ariaCloseLabel: null,
+    transitionOptions: null,
+    onShow: null,
+    onHide: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, OverlayPanelBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, OverlayPanelBase.defaultProps);
+  }
+};
+
+var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = OverlayPanelBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -240,8 +261,11 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return null;
   };
   var createElement = function createElement() {
-    var otherProps = ObjectUtils.findDiffKeys(props, OverlayPanel.defaultProps);
-    var className = classNames('p-overlaypanel p-component', props.className);
+    var otherProps = OverlayPanelBase.getOtherProps(props);
+    var className = classNames('p-overlaypanel p-component', props.className, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     var closeIcon = createCloseIcon();
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: overlayRef,
@@ -277,19 +301,5 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 OverlayPanel.displayName = 'OverlayPanel';
-OverlayPanel.defaultProps = {
-  __TYPE: 'OverlayPanel',
-  id: null,
-  dismissable: true,
-  showCloseIcon: false,
-  style: null,
-  className: null,
-  appendTo: null,
-  breakpoints: null,
-  ariaCloseLabel: null,
-  transitionOptions: null,
-  onShow: null,
-  onHide: null
-};
 
 export { OverlayPanel };

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 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};
+import*as e from"react";import r,{localeOption as t}from"primereact/api";import{CSSTransition as n}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{ObjectUtils as s,UniqueComponentId as p,DomHandler as f,ZIndexUtils as m,classNames as d}from"primereact/utils";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},y.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,i=[],c=!0,u=!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)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function b(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 h(e,r){if(e){if("string"==typeof e)return b(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)?b(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 O(e,r){return v(e)||g(e,r)||h(e,r)||w()}var E={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,children:void 0},getProps:function(e){return s.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,E.defaultProps)}},P=e.forwardRef((function(s,v){var g=E.getProps(s),b=O(e.useState(!1),2),h=b[0],w=b[1],P=e.useRef(""),k=e.useRef(null),S=e.useRef(null),x=e.useRef(!1),I=e.useRef(null),T=e.useRef(null),C=O(o({target:S,overlay:k,listener:function(e,r){r.valid&&("outside"===r.type?g.dismissable&&!x.current&&z():z()),x.current=!1},when:h}),2),N=C[0],j=C[1],A=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},R=function(e,r){return null!=S.current&&S.current!==(r||e.currentTarget||e.target)},H=function(e){z(),e.preventDefault()},L=function(e){x.current=!0,i.emit("overlay-click",{originalEvent:e,target:S.current})},M=function(){x.current=!0},D=function(e,r){h?(z(),R(e,r)&&(S.current=r||e.currentTarget||e.target,setTimeout((function(){_(e,S.current)}),200))):_(e,r)},_=function(e,r){S.current=r||e.currentTarget||e.target,h?q():(w(!0),T.current=function(e){!A(e.target)&&(x.current=!0)},i.on("overlay-click",T.current))},z=function(){w(!1),i.off("overlay-click",T.current),T.current=null},U=function(){k.current.setAttribute(P.current,""),m.set("overlay",k.current,r.autoZIndex,r.zIndex.overlay),q()},Y=function(){N(),g.onShow&&g.onShow()},Z=function(){j()},$=function(){m.clear(k.current),g.onHide&&g.onHide()},q=function(){if(S.current&&k.current){f.absolutePosition(k.current,S.current);var e=f.getOffset(k.current),r=f.getOffset(S.current),t=0;e.left<r.left&&(t=r.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&f.addClass(k.current,"p-overlaypanel-flipped")}},B=function(){if(!I.current){I.current=f.createInlineStyle(r.nonce);var e="";for(var t in g.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(P.current,"] {\n                            width: ").concat(g.breakpoints[t]," !important;\n                        }\n                    }\n                ");I.current.innerHTML=e}};l((function(){P.current=p(),g.breakpoints&&B()})),a((function(){I.current=f.removeInlineStyle(I.current),T.current&&(i.off("overlay-click",T.current),T.current=null),m.clear(k.current)})),e.useImperativeHandle(v,(function(){return{props:g,toggle:D,show:_,hide:z,getElement:function(){return k.current}}}));var F,G,J,K=function(){if(g.showCloseIcon){var r=g.ariaCloseLabel||t("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=(F=E.getOtherProps(g),G=d("p-overlaypanel p-component",g.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),J=K(),e.createElement(n,{nodeRef:k,classNames:"p-overlaypanel",in:h,timeout:{enter:120,exit:100},options:g.transitionOptions,unmountOnExit:!0,onEnter:U,onEntered:Y,onExit:Z,onExited:$},e.createElement("div",y({ref:k,id:g.id,className:G,style:g.style},F,{onClick:L}),e.createElement("div",{className:"p-overlaypanel-content",onClick:M,onMouseDown:M},g.children),J)));return e.createElement(c,{element:Q,appendTo:g.appendTo})}));P.displayName="OverlayPanel";export{P as OverlayPanel};

package/overlaypanel/overlaypanel.js

@@ -58,9 +58,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
         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) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,7 +95,32 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var OverlayPanelBase = {
+    defaultProps: {
+      __TYPE: 'OverlayPanel',
+      id: null,
+      dismissable: true,
+      showCloseIcon: false,
+      style: null,
+      className: null,
+      appendTo: null,
+      breakpoints: null,
+      ariaCloseLabel: null,
+      transitionOptions: null,
+      onShow: null,
+      onHide: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, OverlayPanelBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, OverlayPanelBase.defaultProps);
+    }
+  };
+
+  var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = OverlayPanelBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -258,8 +279,11 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
       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 otherProps = OverlayPanelBase.getOtherProps(props);
+      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,
@@ -295,20 +319,6 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     });
   });
   OverlayPanel.displayName = 'OverlayPanel';
-  OverlayPanel.defaultProps = {
-    __TYPE: 'OverlayPanel',
-    id: null,
-    dismissable: true,
-    showCloseIcon: false,
-    style: null,
-    className: null,
-    appendTo: null,
-    breakpoints: null,
-    ariaCloseLabel: null,
-    transitionOptions: null,
-    onShow: null,
-    onHide: null
-  };
 
   exports.OverlayPanel = OverlayPanel;
 

package/overlaypanel/overlaypanel.min.js

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

package/overlaypanel/package.json

@@ -2,5 +2,6 @@
     "main": "./overlaypanel.cjs.js",
     "module": "./overlaypanel.esm.js",
     "unpkg": "./overlaypanel.min.js",
-    "types": "./overlaypanel.d.ts"
+    "types": "./overlaypanel.d.ts",
+    "sideEffects": false
 }

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://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Service
+ */
 export declare const OverlayService: OverlayServiceOptions;

package/overlayservice/package.json

@@ -2,5 +2,6 @@
     "main": "./overlayservice.cjs.js",
     "module": "./overlayservice.esm.js",
     "unpkg": "./overlayservice.min.js",
-    "types": "./overlayservice.d.ts"
+    "types": "./overlayservice.d.ts",
+    "sideEffects": false
 }

package/package.json

@@ -1,9 +1,9 @@
 {
     "name": "primereact",
-    "version": "8.7.3",
+    "version": "9.0.0-rc.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 90+ 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",

package/paginator/package.json

@@ -2,5 +2,6 @@
     "main": "./paginator.cjs.js",
     "module": "./paginator.esm.js",
     "unpkg": "./paginator.min.js",
-    "types": "./paginator.d.ts"
+    "types": "./paginator.d.ts",
+    "sideEffects": false
 }