primereact 8.1.1 → 8.4.0

package/overlaypanel/overlaypanel.esm.min.js

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

package/overlaypanel/overlaypanel.js

@@ -125,7 +125,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
             valid = _ref.valid;
 
         if (valid) {
-          type === 'outside' ? !isPanelClicked.current && hide() : hide();
+          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
         }
 
         isPanelClicked.current = false;
@@ -219,7 +219,7 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     };
 
     var align = function align() {
-      if (currentTargetRef.current) {
+      if (currentTargetRef.current && overlayRef.current) {
         utils.DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
         var containerOffset = utils.DomHandler.getOffset(overlayRef.current);
         var targetOffset = utils.DomHandler.getOffset(currentTargetRef.current);
@@ -269,9 +269,13 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, csstransit
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         toggle: toggle,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return overlayRef.current;
+        }
       };
     });
 

package/overlaypanel/overlaypanel.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "8.1.1",
+    "version": "8.4.0",
     "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.",

package/paginator/paginator.cjs.js

@@ -486,6 +486,7 @@ RowsPerPageDropdown.defaultProps = {
 };
 
 var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var rppChanged = React__namespace.useRef(false);
   var page = Math.floor(props.first / props.rows);
   var pageCount = Math.ceil(props.totalRecords / props.rows);
@@ -566,6 +567,14 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     changePage(0, rows);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useUpdateEffect(function () {
     if (!rppChanged.current) {
       changePage(0, props.rows);
@@ -719,6 +728,7 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       className: "p-paginator-right-content"
     }, rightContent);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), leftElement, elements, rightElement);

package/paginator/paginator.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),a=require("primereact/utils"),n=require("primereact/api"),r=require("primereact/button"),l=require("primereact/inputnumber"),o=require("primereact/dropdown");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var s=i(e);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function g(e,t){if(e){if("string"==typeof e)return m(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?m(e,t):void 0}}function d(){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 f(e){return f="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},f(e)}function b(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function P(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function v(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?P(Object(a),!0).forEach((function(t){b(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):P(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var y=s.memo((function(e){var t={currentPage:e.page+1,totalPages:e.pageCount,first:Math.min(e.first+1,e.totalRecords),last:Math.min(e.first+e.rows,e.totalRecords),rows:e.rows,totalRecords:e.totalRecords},n=e.reportTemplate.replace("{currentPage}",t.currentPage).replace("{totalPages}",t.totalPages).replace("{first}",t.first).replace("{last}",t.last).replace("{rows}",t.rows).replace("{totalRecords}",t.totalRecords),r=s.createElement("span",{className:"p-paginator-current"},n);if(e.template){var l=v(v({},t),{className:"p-paginator-current",element:r,props:e});return a.ObjectUtils.getJSXElement(e.template,l)}return r}));y.displayName="CurrentPageReport",y.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var k=s.memo((function(e){var t=a.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-double-left",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("firstPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));k.displayName="FirstPageLink",k.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var w=s.memo((function(e){var t=function(t){e.onChange&&e.onChange(e.rows*(t.value-1),e.rows)},n=e.pageCount>0?e.page+1:0,r=s.createElement(l.InputNumber,{value:n,onChange:t,className:"p-paginator-page-input",disabled:e.disabled});return e.template?a.ObjectUtils.getJSXElement(e.template,{value:n,onChange:t,disabled:e.disabled,className:"p-paginator-page-input",element:r,props:e}):r}));w.displayName="JumpToPageInput",w.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var C=s.memo((function(e){var t=a.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-double-right",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("lastPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));C.displayName="LastPageLink",C.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var h=s.memo((function(e){var t=a.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-right",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("nextPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));h.displayName="NextPageLink",h.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var E=s.memo((function(e){var t,l=function(t,a){e.onClick&&e.onClick({originalEvent:t,value:a}),t.preventDefault()};if(e.value){var o=e.value[0],i=e.value[e.value.length-1];t=e.value.map((function(t){var p=a.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":t===o,"p-paginator-page-end":t===i,"p-highlight":t-1===e.page}),u=s.createElement(r.Button,{type:"button",className:p,onClick:function(e){return l(e,t)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(t+1)},t);e.template&&(u=a.ObjectUtils.getJSXElement(e.template,{onClick:function(e){return l(e,t)},className:p,view:{startPage:o-1,endPage:i-1},page:t-1,currentPage:e.page,totalPages:e.pageCount,element:u,props:e}));return s.createElement(s.Fragment,{key:t},u)}))}return s.createElement("span",{className:"p-paginator-pages"},t)}));E.displayName="PageLinks",E.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var N=s.memo((function(e){var t=a.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-left",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("previousPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));N.displayName="PrevPageLink",N.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var O=s.memo((function(e){var t=e.options&&e.options.length>0,n=t?e.options.map((function(e){return{label:String(e),value:e}})):[],r=t?s.createElement(o.Dropdown,{value:e.value,options:n,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled}):null;return e.template?a.ObjectUtils.getJSXElement(e.template,{value:e.value,options:n,onChange:e.onChange,appendTo:e.appendTo,currentPage:e.page,totalPages:e.pageCount,totalRecords:e.totalRecords,disabled:e.disabled,element:r,props:e}):r}));O.displayName="RowsPerPageDropdown",O.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var L=s.memo(s.forwardRef((function(e,n){var r=s.useRef(!1),l=Math.floor(e.first/e.rows),o=Math.ceil(e.totalRecords/e.rows),i=0===l,m=l===o-1,b=0===o,P=function(){var t=o,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(l-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},v=function(){for(var e=[],t=P(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},j=function(t,a){var n=o,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},R=function(t){j(0,e.rows),t.preventDefault()},S=function(t){j(e.first-e.rows,e.rows),t.preventDefault()},T=function(t){j((t.value-1)*e.rows,e.rows)},_=function(t){j(e.first+e.rows,e.rows),t.preventDefault()},D=function(t){j((o-1)*e.rows,e.rows),t.preventDefault()},U=function(t){var a=t.value;r.current=a!==e.rows,j(0,a)};t.useUpdateEffect((function(){r.current||j(0,e.rows),r.current=!1}),[e.rows]),t.useUpdateEffect((function(){l>0&&e.first>=e.totalRecords&&j((o-1)*e.rows,e.rows)}),[e.totalRecords]);var J,M=function(t,a){var n;switch(t){case"FirstPageLink":n=s.createElement(k,{key:t,onClick:R,disabled:i||b,template:a});break;case"PrevPageLink":n=s.createElement(N,{key:t,onClick:S,disabled:i||b,template:a});break;case"NextPageLink":n=s.createElement(h,{key:t,onClick:_,disabled:m||b,template:a});break;case"LastPageLink":n=s.createElement(C,{key:t,onClick:D,disabled:m||b,template:a});break;case"PageLinks":n=s.createElement(E,{key:t,value:v(),page:l,rows:e.rows,pageCount:o,onClick:T,template:a});break;case"RowsPerPageDropdown":n=s.createElement(O,{key:t,value:e.rows,page:l,pageCount:o,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:U,appendTo:e.dropdownAppendTo,template:a,disabled:b});break;case"CurrentPageReport":n=s.createElement(y,{reportTemplate:e.currentPageReportTemplate,key:t,page:l,pageCount:o,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=s.createElement(w,{key:t,rows:e.rows,page:l,pageCount:o,onChange:j,disabled:b,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==o){var x=a.ObjectUtils.findDiffKeys(e,L.defaultProps),X=a.classNames("p-paginator p-component",e.className),Y=a.ObjectUtils.getJSXElement(e.leftContent,e),A=a.ObjectUtils.getJSXElement(e.rightContent,e),q=(J=e.template)?"object"===f(J)?J.layout?J.layout.split(" ").map((function(e){var t=e.trim();return M(t,J[t])})):Object.entries(J).map((function(e){var t,a,n=(a=2,u(t=e)||c(t,a)||g(t,a)||d());return M(n[0],n[1])})):J.split(" ").map((function(e){return M(e.trim())})):null,I=Y&&s.createElement("div",{className:"p-paginator-left-content"},Y),B=A&&s.createElement("div",{className:"p-paginator-right-content"},A);return s.createElement("div",p({className:X,style:e.style},x),I,q,B)}return null})));L.displayName="Paginator",L.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"},exports.Paginator=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),a=require("primereact/utils"),n=require("primereact/api"),r=require("primereact/button"),l=require("primereact/inputnumber"),o=require("primereact/dropdown");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var s=i(e);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function g(e,t){if(e){if("string"==typeof e)return m(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?m(e,t):void 0}}function d(){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 f(e){return f="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},f(e)}function b(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function P(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function v(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?P(Object(a),!0).forEach((function(t){b(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):P(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var y=s.memo((function(e){var t={currentPage:e.page+1,totalPages:e.pageCount,first:Math.min(e.first+1,e.totalRecords),last:Math.min(e.first+e.rows,e.totalRecords),rows:e.rows,totalRecords:e.totalRecords},n=e.reportTemplate.replace("{currentPage}",t.currentPage).replace("{totalPages}",t.totalPages).replace("{first}",t.first).replace("{last}",t.last).replace("{rows}",t.rows).replace("{totalRecords}",t.totalRecords),r=s.createElement("span",{className:"p-paginator-current"},n);if(e.template){var l=v(v({},t),{className:"p-paginator-current",element:r,props:e});return a.ObjectUtils.getJSXElement(e.template,l)}return r}));y.displayName="CurrentPageReport",y.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var k=s.memo((function(e){var t=a.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-double-left",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("firstPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));k.displayName="FirstPageLink",k.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var w=s.memo((function(e){var t=function(t){e.onChange&&e.onChange(e.rows*(t.value-1),e.rows)},n=e.pageCount>0?e.page+1:0,r=s.createElement(l.InputNumber,{value:n,onChange:t,className:"p-paginator-page-input",disabled:e.disabled});return e.template?a.ObjectUtils.getJSXElement(e.template,{value:n,onChange:t,disabled:e.disabled,className:"p-paginator-page-input",element:r,props:e}):r}));w.displayName="JumpToPageInput",w.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var C=s.memo((function(e){var t=a.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-double-right",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("lastPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));C.displayName="LastPageLink",C.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var h=s.memo((function(e){var t=a.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-right",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("nextPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));h.displayName="NextPageLink",h.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var E=s.memo((function(e){var t,l=function(t,a){e.onClick&&e.onClick({originalEvent:t,value:a}),t.preventDefault()};if(e.value){var o=e.value[0],i=e.value[e.value.length-1];t=e.value.map((function(t){var p=a.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":t===o,"p-paginator-page-end":t===i,"p-highlight":t-1===e.page}),u=s.createElement(r.Button,{type:"button",className:p,onClick:function(e){return l(e,t)},"aria-label":"".concat(n.ariaLabel("pageLabel")," ").concat(t+1)},t);e.template&&(u=a.ObjectUtils.getJSXElement(e.template,{onClick:function(e){return l(e,t)},className:p,view:{startPage:o-1,endPage:i-1},page:t-1,currentPage:e.page,totalPages:e.pageCount,element:u,props:e}));return s.createElement(s.Fragment,{key:t},u)}))}return s.createElement("span",{className:"p-paginator-pages"},t)}));E.displayName="PageLinks",E.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var N=s.memo((function(e){var t=a.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":e.disabled}),l="p-paginator-icon pi pi-angle-left",o=s.createElement(r.Button,{type:"button",className:t,icon:l,onClick:e.onClick,disabled:e.disabled,"aria-label":n.ariaLabel("previousPageLabel")});return e.template?a.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:l,disabled:e.disabled,element:o,props:e}):o}));N.displayName="PrevPageLink",N.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var O=s.memo((function(e){var t=e.options&&e.options.length>0,n=t?e.options.map((function(e){return{label:String(e),value:e}})):[],r=t?s.createElement(o.Dropdown,{value:e.value,options:n,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled}):null;return e.template?a.ObjectUtils.getJSXElement(e.template,{value:e.value,options:n,onChange:e.onChange,appendTo:e.appendTo,currentPage:e.page,totalPages:e.pageCount,totalRecords:e.totalRecords,disabled:e.disabled,element:r,props:e}):r}));O.displayName="RowsPerPageDropdown",O.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var L=s.memo(s.forwardRef((function(e,n){var r=s.useRef(null),l=s.useRef(!1),o=Math.floor(e.first/e.rows),i=Math.ceil(e.totalRecords/e.rows),m=0===o,b=o===i-1,P=0===i,v=function(){var t=i,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(o-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},j=function(){for(var e=[],t=v(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},R=function(t,a){var n=i,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},S=function(t){R(0,e.rows),t.preventDefault()},T=function(t){R(e.first-e.rows,e.rows),t.preventDefault()},_=function(t){R((t.value-1)*e.rows,e.rows)},D=function(t){R(e.first+e.rows,e.rows),t.preventDefault()},U=function(t){R((i-1)*e.rows,e.rows),t.preventDefault()},J=function(t){var a=t.value;l.current=a!==e.rows,R(0,a)};s.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return r.current}}})),t.useUpdateEffect((function(){l.current||R(0,e.rows),l.current=!1}),[e.rows]),t.useUpdateEffect((function(){o>0&&e.first>=e.totalRecords&&R((i-1)*e.rows,e.rows)}),[e.totalRecords]);var M,x=function(t,a){var n;switch(t){case"FirstPageLink":n=s.createElement(k,{key:t,onClick:S,disabled:m||P,template:a});break;case"PrevPageLink":n=s.createElement(N,{key:t,onClick:T,disabled:m||P,template:a});break;case"NextPageLink":n=s.createElement(h,{key:t,onClick:D,disabled:b||P,template:a});break;case"LastPageLink":n=s.createElement(C,{key:t,onClick:U,disabled:b||P,template:a});break;case"PageLinks":n=s.createElement(E,{key:t,value:j(),page:o,rows:e.rows,pageCount:i,onClick:_,template:a});break;case"RowsPerPageDropdown":n=s.createElement(O,{key:t,value:e.rows,page:o,pageCount:i,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:J,appendTo:e.dropdownAppendTo,template:a,disabled:P});break;case"CurrentPageReport":n=s.createElement(y,{reportTemplate:e.currentPageReportTemplate,key:t,page:o,pageCount:i,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=s.createElement(w,{key:t,rows:e.rows,page:o,pageCount:i,onChange:R,disabled:P,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==i){var X=a.ObjectUtils.findDiffKeys(e,L.defaultProps),Y=a.classNames("p-paginator p-component",e.className),A=a.ObjectUtils.getJSXElement(e.leftContent,e),I=a.ObjectUtils.getJSXElement(e.rightContent,e),q=(M=e.template)?"object"===f(M)?M.layout?M.layout.split(" ").map((function(e){var t=e.trim();return x(t,M[t])})):Object.entries(M).map((function(e){var t,a,n=(a=2,u(t=e)||c(t,a)||g(t,a)||d());return x(n[0],n[1])})):M.split(" ").map((function(e){return x(e.trim())})):null,B=A&&s.createElement("div",{className:"p-paginator-left-content"},A),F=I&&s.createElement("div",{className:"p-paginator-right-content"},I);return s.createElement("div",p({ref:r,className:Y,style:e.style},X),B,q,F)}return null})));L.displayName="Paginator",L.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"},exports.Paginator=L;

package/paginator/paginator.d.ts

@@ -138,15 +138,13 @@ interface PaginatorTemplateOptions {
 
 export type PaginatorTemplate = string | PaginatorTemplateOptions;
 
-export interface PaginatorProps {
+export interface PaginatorProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     totalRecords?: number;
     rows?: number;
     first?: number;
     pageLinkSize?: number;
     rowsPerPageOptions?: number[];
     alwaysShow?: boolean;
-    style?: object;
-    className?: string;
     template?: PaginatorTemplate;
     leftContent?: React.ReactNode;
     rightContent?: React.ReactNode;
@@ -156,4 +154,6 @@ export interface PaginatorProps {
     children?: React.ReactNode;
 }
 
-export declare class Paginator extends React.Component<PaginatorProps, any> { }
+export declare class Paginator extends React.Component<PaginatorProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/paginator/paginator.esm.js

@@ -462,6 +462,7 @@ RowsPerPageDropdown.defaultProps = {
 };
 
 var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var rppChanged = React.useRef(false);
   var page = Math.floor(props.first / props.rows);
   var pageCount = Math.ceil(props.totalRecords / props.rows);
@@ -542,6 +543,14 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     changePage(0, rows);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   useUpdateEffect(function () {
     if (!rppChanged.current) {
       changePage(0, props.rows);
@@ -695,6 +704,7 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       className: "p-paginator-right-content"
     }, rightContent);
     return /*#__PURE__*/React.createElement("div", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), leftElement, elements, rightElement);

package/paginator/paginator.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{ObjectUtils as a,classNames as n}from"primereact/utils";import{ariaLabel as r}from"primereact/api";import{Button as l}from"primereact/button";import{InputNumber as o}from"primereact/inputnumber";import{Dropdown as i}from"primereact/dropdown";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function m(e,t){if(e){if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?c(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 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 f(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function P(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){f(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var v=e.memo((function(t){var n={currentPage:t.page+1,totalPages:t.pageCount,first:Math.min(t.first+1,t.totalRecords),last:Math.min(t.first+t.rows,t.totalRecords),rows:t.rows,totalRecords:t.totalRecords},r=t.reportTemplate.replace("{currentPage}",n.currentPage).replace("{totalPages}",n.totalPages).replace("{first}",n.first).replace("{last}",n.last).replace("{rows}",n.rows).replace("{totalRecords}",n.totalRecords),l=e.createElement("span",{className:"p-paginator-current"},r);if(t.template){var o=P(P({},n),{className:"p-paginator-current",element:l,props:t});return a.getJSXElement(t.template,o)}return l}));v.displayName="CurrentPageReport",v.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var k=e.memo((function(t){var o=n("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-double-left",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("firstPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));k.displayName="FirstPageLink",k.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var y=e.memo((function(t){var n=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},r=t.pageCount>0?t.page+1:0,l=e.createElement(o,{value:r,onChange:n,className:"p-paginator-page-input",disabled:t.disabled});return t.template?a.getJSXElement(t.template,{value:r,onChange:n,disabled:t.disabled,className:"p-paginator-page-input",element:l,props:t}):l}));y.displayName="JumpToPageInput",y.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var C=e.memo((function(t){var o=n("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-double-right",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("lastPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));C.displayName="LastPageLink",C.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var w=e.memo((function(t){var o=n("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-right",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("nextPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));w.displayName="NextPageLink",w.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var h=e.memo((function(t){var o,i=function(e,a){t.onClick&&t.onClick({originalEvent:e,value:a}),e.preventDefault()};if(t.value){var p=t.value[0],s=t.value[t.value.length-1];o=t.value.map((function(o){var u=n("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":o===p,"p-paginator-page-end":o===s,"p-highlight":o-1===t.page}),c=e.createElement(l,{type:"button",className:u,onClick:function(e){return i(e,o)},"aria-label":"".concat(r("pageLabel")," ").concat(o+1)},o);t.template&&(c=a.getJSXElement(t.template,{onClick:function(e){return i(e,o)},className:u,view:{startPage:p-1,endPage:s-1},page:o-1,currentPage:t.page,totalPages:t.pageCount,element:c,props:t}));return e.createElement(e.Fragment,{key:o},c)}))}return e.createElement("span",{className:"p-paginator-pages"},o)}));h.displayName="PageLinks",h.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var E=e.memo((function(t){var o=n("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-left",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("previousPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));E.displayName="PrevPageLink",E.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var N=e.memo((function(t){var n=t.options&&t.options.length>0,r=n?t.options.map((function(e){return{label:String(e),value:e}})):[],l=n?e.createElement(i,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled}):null;return t.template?a.getJSXElement(t.template,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:l,props:t}):l}));N.displayName="RowsPerPageDropdown",N.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var L=e.memo(e.forwardRef((function(r,l){var o=e.useRef(!1),i=Math.floor(r.first/r.rows),c=Math.ceil(r.totalRecords/r.rows),f=0===i,b=i===c-1,P=0===c,R=function(){var e=c,t=Math.min(r.pageLinkSize,e),a=Math.max(0,Math.ceil(i-t/2)),n=Math.min(e-1,a+t-1);return[a=Math.max(0,a-(r.pageLinkSize-(n-a+1))),n]},S=function(){for(var e=[],t=R(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},O=function(e,t){var a=c,n=Math.floor(e/t);n>=0&&n<a&&(r.onPageChange&&r.onPageChange({first:e,rows:t,page:n,pageCount:a}))},T=function(e){O(0,r.rows),e.preventDefault()},j=function(e){O(r.first-r.rows,r.rows),e.preventDefault()},_=function(e){O((e.value-1)*r.rows,r.rows)},D=function(e){O(r.first+r.rows,r.rows),e.preventDefault()},J=function(e){O((c-1)*r.rows,r.rows),e.preventDefault()},M=function(e){var t=e.value;o.current=t!==r.rows,O(0,t)};t((function(){o.current||O(0,r.rows),o.current=!1}),[r.rows]),t((function(){i>0&&r.first>=r.totalRecords&&O((c-1)*r.rows,r.rows)}),[r.totalRecords]);var x,X=function(t,a){var n;switch(t){case"FirstPageLink":n=e.createElement(k,{key:t,onClick:T,disabled:f||P,template:a});break;case"PrevPageLink":n=e.createElement(E,{key:t,onClick:j,disabled:f||P,template:a});break;case"NextPageLink":n=e.createElement(w,{key:t,onClick:D,disabled:b||P,template:a});break;case"LastPageLink":n=e.createElement(C,{key:t,onClick:J,disabled:b||P,template:a});break;case"PageLinks":n=e.createElement(h,{key:t,value:S(),page:i,rows:r.rows,pageCount:c,onClick:_,template:a});break;case"RowsPerPageDropdown":n=e.createElement(N,{key:t,value:r.rows,page:i,pageCount:c,totalRecords:r.totalRecords,options:r.rowsPerPageOptions,onChange:M,appendTo:r.dropdownAppendTo,template:a,disabled:P});break;case"CurrentPageReport":n=e.createElement(v,{reportTemplate:r.currentPageReportTemplate,key:t,page:i,pageCount:c,first:r.first,rows:r.rows,totalRecords:r.totalRecords,template:a});break;case"JumpToPageInput":n=e.createElement(y,{key:t,rows:r.rows,page:i,pageCount:c,onChange:O,disabled:P,template:a});break;default:n=null}return n};if(r.alwaysShow||1!==c){var Y=a.findDiffKeys(r,L.defaultProps),A=n("p-paginator p-component",r.className),I=a.getJSXElement(r.leftContent,r),F=a.getJSXElement(r.rightContent,r),z=(x=r.template)?"object"===d(x)?x.layout?x.layout.split(" ").map((function(e){var t=e.trim();return X(t,x[t])})):Object.entries(x).map((function(e){var t,a,n=(a=2,s(t=e)||u(t,a)||m(t,a)||g());return X(n[0],n[1])})):x.split(" ").map((function(e){return X(e.trim())})):null,K=I&&e.createElement("div",{className:"p-paginator-left-content"},I),U=F&&e.createElement("div",{className:"p-paginator-right-content"},F);return e.createElement("div",p({className:A,style:r.style},Y),K,z,U)}return null})));L.displayName="Paginator",L.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"};export{L as Paginator};
+import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{ObjectUtils as a,classNames as n}from"primereact/utils";import{ariaLabel as r}from"primereact/api";import{Button as l}from"primereact/button";import{InputNumber as o}from"primereact/inputnumber";import{Dropdown as i}from"primereact/dropdown";function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function m(e,t){if(e){if("string"==typeof e)return c(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?c(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 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 f(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function P(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){f(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var v=e.memo((function(t){var n={currentPage:t.page+1,totalPages:t.pageCount,first:Math.min(t.first+1,t.totalRecords),last:Math.min(t.first+t.rows,t.totalRecords),rows:t.rows,totalRecords:t.totalRecords},r=t.reportTemplate.replace("{currentPage}",n.currentPage).replace("{totalPages}",n.totalPages).replace("{first}",n.first).replace("{last}",n.last).replace("{rows}",n.rows).replace("{totalRecords}",n.totalRecords),l=e.createElement("span",{className:"p-paginator-current"},r);if(t.template){var o=P(P({},n),{className:"p-paginator-current",element:l,props:t});return a.getJSXElement(t.template,o)}return l}));v.displayName="CurrentPageReport",v.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var k=e.memo((function(t){var o=n("p-paginator-first p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-double-left",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("firstPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));k.displayName="FirstPageLink",k.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var y=e.memo((function(t){var n=function(e){t.onChange&&t.onChange(t.rows*(e.value-1),t.rows)},r=t.pageCount>0?t.page+1:0,l=e.createElement(o,{value:r,onChange:n,className:"p-paginator-page-input",disabled:t.disabled});return t.template?a.getJSXElement(t.template,{value:r,onChange:n,disabled:t.disabled,className:"p-paginator-page-input",element:l,props:t}):l}));y.displayName="JumpToPageInput",y.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var C=e.memo((function(t){var o=n("p-paginator-last p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-double-right",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("lastPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));C.displayName="LastPageLink",C.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var w=e.memo((function(t){var o=n("p-paginator-next p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-right",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("nextPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));w.displayName="NextPageLink",w.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var h=e.memo((function(t){var o,i=function(e,a){t.onClick&&t.onClick({originalEvent:e,value:a}),e.preventDefault()};if(t.value){var p=t.value[0],s=t.value[t.value.length-1];o=t.value.map((function(o){var u=n("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":o===p,"p-paginator-page-end":o===s,"p-highlight":o-1===t.page}),c=e.createElement(l,{type:"button",className:u,onClick:function(e){return i(e,o)},"aria-label":"".concat(r("pageLabel")," ").concat(o+1)},o);t.template&&(c=a.getJSXElement(t.template,{onClick:function(e){return i(e,o)},className:u,view:{startPage:p-1,endPage:s-1},page:o-1,currentPage:t.page,totalPages:t.pageCount,element:c,props:t}));return e.createElement(e.Fragment,{key:o},c)}))}return e.createElement("span",{className:"p-paginator-pages"},o)}));h.displayName="PageLinks",h.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var E=e.memo((function(t){var o=n("p-paginator-prev p-paginator-element p-link",{"p-disabled":t.disabled}),i="p-paginator-icon pi pi-angle-left",p=e.createElement(l,{type:"button",className:o,icon:i,onClick:t.onClick,disabled:t.disabled,"aria-label":r("previousPageLabel")});return t.template?a.getJSXElement(t.template,{onClick:t.onClick,className:o,iconClassName:i,disabled:t.disabled,element:p,props:t}):p}));E.displayName="PrevPageLink",E.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var N=e.memo((function(t){var n=t.options&&t.options.length>0,r=n?t.options.map((function(e){return{label:String(e),value:e}})):[],l=n?e.createElement(i,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,disabled:t.disabled}):null;return t.template?a.getJSXElement(t.template,{value:t.value,options:r,onChange:t.onChange,appendTo:t.appendTo,currentPage:t.page,totalPages:t.pageCount,totalRecords:t.totalRecords,disabled:t.disabled,element:l,props:t}):l}));N.displayName="RowsPerPageDropdown",N.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var L=e.memo(e.forwardRef((function(r,l){var o=e.useRef(null),i=e.useRef(!1),c=Math.floor(r.first/r.rows),f=Math.ceil(r.totalRecords/r.rows),b=0===c,P=c===f-1,R=0===f,S=function(){var e=f,t=Math.min(r.pageLinkSize,e),a=Math.max(0,Math.ceil(c-t/2)),n=Math.min(e-1,a+t-1);return[a=Math.max(0,a-(r.pageLinkSize-(n-a+1))),n]},O=function(){for(var e=[],t=S(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},T=function(e,t){var a=f,n=Math.floor(e/t);n>=0&&n<a&&(r.onPageChange&&r.onPageChange({first:e,rows:t,page:n,pageCount:a}))},j=function(e){T(0,r.rows),e.preventDefault()},_=function(e){T(r.first-r.rows,r.rows),e.preventDefault()},D=function(e){T((e.value-1)*r.rows,r.rows)},J=function(e){T(r.first+r.rows,r.rows),e.preventDefault()},M=function(e){T((f-1)*r.rows,r.rows),e.preventDefault()},x=function(e){var t=e.value;i.current=t!==r.rows,T(0,t)};e.useImperativeHandle(l,(function(){return{props:r,getElement:function(){return o.current}}})),t((function(){i.current||T(0,r.rows),i.current=!1}),[r.rows]),t((function(){c>0&&r.first>=r.totalRecords&&T((f-1)*r.rows,r.rows)}),[r.totalRecords]);var X,Y=function(t,a){var n;switch(t){case"FirstPageLink":n=e.createElement(k,{key:t,onClick:j,disabled:b||R,template:a});break;case"PrevPageLink":n=e.createElement(E,{key:t,onClick:_,disabled:b||R,template:a});break;case"NextPageLink":n=e.createElement(w,{key:t,onClick:J,disabled:P||R,template:a});break;case"LastPageLink":n=e.createElement(C,{key:t,onClick:M,disabled:P||R,template:a});break;case"PageLinks":n=e.createElement(h,{key:t,value:O(),page:c,rows:r.rows,pageCount:f,onClick:D,template:a});break;case"RowsPerPageDropdown":n=e.createElement(N,{key:t,value:r.rows,page:c,pageCount:f,totalRecords:r.totalRecords,options:r.rowsPerPageOptions,onChange:x,appendTo:r.dropdownAppendTo,template:a,disabled:R});break;case"CurrentPageReport":n=e.createElement(v,{reportTemplate:r.currentPageReportTemplate,key:t,page:c,pageCount:f,first:r.first,rows:r.rows,totalRecords:r.totalRecords,template:a});break;case"JumpToPageInput":n=e.createElement(y,{key:t,rows:r.rows,page:c,pageCount:f,onChange:T,disabled:R,template:a});break;default:n=null}return n};if(r.alwaysShow||1!==f){var A=a.findDiffKeys(r,L.defaultProps),I=n("p-paginator p-component",r.className),F=a.getJSXElement(r.leftContent,r),z=a.getJSXElement(r.rightContent,r),H=(X=r.template)?"object"===d(X)?X.layout?X.layout.split(" ").map((function(e){var t=e.trim();return Y(t,X[t])})):Object.entries(X).map((function(e){var t,a,n=(a=2,s(t=e)||u(t,a)||m(t,a)||g());return Y(n[0],n[1])})):X.split(" ").map((function(e){return Y(e.trim())})):null,K=F&&e.createElement("div",{className:"p-paginator-left-content"},F),U=z&&e.createElement("div",{className:"p-paginator-right-content"},z);return e.createElement("div",p({ref:o,className:I,style:r.style},A),K,H,U)}return null})));L.displayName="Paginator",L.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"};export{L as Paginator};

package/paginator/paginator.js

@@ -478,6 +478,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
   };
 
   var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var rppChanged = React__namespace.useRef(false);
     var page = Math.floor(props.first / props.rows);
     var pageCount = Math.ceil(props.totalRecords / props.rows);
@@ -558,6 +559,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       changePage(0, rows);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useUpdateEffect(function () {
       if (!rppChanged.current) {
         changePage(0, props.rows);
@@ -711,6 +720,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
         className: "p-paginator-right-content"
       }, rightContent);
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
+        ref: elementRef,
         className: className,
         style: props.style
       }, otherProps), leftElement, elements, rightElement);

package/paginator/paginator.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,n,r,l,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=s(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function m(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function d(e,t){if(e){if("string"==typeof e)return g(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?g(e,t):void 0}}function f(){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 b(e){return b="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},b(e)}function P(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){P(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var k=p.memo((function(e){var t={currentPage:e.page+1,totalPages:e.pageCount,first:Math.min(e.first+1,e.totalRecords),last:Math.min(e.first+e.rows,e.totalRecords),rows:e.rows,totalRecords:e.totalRecords},a=e.reportTemplate.replace("{currentPage}",t.currentPage).replace("{totalPages}",t.totalPages).replace("{first}",t.first).replace("{last}",t.last).replace("{rows}",t.rows).replace("{totalRecords}",t.totalRecords),r=p.createElement("span",{className:"p-paginator-current"},a);if(e.template){var l=y(y({},t),{className:"p-paginator-current",element:r,props:e});return n.ObjectUtils.getJSXElement(e.template,l)}return r}));k.displayName="CurrentPageReport",k.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var w=p.memo((function(e){var t=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-left",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("firstPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));w.displayName="FirstPageLink",w.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var C=p.memo((function(e){var t=function(t){e.onChange&&e.onChange(e.rows*(t.value-1),e.rows)},a=e.pageCount>0?e.page+1:0,r=p.createElement(o.InputNumber,{value:a,onChange:t,className:"p-paginator-page-input",disabled:e.disabled});return e.template?n.ObjectUtils.getJSXElement(e.template,{value:a,onChange:t,disabled:e.disabled,className:"p-paginator-page-input",element:r,props:e}):r}));C.displayName="JumpToPageInput",C.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var h=p.memo((function(e){var t=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-right",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("lastPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));h.displayName="LastPageLink",h.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var E=p.memo((function(e){var t=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-right",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("nextPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));E.displayName="NextPageLink",E.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var N=p.memo((function(e){var t,a=function(t,a){e.onClick&&e.onClick({originalEvent:t,value:a}),t.preventDefault()};if(e.value){var o=e.value[0],i=e.value[e.value.length-1];t=e.value.map((function(t){var s=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":t===o,"p-paginator-page-end":t===i,"p-highlight":t-1===e.page}),c=p.createElement(l.Button,{type:"button",className:s,onClick:function(e){return a(e,t)},"aria-label":"".concat(r.ariaLabel("pageLabel")," ").concat(t+1)},t);e.template&&(c=n.ObjectUtils.getJSXElement(e.template,{onClick:function(e){return a(e,t)},className:s,view:{startPage:o-1,endPage:i-1},page:t-1,currentPage:e.page,totalPages:e.pageCount,element:c,props:e}));return p.createElement(p.Fragment,{key:t},c)}))}return p.createElement("span",{className:"p-paginator-pages"},t)}));N.displayName="PageLinks",N.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var O=p.memo((function(e){var t=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-left",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("previousPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));O.displayName="PrevPageLink",O.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var L=p.memo((function(e){var t=e.options&&e.options.length>0,a=t?e.options.map((function(e){return{label:String(e),value:e}})):[],r=t?p.createElement(i.Dropdown,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled}):null;return e.template?n.ObjectUtils.getJSXElement(e.template,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,currentPage:e.page,totalPages:e.pageCount,totalRecords:e.totalRecords,disabled:e.disabled,element:r,props:e}):r}));L.displayName="RowsPerPageDropdown",L.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var j=p.memo(p.forwardRef((function(e,t){var r=p.useRef(!1),l=Math.floor(e.first/e.rows),o=Math.ceil(e.totalRecords/e.rows),i=0===l,s=l===o-1,g=0===o,P=function(){var t=o,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(l-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},v=function(){for(var e=[],t=P(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},y=function(t,a){var n=o,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},R=function(t){y(0,e.rows),t.preventDefault()},S=function(t){y(e.first-e.rows,e.rows),t.preventDefault()},T=function(t){y((t.value-1)*e.rows,e.rows)},_=function(t){y(e.first+e.rows,e.rows),t.preventDefault()},D=function(t){y((o-1)*e.rows,e.rows),t.preventDefault()},U=function(t){var a=t.value;r.current=a!==e.rows,y(0,a)};a.useUpdateEffect((function(){r.current||y(0,e.rows),r.current=!1}),[e.rows]),a.useUpdateEffect((function(){l>0&&e.first>=e.totalRecords&&y((o-1)*e.rows,e.rows)}),[e.totalRecords]);var J,M=function(t,a){var n;switch(t){case"FirstPageLink":n=p.createElement(w,{key:t,onClick:R,disabled:i||g,template:a});break;case"PrevPageLink":n=p.createElement(O,{key:t,onClick:S,disabled:i||g,template:a});break;case"NextPageLink":n=p.createElement(E,{key:t,onClick:_,disabled:s||g,template:a});break;case"LastPageLink":n=p.createElement(h,{key:t,onClick:D,disabled:s||g,template:a});break;case"PageLinks":n=p.createElement(N,{key:t,value:v(),page:l,rows:e.rows,pageCount:o,onClick:T,template:a});break;case"RowsPerPageDropdown":n=p.createElement(L,{key:t,value:e.rows,page:l,pageCount:o,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:U,appendTo:e.dropdownAppendTo,template:a,disabled:g});break;case"CurrentPageReport":n=p.createElement(k,{reportTemplate:e.currentPageReportTemplate,key:t,page:l,pageCount:o,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=p.createElement(C,{key:t,rows:e.rows,page:l,pageCount:o,onChange:y,disabled:g,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==o){var X=n.ObjectUtils.findDiffKeys(e,j.defaultProps),x=n.classNames("p-paginator p-component",e.className),Y=n.ObjectUtils.getJSXElement(e.leftContent,e),A=n.ObjectUtils.getJSXElement(e.rightContent,e),I=(J=e.template)?"object"===b(J)?J.layout?J.layout.split(" ").map((function(e){var t=e.trim();return M(t,J[t])})):Object.entries(J).map((function(e){var t,a,n=(a=2,u(t=e)||m(t,a)||d(t,a)||f());return M(n[0],n[1])})):J.split(" ").map((function(e){return M(e.trim())})):null,B=Y&&p.createElement("div",{className:"p-paginator-left-content"},Y),F=A&&p.createElement("div",{className:"p-paginator-right-content"},A);return p.createElement("div",c({className:x,style:e.style},X),B,I,F)}return null})));return j.displayName="Paginator",j.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"},e.Paginator=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.button,primereact.inputnumber,primereact.dropdown);
+this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,n,r,l,o,i){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=s(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function m(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return l}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function d(e,t){if(e){if("string"==typeof e)return g(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?g(e,t):void 0}}function f(){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 b(e){return b="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},b(e)}function P(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach((function(t){P(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var k=p.memo((function(e){var t={currentPage:e.page+1,totalPages:e.pageCount,first:Math.min(e.first+1,e.totalRecords),last:Math.min(e.first+e.rows,e.totalRecords),rows:e.rows,totalRecords:e.totalRecords},a=e.reportTemplate.replace("{currentPage}",t.currentPage).replace("{totalPages}",t.totalPages).replace("{first}",t.first).replace("{last}",t.last).replace("{rows}",t.rows).replace("{totalRecords}",t.totalRecords),r=p.createElement("span",{className:"p-paginator-current"},a);if(e.template){var l=y(y({},t),{className:"p-paginator-current",element:r,props:e});return n.ObjectUtils.getJSXElement(e.template,l)}return r}));k.displayName="CurrentPageReport",k.defaultProps={__TYPE:"CurrentPageReport",pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null};var w=p.memo((function(e){var t=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-left",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("firstPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));w.displayName="FirstPageLink",w.defaultProps={__TYPE:"FirstPageLink",disabled:!1,onClick:null,template:null};var C=p.memo((function(e){var t=function(t){e.onChange&&e.onChange(e.rows*(t.value-1),e.rows)},a=e.pageCount>0?e.page+1:0,r=p.createElement(o.InputNumber,{value:a,onChange:t,className:"p-paginator-page-input",disabled:e.disabled});return e.template?n.ObjectUtils.getJSXElement(e.template,{value:a,onChange:t,disabled:e.disabled,className:"p-paginator-page-input",element:r,props:e}):r}));C.displayName="JumpToPageInput",C.defaultProps={__TYPE:"JumbToPageInput",page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null};var h=p.memo((function(e){var t=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-double-right",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("lastPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));h.displayName="LastPageLink",h.defaultProps={__TYPE:"LastPageLink",disabled:!1,onClick:null,template:null};var E=p.memo((function(e){var t=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-right",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("nextPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));E.displayName="NextPageLink",E.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var N=p.memo((function(e){var t,a=function(t,a){e.onClick&&e.onClick({originalEvent:t,value:a}),t.preventDefault()};if(e.value){var o=e.value[0],i=e.value[e.value.length-1];t=e.value.map((function(t){var s=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":t===o,"p-paginator-page-end":t===i,"p-highlight":t-1===e.page}),c=p.createElement(l.Button,{type:"button",className:s,onClick:function(e){return a(e,t)},"aria-label":"".concat(r.ariaLabel("pageLabel")," ").concat(t+1)},t);e.template&&(c=n.ObjectUtils.getJSXElement(e.template,{onClick:function(e){return a(e,t)},className:s,view:{startPage:o-1,endPage:i-1},page:t-1,currentPage:e.page,totalPages:e.pageCount,element:c,props:e}));return p.createElement(p.Fragment,{key:t},c)}))}return p.createElement("span",{className:"p-paginator-pages"},t)}));N.displayName="PageLinks",N.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var O=p.memo((function(e){var t=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":e.disabled}),a="p-paginator-icon pi pi-angle-left",o=p.createElement(l.Button,{type:"button",className:t,icon:a,onClick:e.onClick,disabled:e.disabled,"aria-label":r.ariaLabel("previousPageLabel")});return e.template?n.ObjectUtils.getJSXElement(e.template,{onClick:e.onClick,className:t,iconClassName:a,disabled:e.disabled,element:o,props:e}):o}));O.displayName="PrevPageLink",O.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var L=p.memo((function(e){var t=e.options&&e.options.length>0,a=t?e.options.map((function(e){return{label:String(e),value:e}})):[],r=t?p.createElement(i.Dropdown,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled}):null;return e.template?n.ObjectUtils.getJSXElement(e.template,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,currentPage:e.page,totalPages:e.pageCount,totalRecords:e.totalRecords,disabled:e.disabled,element:r,props:e}):r}));L.displayName="RowsPerPageDropdown",L.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var j=p.memo(p.forwardRef((function(e,t){var r=p.useRef(null),l=p.useRef(!1),o=Math.floor(e.first/e.rows),i=Math.ceil(e.totalRecords/e.rows),s=0===o,g=o===i-1,P=0===i,v=function(){var t=i,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(o-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},y=function(){for(var e=[],t=v(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},R=function(t,a){var n=i,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},S=function(t){R(0,e.rows),t.preventDefault()},T=function(t){R(e.first-e.rows,e.rows),t.preventDefault()},_=function(t){R((t.value-1)*e.rows,e.rows)},D=function(t){R(e.first+e.rows,e.rows),t.preventDefault()},U=function(t){R((i-1)*e.rows,e.rows),t.preventDefault()},J=function(t){var a=t.value;l.current=a!==e.rows,R(0,a)};p.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}})),a.useUpdateEffect((function(){l.current||R(0,e.rows),l.current=!1}),[e.rows]),a.useUpdateEffect((function(){o>0&&e.first>=e.totalRecords&&R((i-1)*e.rows,e.rows)}),[e.totalRecords]);var M,X=function(t,a){var n;switch(t){case"FirstPageLink":n=p.createElement(w,{key:t,onClick:S,disabled:s||P,template:a});break;case"PrevPageLink":n=p.createElement(O,{key:t,onClick:T,disabled:s||P,template:a});break;case"NextPageLink":n=p.createElement(E,{key:t,onClick:D,disabled:g||P,template:a});break;case"LastPageLink":n=p.createElement(h,{key:t,onClick:U,disabled:g||P,template:a});break;case"PageLinks":n=p.createElement(N,{key:t,value:y(),page:o,rows:e.rows,pageCount:i,onClick:_,template:a});break;case"RowsPerPageDropdown":n=p.createElement(L,{key:t,value:e.rows,page:o,pageCount:i,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:J,appendTo:e.dropdownAppendTo,template:a,disabled:P});break;case"CurrentPageReport":n=p.createElement(k,{reportTemplate:e.currentPageReportTemplate,key:t,page:o,pageCount:i,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=p.createElement(C,{key:t,rows:e.rows,page:o,pageCount:i,onChange:R,disabled:P,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==i){var x=n.ObjectUtils.findDiffKeys(e,j.defaultProps),Y=n.classNames("p-paginator p-component",e.className),A=n.ObjectUtils.getJSXElement(e.leftContent,e),I=n.ObjectUtils.getJSXElement(e.rightContent,e),B=(M=e.template)?"object"===b(M)?M.layout?M.layout.split(" ").map((function(e){var t=e.trim();return X(t,M[t])})):Object.entries(M).map((function(e){var t,a,n=(a=2,u(t=e)||m(t,a)||d(t,a)||f());return X(n[0],n[1])})):M.split(" ").map((function(e){return X(e.trim())})):null,F=A&&p.createElement("div",{className:"p-paginator-left-content"},A),z=I&&p.createElement("div",{className:"p-paginator-right-content"},I);return p.createElement("div",c({ref:r,className:Y,style:e.style},x),F,B,z)}return null})));return j.displayName="Paginator",j.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"},e.Paginator=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.button,primereact.inputnumber,primereact.dropdown);

package/panel/panel.cjs.js

@@ -155,6 +155,17 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     props.onCollapse && props.onCollapse(event);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/csstransition"),t=require("primereact/hooks"),l=require("primereact/ripple"),a=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e);function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return r}}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function u(e,n){if(e){if("string"==typeof e)return p(e,n);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)?p(e,n):void 0}}function d(){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 f(e,n){return c(e)||s(e,n)||u(e,n)||d()}var g=o.forwardRef((function(e,r){var c=f(o.useState(e.id),2),s=c[0],p=c[1],u=f(o.useState(e.collapsed),2),d=u[0],m=u[1],b=o.useRef(r),y=o.useRef(null),v=!!e.toggleable&&(e.onToggle?e.collapsed:d),h=s+"_header",E=s+"_content",O=function(n){e.toggleable&&(v?N(n):j(n),e.onToggle&&e.onToggle({originalEvent:n,value:!v})),n.preventDefault()},N=function(n){e.onToggle||m(!1),e.onExpand&&e.onExpand(n)},j=function(n){e.onToggle||m(!0),e.onCollapse&&e.onCollapse(n)};o.useEffect((function(){a.ObjectUtils.combinedRefs(b,r)}),[b,r]),t.useMountEffect((function(){s||p(a.UniqueComponentId())}));var I=a.ObjectUtils.findDiffKeys(e,g.defaultProps),S=a.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),T=function(){var n=a.ObjectUtils.getJSXElement(e.header,e),t=a.ObjectUtils.getJSXElement(e.icons,e),r=e.toggleable?o.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:O,id:s+"_label","aria-controls":E,"aria-expanded":!v,role:"tab"},a.IconUtils.getJSXIcon(v?e.expandIcon:e.collapseIcon,void 0,{props:e,collapsed:v}),o.createElement(l.Ripple,null)):null,i=o.createElement("span",{className:"p-panel-title",id:h},n),c=o.createElement("div",{className:"p-panel-icons"},t,r),p=o.createElement("div",{className:"p-panel-header"},i,c);return e.headerTemplate?a.ObjectUtils.getJSXElement(e.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:v?e.expandIcon:e.collapseIcon,onTogglerClick:O,titleElement:i,iconsElement:c,togglerElement:r,element:p,props:e,collapsed:v}):e.header||e.toggleable?p:null}(),x=o.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!v,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:y,className:"p-toggleable-content","aria-hidden":v,role:"region",id:E,"aria-labelledby":h},o.createElement("div",{className:"p-panel-content"},e.children)));return o.createElement("div",i({id:e.id,ref:b,className:S,style:e.style},I),T,x)}));g.displayName="Panel",g.defaultProps={__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null},exports.Panel=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/csstransition"),t=require("primereact/hooks"),l=require("primereact/ripple"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=a(e);function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,a=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(a.push(l.value),!n||a.length!==n);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw r}}return a}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function p(e,n){if(e){if("string"==typeof e)return u(e,n);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)?u(e,n):void 0}}function d(){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 f(e,n){return c(e)||s(e,n)||p(e,n)||d()}var g=o.forwardRef((function(e,a){var c=f(o.useState(e.id),2),s=c[0],u=c[1],p=f(o.useState(e.collapsed),2),d=p[0],m=p[1],b=o.useRef(a),v=o.useRef(null),y=!!e.toggleable&&(e.onToggle?e.collapsed:d),h=s+"_header",E=s+"_content",O=function(n){e.toggleable&&(y?N(n):j(n),e.onToggle&&e.onToggle({originalEvent:n,value:!y})),n.preventDefault()},N=function(n){e.onToggle||m(!1),e.onExpand&&e.onExpand(n)},j=function(n){e.onToggle||m(!0),e.onCollapse&&e.onCollapse(n)};o.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return b.current},getContent:function(){return v.current}}})),o.useEffect((function(){r.ObjectUtils.combinedRefs(b,a)}),[b,a]),t.useMountEffect((function(){s||u(r.UniqueComponentId())}));var I=r.ObjectUtils.findDiffKeys(e,g.defaultProps),C=r.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),S=function(){var n=r.ObjectUtils.getJSXElement(e.header,e),t=r.ObjectUtils.getJSXElement(e.icons,e),a=e.toggleable?o.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:O,id:s+"_label","aria-controls":E,"aria-expanded":!y,role:"tab"},r.IconUtils.getJSXIcon(y?e.expandIcon:e.collapseIcon,void 0,{props:e,collapsed:y}),o.createElement(l.Ripple,null)):null,i=o.createElement("span",{className:"p-panel-title",id:h},n),c=o.createElement("div",{className:"p-panel-icons"},t,a),u=o.createElement("div",{className:"p-panel-header"},i,c);return e.headerTemplate?r.ObjectUtils.getJSXElement(e.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:y?e.expandIcon:e.collapseIcon,onTogglerClick:O,titleElement:i,iconsElement:c,togglerElement:a,element:u,props:e,collapsed:y}):e.header||e.toggleable?u:null}(),T=o.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:v,className:"p-toggleable-content","aria-hidden":y,role:"region",id:E,"aria-labelledby":h},o.createElement("div",{className:"p-panel-content"},e.children)));return o.createElement("div",i({id:e.id,ref:b,className:C,style:e.style},I),S,T)}));g.displayName="Panel",g.defaultProps={__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null},exports.Panel=g;

package/panel/panel.d.ts

@@ -26,13 +26,10 @@ interface PanelToggleParams {
     value: boolean;
 }
 
-export interface PanelProps {
-    id?: string;
+export interface PanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     header?: React.ReactNode;
     headerTemplate?: PanelHeaderTemplateType;
     toggleable?: boolean;
-    style?: object;
-    className?: string;
     collapsed?: boolean;
     expandIcon?: IconType<PanelProps>;
     collapseIcon?: IconType<PanelProps>;
@@ -44,4 +41,7 @@ export interface PanelProps {
     children?: React.ReactNode;
 }
 
-export declare class Panel extends React.Component<PanelProps, any> { }
+export declare class Panel extends React.Component<PanelProps, any> { 
+    public getElement(): HTMLDivElement;
+    public getContent(): HTMLDivElement;
+}

package/panel/panel.esm.js

@@ -131,6 +131,17 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     props.onCollapse && props.onCollapse(event);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as l}from"primereact/hooks";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as a,UniqueComponentId as o,classNames as r,IconUtils as i}from"primereact/utils";function p(){return p=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},p.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function c(e,n){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var t,a,o=[],r=!0,i=!1;try{for(l=l.call(e);!(r=(t=l.next()).done)&&(o.push(t.value),!n||o.length!==n);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==l.return||l.return()}finally{if(i)throw a}}return o}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var l=0,t=new Array(n);l<n;l++)t[l]=e[l];return t}function m(e,n){if(e){if("string"==typeof e)return u(e,n);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?u(e,n):void 0}}function d(){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 g(e,n){return s(e)||c(e,n)||m(e,n)||d()}var f=e.forwardRef((function(s,c){var u=g(e.useState(s.id),2),m=u[0],d=u[1],b=g(e.useState(s.collapsed),2),h=b[0],y=b[1],v=e.useRef(c),E=e.useRef(null),N=!!s.toggleable&&(s.onToggle?s.collapsed:h),T=m+"_header",x=m+"_content",I=function(e){s.toggleable&&(N?S(e):C(e),s.onToggle&&s.onToggle({originalEvent:e,value:!N})),e.preventDefault()},S=function(e){s.onToggle||y(!1),s.onExpand&&s.onExpand(e)},C=function(e){s.onToggle||y(!0),s.onCollapse&&s.onCollapse(e)};e.useEffect((function(){a.combinedRefs(v,c)}),[v,c]),l((function(){m||d(o())}));var O=a.findDiffKeys(s,f.defaultProps),w=r("p-panel p-component",{"p-panel-toggleable":s.toggleable},s.className),A=function(){var n=a.getJSXElement(s.header,s),l=a.getJSXElement(s.icons,s),o=s.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:I,id:m+"_label","aria-controls":x,"aria-expanded":!N,role:"tab"},i.getJSXIcon(N?s.expandIcon:s.collapseIcon,void 0,{props:s,collapsed:N}),e.createElement(t,null)):null,r=e.createElement("span",{className:"p-panel-title",id:T},n),p=e.createElement("div",{className:"p-panel-icons"},l,o),c=e.createElement("div",{className:"p-panel-header"},r,p);return s.headerTemplate?a.getJSXElement(s.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:N?s.expandIcon:s.collapseIcon,onTogglerClick:I,titleElement:r,iconsElement:p,togglerElement:o,element:c,props:s,collapsed:N}):s.header||s.toggleable?c:null}(),P=e.createElement(n,{nodeRef:E,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!N,unmountOnExit:!0,options:s.transitionOptions},e.createElement("div",{ref:E,className:"p-toggleable-content","aria-hidden":N,role:"region",id:x,"aria-labelledby":T},e.createElement("div",{className:"p-panel-content"},s.children)));return e.createElement("div",p({id:s.id,ref:v,className:w,style:s.style},O),A,P)}));f.displayName="Panel",f.defaultProps={__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null};export{f as Panel};
+import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{ObjectUtils as a,UniqueComponentId as r,classNames as o,IconUtils as i}from"primereact/utils";function p(){return p=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},p.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return r}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function m(e,n){if(e){if("string"==typeof e)return u(e,n);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)?u(e,n):void 0}}function d(){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 g(e,n){return c(e)||s(e,n)||m(e,n)||d()}var f=e.forwardRef((function(c,s){var u=g(e.useState(c.id),2),m=u[0],d=u[1],b=g(e.useState(c.collapsed),2),h=b[0],y=b[1],v=e.useRef(s),E=e.useRef(null),N=!!c.toggleable&&(c.onToggle?c.collapsed:h),I=m+"_header",T=m+"_content",x=function(e){c.toggleable&&(N?C(e):S(e),c.onToggle&&c.onToggle({originalEvent:e,value:!N})),e.preventDefault()},C=function(e){c.onToggle||y(!1),c.onExpand&&c.onExpand(e)},S=function(e){c.onToggle||y(!0),c.onCollapse&&c.onCollapse(e)};e.useImperativeHandle(s,(function(){return{props:c,getElement:function(){return v.current},getContent:function(){return E.current}}})),e.useEffect((function(){a.combinedRefs(v,s)}),[v,s]),t((function(){m||d(r())}));var O=a.findDiffKeys(c,f.defaultProps),w=o("p-panel p-component",{"p-panel-toggleable":c.toggleable},c.className),A=function(){var n=a.getJSXElement(c.header,c),t=a.getJSXElement(c.icons,c),r=c.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:x,id:m+"_label","aria-controls":T,"aria-expanded":!N,role:"tab"},i.getJSXIcon(N?c.expandIcon:c.collapseIcon,void 0,{props:c,collapsed:N}),e.createElement(l,null)):null,o=e.createElement("span",{className:"p-panel-title",id:I},n),p=e.createElement("div",{className:"p-panel-icons"},t,r),s=e.createElement("div",{className:"p-panel-header"},o,p);return c.headerTemplate?a.getJSXElement(c.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:N?c.expandIcon:c.collapseIcon,onTogglerClick:x,titleElement:o,iconsElement:p,togglerElement:r,element:s,props:c,collapsed:N}):c.header||c.toggleable?s:null}(),P=e.createElement(n,{nodeRef:E,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!N,unmountOnExit:!0,options:c.transitionOptions},e.createElement("div",{ref:E,className:"p-toggleable-content","aria-hidden":N,role:"region",id:T,"aria-labelledby":I},e.createElement("div",{className:"p-panel-content"},c.children)));return e.createElement("div",p({id:c.id,ref:v,className:w,style:c.style},O),A,P)}));f.displayName="Panel",f.defaultProps={__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null};export{f as Panel};

package/panel/panel.js

@@ -149,6 +149,17 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
       props.onCollapse && props.onCollapse(event);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,a,r){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,t){return s(e)||p(e,t)||d(e,t)||f()}var g=i.forwardRef((function(e,t){var o=m(i.useState(e.id),2),s=o[0],p=o[1],u=m(i.useState(e.collapsed),2),d=u[0],f=u[1],b=i.useRef(t),h=i.useRef(null),y=!!e.toggleable&&(e.onToggle?e.collapsed:d),v=s+"_header",E=s+"_content",O=function(t){e.toggleable&&(y?N(t):j(t),e.onToggle&&e.onToggle({originalEvent:t,value:!y})),t.preventDefault()},N=function(t){e.onToggle||f(!1),e.onExpand&&e.onExpand(t)},j=function(t){e.onToggle||f(!0),e.onCollapse&&e.onCollapse(t)};i.useEffect((function(){r.ObjectUtils.combinedRefs(b,t)}),[b,t]),l.useMountEffect((function(){s||p(r.UniqueComponentId())}));var I=r.ObjectUtils.findDiffKeys(e,g.defaultProps),S=r.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),T=function(){var t=r.ObjectUtils.getJSXElement(e.header,e),n=r.ObjectUtils.getJSXElement(e.icons,e),l=e.toggleable?i.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:O,id:s+"_label","aria-controls":E,"aria-expanded":!y,role:"tab"},r.IconUtils.getJSXIcon(y?e.expandIcon:e.collapseIcon,void 0,{props:e,collapsed:y}),i.createElement(a.Ripple,null)):null,o=i.createElement("span",{className:"p-panel-title",id:v},t),c=i.createElement("div",{className:"p-panel-icons"},n,l),p=i.createElement("div",{className:"p-panel-header"},o,c);return e.headerTemplate?r.ObjectUtils.getJSXElement(e.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:y?e.expandIcon:e.collapseIcon,onTogglerClick:O,titleElement:o,iconsElement:c,togglerElement:l,element:p,props:e,collapsed:y}):e.header||e.toggleable?p:null}(),C=i.createElement(n.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:h,className:"p-toggleable-content","aria-hidden":y,role:"region",id:E,"aria-labelledby":v},i.createElement("div",{className:"p-panel-content"},e.children)));return i.createElement("div",c({id:e.id,ref:b,className:S,style:e.style},I),T,C)}));return g.displayName="Panel",g.defaultProps={__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null},e.Panel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.panel=function(e,n,t,l,a,r){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=o(n);function c(){return c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return r}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function d(e,n){if(e){if("string"==typeof e)return u(e,n);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)?u(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,n){return s(e)||p(e,n)||d(e,n)||f()}var g=i.forwardRef((function(e,n){var o=m(i.useState(e.id),2),s=o[0],p=o[1],u=m(i.useState(e.collapsed),2),d=u[0],f=u[1],b=i.useRef(n),h=i.useRef(null),y=!!e.toggleable&&(e.onToggle?e.collapsed:d),v=s+"_header",E=s+"_content",O=function(n){e.toggleable&&(y?N(n):j(n),e.onToggle&&e.onToggle({originalEvent:n,value:!y})),n.preventDefault()},N=function(n){e.onToggle||f(!1),e.onExpand&&e.onExpand(n)},j=function(n){e.onToggle||f(!0),e.onCollapse&&e.onCollapse(n)};i.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return b.current},getContent:function(){return h.current}}})),i.useEffect((function(){r.ObjectUtils.combinedRefs(b,n)}),[b,n]),l.useMountEffect((function(){s||p(r.UniqueComponentId())}));var I=r.ObjectUtils.findDiffKeys(e,g.defaultProps),C=r.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),S=function(){var n=r.ObjectUtils.getJSXElement(e.header,e),t=r.ObjectUtils.getJSXElement(e.icons,e),l=e.toggleable?i.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:O,id:s+"_label","aria-controls":E,"aria-expanded":!y,role:"tab"},r.IconUtils.getJSXIcon(y?e.expandIcon:e.collapseIcon,void 0,{props:e,collapsed:y}),i.createElement(a.Ripple,null)):null,o=i.createElement("span",{className:"p-panel-title",id:v},n),c=i.createElement("div",{className:"p-panel-icons"},t,l),p=i.createElement("div",{className:"p-panel-header"},o,c);return e.headerTemplate?r.ObjectUtils.getJSXElement(e.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:y?e.expandIcon:e.collapseIcon,onTogglerClick:O,titleElement:o,iconsElement:c,togglerElement:l,element:p,props:e,collapsed:y}):e.header||e.toggleable?p:null}(),T=i.createElement(t.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:h,className:"p-toggleable-content","aria-hidden":y,role:"region",id:E,"aria-labelledby":v},i.createElement("div",{className:"p-panel-content"},e.children)));return i.createElement("div",c({id:e.id,ref:b,className:C,style:e.style},I),S,T)}));return g.displayName="Panel",g.defaultProps={__TYPE:"Panel",id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null},e.Panel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);

package/panelmenu/panelmenu.cjs.js

@@ -282,6 +282,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style,
       role: "none"
@@ -321,6 +322,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       animationDisabled = _React$useState6[0],
       setAnimationDisabled = _React$useState6[1];
 
+  var elementRef = React__namespace.useRef(null);
   var headerId = idState + '_header';
   var contentId = idState + '_content';
 
@@ -383,6 +385,14 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     return activeItemState && (props.multiple ? activeItemState.indexOf(item) > -1 : activeItemState === item);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     if (!idState) {
       setIdState(utils.UniqueComponentId());
@@ -500,6 +510,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var panels = createPanels();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), panels);