primereact 9.3.1 → 9.5.0

package/overlaypanel/overlaypanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/overlayservice"),l=require("primereact/portal"),i=require("primereact/ripple"),u=require("primereact/utils"),c=require("primereact/icons/times");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var f=s(e),p=a(r);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 d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function m(e,r){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function v(e){var r=m(e,"string");return"symbol"===d(r)?r:String(r)}function b(e,r,t){return(r=v(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(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,i,u=[],c=!0,a=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(a)throw o}}return u}}function h(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 j(e,r){if(e){if("string"==typeof e)return h(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)?h(e,r):void 0}}function P(){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 S(e,r){return O(e)||g(e,r)||j(e,r)||P()}var w={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,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,w.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,w.defaultProps)}};function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var k=f.forwardRef((function(e,a){var s=w.getProps(e),d=S(f.useState(!1),2),m=d[0],v=d[1],b=f.useRef(""),O=f.useRef(null),g=f.useRef(null),h=f.useRef(!1),j=f.useRef(null),P=f.useRef(null),E=S(n.useOverlayListener({target:g,overlay:O,listener:function(e,r){r.valid&&("outside"===r.type?s.dismissable&&!h.current&&U():U()),h.current=!1},when:m}),2),k=E[0],x=E[1],D=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},T=function(e,r){return null!=g.current&&g.current!==(r||e.currentTarget||e.target)},C=function(e){U(),e.preventDefault()},H=function(e){h.current=!0,o.OverlayService.emit("overlay-click",{originalEvent:e,target:g.current})},N=function(){h.current=!0},q=function(e,r){m?(U(),T(e,r)&&(g.current=r||e.currentTarget||e.target,setTimeout((function(){R(e,g.current)}),200))):R(e,r)},R=function(e,r){g.current=r||e.currentTarget||e.target,m?Z():(v(!0),P.current=function(e){!D(e.target)&&(h.current=!0)},o.OverlayService.on("overlay-click",P.current))},U=function(){v(!1),o.OverlayService.off("overlay-click",P.current),P.current=null},A=function(){O.current.setAttribute(b.current,""),u.ZIndexUtils.set("overlay",O.current,p.default.autoZIndex,p.default.zIndex.overlay),Z()},M=function(){k(),s.onShow&&s.onShow()},_=function(){x()},L=function(){u.ZIndexUtils.clear(O.current),s.onHide&&s.onHide()},Z=function(){if(g.current&&O.current){u.DomHandler.absolutePosition(O.current,g.current);var e=u.DomHandler.getOffset(O.current),r=u.DomHandler.getOffset(g.current),t=0;e.left<r.left&&(t=r.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(O.current,"p-overlaypanel-flipped")}},z=function(){if(!j.current){j.current=u.DomHandler.createInlineStyle(p.default.nonce);var e="";for(var r in s.breakpoints)e+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(b.current,"] {\n                            width: ").concat(s.breakpoints[r]," !important;\n                        }\n                    }\n                ");j.current.innerHTML=e}};n.useMountEffect((function(){b.current=u.UniqueComponentId(),s.breakpoints&&z()})),n.useUnmountEffect((function(){j.current=u.DomHandler.removeInlineStyle(j.current),P.current&&(o.OverlayService.off("overlay-click",P.current),P.current=null),u.ZIndexUtils.clear(O.current)})),f.useImperativeHandle(a,(function(){return{props:s,toggle:q,show:R,hide:U,getElement:function(){return O.current}}}));var J,X,Y,$=function(){var e={className:"p-overlaypanel-close-icon","aria-hidden":!0},t=u.IconUtils.getJSXIcon(s.closeIcon||f.createElement(c.TimesIcon,e),I({},e),{props:s}),n=s.ariaCloseLabel||r.localeOption("close");return s.showCloseIcon?f.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:C,"aria-label":n},t,f.createElement(i.Ripple,null)):null},B=(J=w.getOtherProps(s),X=u.classNames("p-overlaypanel p-component",s.className,{"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),Y=$(),f.createElement(t.CSSTransition,{nodeRef:O,classNames:"p-overlaypanel",in:m,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:M,onExit:_,onExited:L},f.createElement("div",y({ref:O,id:s.id,className:X,style:s.style},J,{onClick:H}),f.createElement("div",{className:"p-overlaypanel-content",onClick:N,onMouseDown:N},s.children),Y)));return f.createElement(l.Portal,{element:B,appendTo:s.appendTo})}));k.displayName="OverlayPanel",exports.OverlayPanel=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/overlayservice"),l=require("primereact/portal"),i=require("primereact/ripple"),u=require("primereact/utils"),c=require("primereact/componentbase"),a=require("primereact/icons/times");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var p=f(e),m=s(r);function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function d(e,r){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function v(e){var r=d(e,"string");return"symbol"===y(r)?r:String(r)}function b(e,r,t){return(r=v(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(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,i,u=[],c=!0,a=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(a)throw o}}return u}}function h(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 S(e,r){if(e){if("string"==typeof e)return h(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)?h(e,r):void 0}}function P(){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 j(e,r){return O(e)||g(e,r)||S(e,r)||P()}var w=c.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var k=p.forwardRef((function(e,c){var s=w.getProps(e),f=j(p.useState(!1),2),y=f[0],d=f[1],v=w.setMetaData({props:s,state:{visible:y}}).ptm,b=p.useRef(""),O=p.useRef(null),g=p.useRef(null),h=p.useRef(!1),S=p.useRef(null),P=p.useRef(null),E=j(n.useOverlayListener({target:g,overlay:O,listener:function(e,r){r.valid&&("outside"===r.type?s.dismissable&&!h.current&&N():N()),h.current=!1},when:y}),2),k=E[0],x=E[1],D=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},T=function(e,r){return null!=g.current&&g.current!==(r||e.currentTarget||e.target)},C=function(){h.current=!0},q=function(e,r){y?(N(),T(e,r)&&(g.current=r||e.currentTarget||e.target,setTimeout((function(){H(e,g.current)}),200))):H(e,r)},H=function(e,r){g.current=r||e.currentTarget||e.target,y?_():(d(!0),P.current=function(e){!D(e.target)&&(h.current=!0)},o.OverlayService.on("overlay-click",P.current))},N=function(){d(!1),o.OverlayService.off("overlay-click",P.current),P.current=null},R=function(){O.current.setAttribute(b.current,""),u.ZIndexUtils.set("overlay",O.current,m.default.autoZIndex,m.default.zIndex.overlay),_()},A=function(){k(),s.onShow&&s.onShow()},M=function(){x()},U=function(){u.ZIndexUtils.clear(O.current),s.onHide&&s.onHide()},_=function(){if(g.current&&O.current){u.DomHandler.absolutePosition(O.current,g.current);var e=u.DomHandler.getOffset(O.current),r=u.DomHandler.getOffset(g.current),t=0;e.left<r.left&&(t=r.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&u.DomHandler.addClass(O.current,"p-overlaypanel-flipped")}},L=function(){if(!S.current){S.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="";for(var r in s.breakpoints)e+="\n                    @media screen and (max-width: ".concat(r,") {\n                        .p-overlaypanel[").concat(b.current,"] {\n                            width: ").concat(s.breakpoints[r]," !important;\n                        }\n                    }\n                ");S.current.innerHTML=e}};n.useMountEffect((function(){b.current=u.UniqueComponentId(),s.breakpoints&&L()})),n.useUnmountEffect((function(){S.current=u.DomHandler.removeInlineStyle(S.current),P.current&&(o.OverlayService.off("overlay-click",P.current),P.current=null),u.ZIndexUtils.clear(O.current)})),p.useImperativeHandle(c,(function(){return{props:s,toggle:q,show:H,hide:N,getElement:function(){return O.current}}}));var Z,z,B,J,X=function(){var e=u.mergeProps({className:"p-overlaypanel-close-icon","aria-hidden":!0},v("closeIcon")),t=u.IconUtils.getJSXIcon(s.closeIcon||p.createElement(a.TimesIcon,e),I({},e),{props:s}),n=s.ariaCloseLabel||r.localeOption("close"),o=u.mergeProps({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return r=e,N(),void r.preventDefault();var r},"aria-label":n},v("closeButton"));return s.showCloseIcon?p.createElement("button",o,t,p.createElement(i.Ripple,null)):null},Y=(Z=u.classNames("p-overlaypanel p-component",s.className,{"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple}),z=X(),B=u.mergeProps({id:s.id,ref:O,className:Z,style:s.style,onClick:function(e){return r=e,h.current=!0,void o.OverlayService.emit("overlay-click",{originalEvent:r,target:g.current});var r}},w.getOtherProps(s),v("root")),J=u.mergeProps({className:"p-overlaypanel-content",onClick:function(e){return C()},onMouseDown:C},w.getOtherProps(s),v("content")),p.createElement(t.CSSTransition,{nodeRef:O,classNames:"p-overlaypanel",in:y,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:R,onEntered:A,onExit:M,onExited:U},p.createElement("div",B,p.createElement("div",J,s.children),z)));return p.createElement(l.Portal,{element:Y,appendTo:s.appendTo})}));k.displayName="OverlayPanel",exports.OverlayPanel=k;

package/overlaypanel/overlaypanel.d.ts

@@ -9,7 +9,51 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type OverlayPanelPassThroughType<T> = PassThroughType<T, OverlayPanelPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface OverlayPanelPassThroughMethodOptions {
+    props: OverlayPanelProps;
+    state: OverlayPanelState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link OverlayPanelProps.pt}
+ */
+export interface OverlayPanelPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: OverlayPanelPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: OverlayPanelPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the close button's DOM element.
+     */
+    closeButton?: OverlayPanelPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the close icon's DOM element.
+     */
+    closeIcon?: OverlayPanelPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in OverlayPanel component.
+ */
+export interface OverlayPanelState {
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
+}
 
 /**
  * Custom overlay panel breakpoints

package/overlaypanel/overlaypanel.esm.js

@@ -5,24 +5,10 @@ import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
+import { UniqueComponentId, DomHandler, ZIndexUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { TimesIcon } from 'primereact/icons/times';
 
-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);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -119,7 +105,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var OverlayPanelBase = {
+var OverlayPanelBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'OverlayPanel',
     id: null,
@@ -135,14 +121,8 @@ var OverlayPanelBase = {
     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);
   }
-};
+});
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -152,6 +132,13 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _OverlayPanelBase$set = OverlayPanelBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState
+      }
+    }),
+    ptm = _OverlayPanelBase$set.ptm;
   var attributeSelector = React.useRef('');
   var overlayRef = React.useRef(null);
   var currentTargetRef = React.useRef(null);
@@ -291,32 +278,50 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     };
   });
   var createCloseIcon = function createCloseIcon() {
-    var iconProps = {
+    var closeIconProps = mergeProps({
       className: 'p-overlaypanel-close-icon',
       'aria-hidden': true
-    };
-    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
-    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+    }, ptm('closeIcon'));
+    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, closeIconProps);
+    var closeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
       props: props
     });
     var ariaLabel = props.ariaCloseLabel || localeOption('close');
+    var closeButtonProps = mergeProps({
+      type: 'button',
+      className: 'p-overlaypanel-close p-link',
+      onClick: function onClick(e) {
+        return onCloseClick(e);
+      },
+      'aria-label': ariaLabel
+    }, ptm('closeButton'));
     if (props.showCloseIcon) {
-      return /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "p-overlaypanel-close p-link",
-        onClick: onCloseClick,
-        "aria-label": ariaLabel
-      }, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
+      return /*#__PURE__*/React.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
   var createElement = function createElement() {
-    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();
+    var rootProps = mergeProps({
+      id: props.id,
+      ref: overlayRef,
+      className: className,
+      style: props.style,
+      onClick: function onClick(e) {
+        return onPanelClick(e);
+      }
+    }, OverlayPanelBase.getOtherProps(props), ptm('root'));
+    var contentProps = mergeProps({
+      className: 'p-overlaypanel-content',
+      onClick: function onClick(e) {
+        return onContentClick();
+      },
+      onMouseDown: onContentClick
+    }, OverlayPanelBase.getOtherProps(props), ptm('content'));
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: overlayRef,
       classNames: "p-overlaypanel",
@@ -331,18 +336,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       onEntered: onEntered,
       onExit: onExit,
       onExited: onExited
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      ref: overlayRef,
-      id: props.id,
-      className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onPanelClick
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "p-overlaypanel-content",
-      onClick: onContentClick,
-      onMouseDown: onContentClick
-    }, props.children), closeIcon));
+    }, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", contentProps, props.children), closeIcon));
   };
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {

package/overlaypanel/overlaypanel.esm.min.js

@@ -1 +1 @@
-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 i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as s,UniqueComponentId as f,DomHandler as p,ZIndexUtils as m,classNames as y,IconUtils as d}from"primereact/utils";import{TimesIcon as b}from"primereact/icons/times";function v(){return v=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},v.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function O(e,r){if("object"!==g(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function h(e){var r=O(e,"string");return"symbol"===g(r)?r:String(r)}function w(e,r,t){return(r=h(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function P(e){if(Array.isArray(e))return e}function S(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function j(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 E(e,r){if(e){if("string"==typeof e)return j(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)?j(e,r):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,r){return P(e)||S(e,r)||E(e,r)||k()}var T={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,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,T.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,T.defaultProps)}};function x(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function N(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?x(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=e.forwardRef((function(s,g){var O=T.getProps(s),h=I(e.useState(!1),2),w=h[0],P=h[1],S=e.useRef(""),j=e.useRef(null),E=e.useRef(null),k=e.useRef(!1),x=e.useRef(null),C=e.useRef(null),A=I(o({target:E,overlay:j,listener:function(e,r){r.valid&&("outside"===r.type?O.dismissable&&!k.current&&X():X()),k.current=!1},when:w}),2),R=A[0],D=A[1],H=function(e){return j&&j.current&&!(j.current.isSameNode(e)||j.current.contains(e))},L=function(e,r){return null!=E.current&&E.current!==(r||e.currentTarget||e.target)},M=function(e){X(),e.preventDefault()},_=function(e){k.current=!0,c.emit("overlay-click",{originalEvent:e,target:E.current})},z=function(){k.current=!0},J=function(e,r){w?(X(),L(e,r)&&(E.current=r||e.currentTarget||e.target,setTimeout((function(){U(e,E.current)}),200))):U(e,r)},U=function(e,r){E.current=r||e.currentTarget||e.target,w?B():(P(!0),C.current=function(e){!H(e.target)&&(k.current=!0)},c.on("overlay-click",C.current))},X=function(){P(!1),c.off("overlay-click",C.current),C.current=null},Y=function(){j.current.setAttribute(S.current,""),m.set("overlay",j.current,r.autoZIndex,r.zIndex.overlay),B()},Z=function(){R(),O.onShow&&O.onShow()},$=function(){D()},q=function(){m.clear(j.current),O.onHide&&O.onHide()},B=function(){if(E.current&&j.current){p.absolutePosition(j.current,E.current);var e=p.getOffset(j.current),r=p.getOffset(E.current),t=0;e.left<r.left&&(t=r.left-e.left),j.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&p.addClass(j.current,"p-overlaypanel-flipped")}},F=function(){if(!x.current){x.current=p.createInlineStyle(r.nonce);var e="";for(var t in O.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(S.current,"] {\n                            width: ").concat(O.breakpoints[t]," !important;\n                        }\n                    }\n                ");x.current.innerHTML=e}};i((function(){S.current=f(),O.breakpoints&&F()})),l((function(){x.current=p.removeInlineStyle(x.current),C.current&&(c.off("overlay-click",C.current),C.current=null),m.clear(j.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:J,show:U,hide:X,getElement:function(){return j.current}}}));var G,K,Q,V=function(){var r={className:"p-overlaypanel-close-icon","aria-hidden":!0},n=d.getJSXIcon(O.closeIcon||e.createElement(b,r),N({},r),{props:O}),o=O.ariaCloseLabel||t("close");return O.showCloseIcon?e.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:M,"aria-label":o},n,e.createElement(a,null)):null},W=(G=T.getOtherProps(O),K=y("p-overlaypanel p-component",O.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),Q=V(),e.createElement(n,{nodeRef:j,classNames:"p-overlaypanel",in:w,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:Y,onEntered:Z,onExit:$,onExited:q},e.createElement("div",v({ref:j,id:O.id,className:K,style:O.style},G,{onClick:_}),e.createElement("div",{className:"p-overlaypanel-content",onClick:z,onMouseDown:z},O.children),Q)));return e.createElement(u,{element:W,appendTo:O.appendTo})}));C.displayName="OverlayPanel";export{C 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 i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as c}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{Ripple as a}from"primereact/ripple";import{UniqueComponentId as s,DomHandler as p,ZIndexUtils as f,classNames as m,mergeProps as y,IconUtils as v}from"primereact/utils";import{ComponentBase as d}from"primereact/componentbase";import{TimesIcon as b}from"primereact/icons/times";function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function O(e,r){if("object"!==g(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function h(e){var r=O(e,"string");return"symbol"===g(r)?r:String(r)}function w(e,r,t){return(r=h(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function S(e){if(Array.isArray(e))return e}function P(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function j(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 E(e,r){if(e){if("string"==typeof e)return j(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)?j(e,r):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,r){return S(e)||P(e,r)||E(e,r)||k()}var x=d.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function T(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function N(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?T(Object(t),!0).forEach((function(r){w(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=e.forwardRef((function(d,g){var O=x.getProps(d),h=I(e.useState(!1),2),w=h[0],S=h[1],P=x.setMetaData({props:O,state:{visible:w}}).ptm,j=e.useRef(""),E=e.useRef(null),k=e.useRef(null),T=e.useRef(!1),C=e.useRef(null),A=e.useRef(null),R=I(o({target:k,overlay:E,listener:function(e,r){r.valid&&("outside"===r.type?O.dismissable&&!T.current&&J():J()),T.current=!1},when:w}),2),D=R[0],H=R[1],L=function(e){return E&&E.current&&!(E.current.isSameNode(e)||E.current.contains(e))},M=function(e,r){return null!=k.current&&k.current!==(r||e.currentTarget||e.target)},_=function(){T.current=!0},z=function(e,r){w?(J(),M(e,r)&&(k.current=r||e.currentTarget||e.target,setTimeout((function(){B(e,k.current)}),200))):B(e,r)},B=function(e,r){k.current=r||e.currentTarget||e.target,w?$():(S(!0),A.current=function(e){!L(e.target)&&(T.current=!0)},c.on("overlay-click",A.current))},J=function(){S(!1),c.off("overlay-click",A.current),A.current=null},U=function(){E.current.setAttribute(j.current,""),f.set("overlay",E.current,r.autoZIndex,r.zIndex.overlay),$()},X=function(){D(),O.onShow&&O.onShow()},Y=function(){H()},Z=function(){f.clear(E.current),O.onHide&&O.onHide()},$=function(){if(k.current&&E.current){p.absolutePosition(E.current,k.current);var e=p.getOffset(E.current),r=p.getOffset(k.current),t=0;e.left<r.left&&(t=r.left-e.left),E.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<r.top&&p.addClass(E.current,"p-overlaypanel-flipped")}},q=function(){if(!C.current){C.current=p.createInlineStyle(r.nonce);var e="";for(var t in O.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(j.current,"] {\n                            width: ").concat(O.breakpoints[t]," !important;\n                        }\n                    }\n                ");C.current.innerHTML=e}};i((function(){j.current=s(),O.breakpoints&&q()})),l((function(){C.current=p.removeInlineStyle(C.current),A.current&&(c.off("overlay-click",A.current),A.current=null),f.clear(E.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:z,show:B,hide:J,getElement:function(){return E.current}}}));var F,G,K,Q,V=function(){var r=y({className:"p-overlaypanel-close-icon","aria-hidden":!0},P("closeIcon")),n=v.getJSXIcon(O.closeIcon||e.createElement(b,r),N({},r),{props:O}),o=O.ariaCloseLabel||t("close"),i=y({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return r=e,J(),void r.preventDefault();var r},"aria-label":o},P("closeButton"));return O.showCloseIcon?e.createElement("button",i,n,e.createElement(a,null)):null},W=(F=m("p-overlaypanel p-component",O.className,{"p-input-filled":"filled"===r.inputStyle,"p-ripple-disabled":!1===r.ripple}),G=V(),K=y({id:O.id,ref:E,className:F,style:O.style,onClick:function(e){return r=e,T.current=!0,void c.emit("overlay-click",{originalEvent:r,target:k.current});var r}},x.getOtherProps(O),P("root")),Q=y({className:"p-overlaypanel-content",onClick:function(e){return _()},onMouseDown:_},x.getOtherProps(O),P("content")),e.createElement(n,{nodeRef:E,classNames:"p-overlaypanel",in:w,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:U,onEntered:X,onExit:Y,onExited:Z},e.createElement("div",K,e.createElement("div",Q,O.children),G)));return e.createElement(u,{element:W,appendTo:O.appendTo})}));C.displayName="OverlayPanel";export{C as OverlayPanel};

package/overlaypanel/overlaypanel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, ripple, utils, times) {
+this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, ripple, utils, componentbase, times) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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);
-  }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -136,7 +121,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var OverlayPanelBase = {
+  var OverlayPanelBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'OverlayPanel',
       id: null,
@@ -152,14 +137,8 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
       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);
     }
-  };
+  });
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -169,6 +148,13 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var _OverlayPanelBase$set = OverlayPanelBase.setMetaData({
+        props: props,
+        state: {
+          visible: visibleState
+        }
+      }),
+      ptm = _OverlayPanelBase$set.ptm;
     var attributeSelector = React__namespace.useRef('');
     var overlayRef = React__namespace.useRef(null);
     var currentTargetRef = React__namespace.useRef(null);
@@ -308,32 +294,50 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
       };
     });
     var createCloseIcon = function createCloseIcon() {
-      var iconProps = {
+      var closeIconProps = utils.mergeProps({
         className: 'p-overlaypanel-close-icon',
         'aria-hidden': true
-      };
-      var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
-      var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      }, ptm('closeIcon'));
+      var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, closeIconProps);
+      var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
         props: props
       });
       var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
+      var closeButtonProps = utils.mergeProps({
+        type: 'button',
+        className: 'p-overlaypanel-close p-link',
+        onClick: function onClick(e) {
+          return onCloseClick(e);
+        },
+        'aria-label': ariaLabel
+      }, ptm('closeButton'));
       if (props.showCloseIcon) {
-        return /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
-          className: "p-overlaypanel-close p-link",
-          onClick: onCloseClick,
-          "aria-label": ariaLabel
-        }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        return /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
     var createElement = function createElement() {
-      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();
+      var rootProps = utils.mergeProps({
+        id: props.id,
+        ref: overlayRef,
+        className: className,
+        style: props.style,
+        onClick: function onClick(e) {
+          return onPanelClick(e);
+        }
+      }, OverlayPanelBase.getOtherProps(props), ptm('root'));
+      var contentProps = utils.mergeProps({
+        className: 'p-overlaypanel-content',
+        onClick: function onClick(e) {
+          return onContentClick();
+        },
+        onMouseDown: onContentClick
+      }, OverlayPanelBase.getOtherProps(props), ptm('content'));
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: overlayRef,
         classNames: "p-overlaypanel",
@@ -348,18 +352,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
         onEntered: onEntered,
         onExit: onExit,
         onExited: onExited
-      }, /*#__PURE__*/React__namespace.createElement("div", _extends({
-        ref: overlayRef,
-        id: props.id,
-        className: className,
-        style: props.style
-      }, otherProps, {
-        onClick: onPanelClick
-      }), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-overlaypanel-content",
-        onClick: onContentClick,
-        onMouseDown: onContentClick
-      }, props.children), closeIcon));
+      }, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children), closeIcon));
     };
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -375,4 +368,4 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.ripple, primereact.utils, primereact.icons.times);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.ripple, primereact.utils, primereact.componentbase, primereact.icons.times);

package/overlaypanel/overlaypanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,o,l,i,c,a,u){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 p=f(t),y=s(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){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function v(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===m(t)?t:String(t)}function O(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,c=[],a=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=l.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return c}}function j(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 P(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function S(){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 w(e,t){return g(e)||h(e,t)||P(e,t)||S()}var E={defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,E.defaultProps)}};function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=p.forwardRef((function(e,t){var s=E.getProps(e),f=w(p.useState(!1),2),m=f[0],v=f[1],b=p.useRef(""),O=p.useRef(null),g=p.useRef(null),h=p.useRef(!1),j=p.useRef(null),P=p.useRef(null),S=w(o.useOverlayListener({target:g,overlay:O,listener:function(e,t){t.valid&&("outside"===t.type?s.dismissable&&!h.current&&A():A()),h.current=!1},when:m}),2),I=S[0],D=S[1],T=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},x=function(e,t){return null!=g.current&&g.current!==(t||e.currentTarget||e.target)},C=function(e){A(),e.preventDefault()},H=function(e){h.current=!0,l.OverlayService.emit("overlay-click",{originalEvent:e,target:g.current})},N=function(){h.current=!0},R=function(e,t){m?(A(),x(e,t)&&(g.current=t||e.currentTarget||e.target,setTimeout((function(){U(e,g.current)}),200))):U(e,t)},U=function(e,t){g.current=t||e.currentTarget||e.target,m?z():(v(!0),P.current=function(e){!T(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",P.current))},A=function(){v(!1),l.OverlayService.off("overlay-click",P.current),P.current=null},M=function(){O.current.setAttribute(b.current,""),a.ZIndexUtils.set("overlay",O.current,y.default.autoZIndex,y.default.zIndex.overlay),z()},_=function(){I(),s.onShow&&s.onShow()},L=function(){D()},Z=function(){a.ZIndexUtils.clear(O.current),s.onHide&&s.onHide()},z=function(){if(g.current&&O.current){a.DomHandler.absolutePosition(O.current,g.current);var e=a.DomHandler.getOffset(O.current),t=a.DomHandler.getOffset(g.current),r=0;e.left<t.left&&(r=t.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&a.DomHandler.addClass(O.current,"p-overlaypanel-flipped")}},q=function(){if(!j.current){j.current=a.DomHandler.createInlineStyle(y.default.nonce);var e="";for(var t in s.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(b.current,"] {\n                            width: ").concat(s.breakpoints[t]," !important;\n                        }\n                    }\n                ");j.current.innerHTML=e}};o.useMountEffect((function(){b.current=a.UniqueComponentId(),s.breakpoints&&q()})),o.useUnmountEffect((function(){j.current=a.DomHandler.removeInlineStyle(j.current),P.current&&(l.OverlayService.off("overlay-click",P.current),P.current=null),a.ZIndexUtils.clear(O.current)})),p.useImperativeHandle(t,(function(){return{props:s,toggle:R,show:U,hide:A,getElement:function(){return O.current}}}));var J,X,Y,$=function(){var e={className:"p-overlaypanel-close-icon","aria-hidden":!0},t=a.IconUtils.getJSXIcon(s.closeIcon||p.createElement(u.TimesIcon,e),k({},e),{props:s}),n=s.ariaCloseLabel||r.localeOption("close");return s.showCloseIcon?p.createElement("button",{type:"button",className:"p-overlaypanel-close p-link",onClick:C,"aria-label":n},t,p.createElement(c.Ripple,null)):null},B=(J=E.getOtherProps(s),X=a.classNames("p-overlaypanel p-component",s.className,{"p-input-filled":"filled"===y.default.inputStyle,"p-ripple-disabled":!1===y.default.ripple}),Y=$(),p.createElement(n.CSSTransition,{nodeRef:O,classNames:"p-overlaypanel",in:m,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:M,onEntered:_,onExit:L,onExited:Z},p.createElement("div",d({ref:O,id:s.id,className:X,style:s.style},J,{onClick:H}),p.createElement("div",{className:"p-overlaypanel-content",onClick:N,onMouseDown:N},s.children),Y)));return p.createElement(i.Portal,{element:B,appendTo:s.appendTo})}));return D.displayName="OverlayPanel",e.OverlayPanel=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils,primereact.icons.times);
+this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,t,r,n,o,l,i,c,a,u,s){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(t),y=f(r);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function v(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===d(t)?t:String(t)}function O(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,c=[],a=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=l.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return c}}function S(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 P(e,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function j(){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 w(e,t){return g(e)||h(e,t)||P(e,t)||j()}var E=u.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=m.forwardRef((function(e,t){var u=E.getProps(e),f=w(m.useState(!1),2),p=f[0],d=f[1],v=E.setMetaData({props:u,state:{visible:p}}).ptm,b=m.useRef(""),O=m.useRef(null),g=m.useRef(null),h=m.useRef(!1),S=m.useRef(null),P=m.useRef(null),j=w(o.useOverlayListener({target:g,overlay:O,listener:function(e,t){t.valid&&("outside"===t.type?u.dismissable&&!h.current&&R():R()),h.current=!1},when:p}),2),I=j[0],D=j[1],x=function(e){return O&&O.current&&!(O.current.isSameNode(e)||O.current.contains(e))},T=function(e,t){return null!=g.current&&g.current!==(t||e.currentTarget||e.target)},C=function(){h.current=!0},H=function(e,t){p?(R(),T(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,p?L():(d(!0),P.current=function(e){!x(e.target)&&(h.current=!0)},l.OverlayService.on("overlay-click",P.current))},R=function(){d(!1),l.OverlayService.off("overlay-click",P.current),P.current=null},A=function(){O.current.setAttribute(b.current,""),a.ZIndexUtils.set("overlay",O.current,y.default.autoZIndex,y.default.zIndex.overlay),L()},M=function(){I(),u.onShow&&u.onShow()},U=function(){D()},_=function(){a.ZIndexUtils.clear(O.current),u.onHide&&u.onHide()},L=function(){if(g.current&&O.current){a.DomHandler.absolutePosition(O.current,g.current);var e=a.DomHandler.getOffset(O.current),t=a.DomHandler.getOffset(g.current),r=0;e.left<t.left&&(r=t.left-e.left),O.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&a.DomHandler.addClass(O.current,"p-overlaypanel-flipped")}},Z=function(){if(!S.current){S.current=a.DomHandler.createInlineStyle(y.default.nonce);var e="";for(var t in u.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-overlaypanel[").concat(b.current,"] {\n                            width: ").concat(u.breakpoints[t]," !important;\n                        }\n                    }\n                ");S.current.innerHTML=e}};o.useMountEffect((function(){b.current=a.UniqueComponentId(),u.breakpoints&&Z()})),o.useUnmountEffect((function(){S.current=a.DomHandler.removeInlineStyle(S.current),P.current&&(l.OverlayService.off("overlay-click",P.current),P.current=null),a.ZIndexUtils.clear(O.current)})),m.useImperativeHandle(t,(function(){return{props:u,toggle:H,show:N,hide:R,getElement:function(){return O.current}}}));var z,B,q,J,X=function(){var e=a.mergeProps({className:"p-overlaypanel-close-icon","aria-hidden":!0},v("closeIcon")),t=a.IconUtils.getJSXIcon(u.closeIcon||m.createElement(s.TimesIcon,e),k({},e),{props:u}),n=u.ariaCloseLabel||r.localeOption("close"),o=a.mergeProps({type:"button",className:"p-overlaypanel-close p-link",onClick:function(e){return t=e,R(),void t.preventDefault();var t},"aria-label":n},v("closeButton"));return u.showCloseIcon?m.createElement("button",o,t,m.createElement(c.Ripple,null)):null},Y=(z=a.classNames("p-overlaypanel p-component",u.className,{"p-input-filled":"filled"===y.default.inputStyle,"p-ripple-disabled":!1===y.default.ripple}),B=X(),q=a.mergeProps({id:u.id,ref:O,className:z,style:u.style,onClick:function(e){return t=e,h.current=!0,void l.OverlayService.emit("overlay-click",{originalEvent:t,target:g.current});var t}},E.getOtherProps(u),v("root")),J=a.mergeProps({className:"p-overlaypanel-content",onClick:function(e){return C()},onMouseDown:C},E.getOtherProps(u),v("content")),m.createElement(n.CSSTransition,{nodeRef:O,classNames:"p-overlaypanel",in:p,timeout:{enter:120,exit:100},options:u.transitionOptions,unmountOnExit:!0,onEnter:A,onEntered:M,onExit:U,onExited:_},m.createElement("div",q,m.createElement("div",J,u.children),B)));return m.createElement(i.Portal,{element:Y,appendTo:u.appendTo})}));return D.displayName="OverlayPanel",e.OverlayPanel=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils,primereact.componentbase,primereact.icons.times);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "9.3.1",
+    "version": "9.5.0",
     "private": false,
     "author": "PrimeTek Informatics",
     "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.",

package/paginator/paginator.d.ts

@@ -17,15 +17,15 @@ import { IconType } from '../utils/utils';
  */
 interface PaginatorPageChangeEvent {
     /**
-     * New page number
+     * Index of first record
      */
     first: number;
     /**
-     * Index of first record
+     * Number of rows to display in new page
      */
     rows: number;
     /**
-     * Number of rows to display in new page
+     * New page number
      */
     page: number;
     /**