primereact 8.1.0 → 8.3.0

package/paginator/paginator.js

@@ -132,9 +132,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
     var report = {
       currentPage: props.page + 1,
@@ -150,7 +150,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     }, text);
 
     if (props.template) {
-      var defaultOptions = _objectSpread(_objectSpread({}, report), {
+      var defaultOptions = _objectSpread$1(_objectSpread$1({}, report), {
         className: 'p-paginator-current',
         element: element,
         props: props
@@ -477,7 +477,11 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     disabled: false
   };
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   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 +562,13 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       changePage(0, rows);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     hooks.useUpdateEffect(function () {
       if (!rppChanged.current) {
         changePage(0, props.rows);
@@ -711,6 +722,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 O=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}));O.displayName="NextPageLink",O.defaultProps={__TYPE:"NextPageLink",disabled:!1,onClick:null,template:null};var E=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)}));E.displayName="PageLinks",E.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var j=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}));j.displayName="PrevPageLink",j.defaultProps={__TYPE:"PrevPageLink",disabled:!1,onClick:null,template:null};var N=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}));function L(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 R(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?L(Object(a),!0).forEach((function(t){P(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):L(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}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 S=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},L=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}))},T=function(t){L(0,e.rows),t.preventDefault()},_=function(t){L(e.first-e.rows,e.rows),t.preventDefault()},D=function(t){L((t.value-1)*e.rows,e.rows)},U=function(t){L(e.first+e.rows,e.rows),t.preventDefault()},J=function(t){L((i-1)*e.rows,e.rows),t.preventDefault()},M=function(t){var a=t.value;l.current=a!==e.rows,L(0,a)};p.useImperativeHandle(t,(function(){return R({getElement:function(){return r.current}},e)})),a.useUpdateEffect((function(){l.current||L(0,e.rows),l.current=!1}),[e.rows]),a.useUpdateEffect((function(){o>0&&e.first>=e.totalRecords&&L((i-1)*e.rows,e.rows)}),[e.totalRecords]);var X,x=function(t,a){var n;switch(t){case"FirstPageLink":n=p.createElement(w,{key:t,onClick:T,disabled:s||P,template:a});break;case"PrevPageLink":n=p.createElement(j,{key:t,onClick:_,disabled:s||P,template:a});break;case"NextPageLink":n=p.createElement(O,{key:t,onClick:U,disabled:g||P,template:a});break;case"LastPageLink":n=p.createElement(h,{key:t,onClick:J,disabled:g||P,template:a});break;case"PageLinks":n=p.createElement(E,{key:t,value:y(),page:o,rows:e.rows,pageCount:i,onClick:D,template:a});break;case"RowsPerPageDropdown":n=p.createElement(N,{key:t,value:e.rows,page:o,pageCount:i,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:M,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:L,disabled:P,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==i){var Y=n.ObjectUtils.findDiffKeys(e,S.defaultProps),A=n.classNames("p-paginator p-component",e.className),I=n.ObjectUtils.getJSXElement(e.leftContent,e),B=n.ObjectUtils.getJSXElement(e.rightContent,e),F=(X=e.template)?"object"===b(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,u(t=e)||m(t,a)||d(t,a)||f());return x(n[0],n[1])})):X.split(" ").map((function(e){return x(e.trim())})):null,z=I&&p.createElement("div",{className:"p-paginator-left-content"},I),H=B&&p.createElement("div",{className:"p-paginator-right-content"},B);return p.createElement("div",c({ref:r,className:A,style:e.style},Y),z,F,H)}return null})));return S.displayName="Paginator",S.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=S,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

@@ -46,6 +46,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -107,6 +122,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -155,6 +173,16 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     props.onCollapse && props.onCollapse(event);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    }, props);
+  });
   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"),t=require("primereact/csstransition"),n=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw l}}return a}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(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,t){return s(e)||u(e,t)||f(e,t)||g()}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=o.forwardRef((function(e,a){var c=d(o.useState(e.id),2),s=c[0],u=c[1],p=d(o.useState(e.collapsed),2),f=p[0],g=p[1],m=o.useRef(a),O=o.useRef(null),v=!!e.toggleable&&(e.onToggle?e.collapsed:f),h=s+"_header",j=s+"_content",E=function(t){e.toggleable&&(v?P(t):N(t),e.onToggle&&e.onToggle({originalEvent:t,value:!v})),t.preventDefault()},P=function(t){e.onToggle||g(!1),e.onExpand&&e.onExpand(t)},N=function(t){e.onToggle||g(!0),e.onCollapse&&e.onCollapse(t)};o.useImperativeHandle(a,(function(){return b({getElement:function(){return m.current},getContent:function(){return O.current}},e)})),o.useEffect((function(){l.ObjectUtils.combinedRefs(m,a)}),[m,a]),n.useMountEffect((function(){s||u(l.UniqueComponentId())}));var S=l.ObjectUtils.findDiffKeys(e,y.defaultProps),w=l.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),I=function(){var t=l.ObjectUtils.getJSXElement(e.header,e),n=l.ObjectUtils.getJSXElement(e.icons,e),a=e.toggleable?o.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:E,id:s+"_label","aria-controls":j,"aria-expanded":!v,role:"tab"},l.IconUtils.getJSXIcon(v?e.expandIcon:e.collapseIcon,void 0,{props:e,collapsed:v}),o.createElement(r.Ripple,null)):null,i=o.createElement("span",{className:"p-panel-title",id:h},t),c=o.createElement("div",{className:"p-panel-icons"},n,a),u=o.createElement("div",{className:"p-panel-header"},i,c);return e.headerTemplate?l.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:E,titleElement:i,iconsElement:c,togglerElement:a,element:u,props:e,collapsed:v}):e.header||e.toggleable?u:null}(),C=o.createElement(t.CSSTransition,{nodeRef:O,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!v,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:O,className:"p-toggleable-content","aria-hidden":v,role:"region",id:j,"aria-labelledby":h},o.createElement("div",{className:"p-panel-content"},e.children)));return o.createElement("div",i({id:e.id,ref:m,className:w,style:e.style},S),I,C)}));y.displayName="Panel",y.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=y;

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

@@ -22,6 +22,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -83,6 +98,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -131,6 +149,16 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     props.onCollapse && props.onCollapse(event);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    }, props);
+  });
   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 r,UniqueComponentId as o,classNames as a,IconUtils as i}from"primereact/utils";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 p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function s(e){if(Array.isArray(e))return e}function u(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,o=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(l=t.next()).done)&&(o.push(l.value),!n||o.length!==n);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw r}}return o}}function m(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 f(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):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,n){return s(e)||u(e,n)||f(e,n)||g()}function b(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);n&&(l=l.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,l)}return t}function y(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?b(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var h=e.forwardRef((function(p,s){var u=d(e.useState(p.id),2),m=u[0],f=u[1],g=d(e.useState(p.collapsed),2),b=g[0],v=g[1],E=e.useRef(s),O=e.useRef(null),j=!!p.toggleable&&(p.onToggle?p.collapsed:b),N=m+"_header",P=m+"_content",w=function(e){p.toggleable&&(j?S(e):I(e),p.onToggle&&p.onToggle({originalEvent:e,value:!j})),e.preventDefault()},S=function(e){p.onToggle||v(!1),p.onExpand&&p.onExpand(e)},I=function(e){p.onToggle||v(!0),p.onCollapse&&p.onCollapse(e)};e.useImperativeHandle(s,(function(){return y({getElement:function(){return E.current},getContent:function(){return O.current}},p)})),e.useEffect((function(){r.combinedRefs(E,s)}),[E,s]),t((function(){m||f(o())}));var T=r.findDiffKeys(p,h.defaultProps),x=a("p-panel p-component",{"p-panel-toggleable":p.toggleable},p.className),C=function(){var n=r.getJSXElement(p.header,p),t=r.getJSXElement(p.icons,p),o=p.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:w,id:m+"_label","aria-controls":P,"aria-expanded":!j,role:"tab"},i.getJSXIcon(j?p.expandIcon:p.collapseIcon,void 0,{props:p,collapsed:j}),e.createElement(l,null)):null,a=e.createElement("span",{className:"p-panel-title",id:N},n),c=e.createElement("div",{className:"p-panel-icons"},t,o),s=e.createElement("div",{className:"p-panel-header"},a,c);return p.headerTemplate?r.getJSXElement(p.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:j?p.expandIcon:p.collapseIcon,onTogglerClick:w,titleElement:a,iconsElement:c,togglerElement:o,element:s,props:p,collapsed:j}):p.header||p.toggleable?s:null}(),k=e.createElement(n,{nodeRef:O,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!j,unmountOnExit:!0,options:p.transitionOptions},e.createElement("div",{ref:O,className:"p-toggleable-content","aria-hidden":j,role:"region",id:P,"aria-labelledby":N},e.createElement("div",{className:"p-panel-content"},p.children)));return e.createElement("div",c({id:p.id,ref:E,className:x,style:p.style},T),C,k)}));h.displayName="Panel",h.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{h as Panel};

package/panel/panel.js

@@ -40,6 +40,21 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -101,6 +116,9 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Panel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -149,6 +167,16 @@ this.primereact.panel = (function (exports, React, csstransition, hooks, ripple,
       props.onCollapse && props.onCollapse(event);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        }
+      }, props);
+    });
     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,t,n,l,r,a){"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,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function f(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 g(e,t){if(e){if("string"==typeof e)return f(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)?f(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 m(e,t){return p(e)||u(e,t)||g(e,t)||d()}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=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),f=u[0],g=u[1],d=i.useRef(t),b=i.useRef(null),h=!!e.toggleable&&(e.onToggle?e.collapsed:f),v=s+"_header",j=s+"_content",E=function(t){e.toggleable&&(h?P(t):N(t),e.onToggle&&e.onToggle({originalEvent:t,value:!h})),t.preventDefault()},P=function(t){e.onToggle||g(!1),e.onExpand&&e.onExpand(t)},N=function(t){e.onToggle||g(!0),e.onCollapse&&e.onCollapse(t)};i.useImperativeHandle(t,(function(){return y({getElement:function(){return d.current},getContent:function(){return b.current}},e)})),i.useEffect((function(){a.ObjectUtils.combinedRefs(d,t)}),[d,t]),l.useMountEffect((function(){s||p(a.UniqueComponentId())}));var S=a.ObjectUtils.findDiffKeys(e,O.defaultProps),w=a.classNames("p-panel p-component",{"p-panel-toggleable":e.toggleable},e.className),I=function(){var t=a.ObjectUtils.getJSXElement(e.header,e),n=a.ObjectUtils.getJSXElement(e.icons,e),l=e.toggleable?i.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:E,id:s+"_label","aria-controls":j,"aria-expanded":!h,role:"tab"},a.IconUtils.getJSXIcon(h?e.expandIcon:e.collapseIcon,void 0,{props:e,collapsed:h}),i.createElement(r.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?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:h?e.expandIcon:e.collapseIcon,onTogglerClick:E,titleElement:o,iconsElement:c,togglerElement:l,element:p,props:e,collapsed:h}):e.header||e.toggleable?p:null}(),C=i.createElement(n.CSSTransition,{nodeRef:b,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!h,unmountOnExit:!0,options:e.transitionOptions},i.createElement("div",{ref:b,className:"p-toggleable-content","aria-hidden":h,role:"region",id:j,"aria-labelledby":v},i.createElement("div",{className:"p-panel-content"},e.children)));return i.createElement("div",c({id:e.id,ref:d,className:w,style:e.style},S),I,C)}));return O.displayName="Panel",O.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=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils);

package/panelmenu/panelmenu.cjs.js

@@ -45,6 +45,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -282,6 +297,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"
@@ -305,6 +321,9 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 PanelMenuSub.displayName = 'PanelMenuSub';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -321,6 +340,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 +403,13 @@ 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 _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   hooks.useMountEffect(function () {
     if (!idState) {
       setIdState(utils.UniqueComponentId());
@@ -500,6 +527,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);

package/panelmenu/panelmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function s(e){if(Array.isArray(e))return o(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return s(e)||u(e)||m(e)||c()}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,l,r=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return r}}function b(){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 y(e,t){return d(e)||f(e,t)||m(e,t)||b()}var v=r.memo((function(e){var l=y(r.useState(null),2),i=l[0],o=l[1],s=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},u=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=i;m(n)?(n.expanded=!1,o(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(p(a||[]),[n]):n))}},m=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(s())}));var c=function(e){return r.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},d=function(n,l){var i=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=r.createRef();return n.items?r.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},r.createElement("div",{ref:o,className:i},r.createElement(v,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},f=function(t,n){var l=t.label+"_"+n,i=m(t),o=a.classNames("p-menuitem",t.className),s=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=a.classNames("p-menuitem-icon",t.icon),p=a.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),f=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&r.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&r.createElement("span",{className:p}),v=d(t,i),N=r.createElement("a",{href:t.url||"#",className:s,target:t.target,onClick:function(e){return u(e,t)},role:"menuitem","aria-disabled":t.disabled},y,f,b);t.template&&(N=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:s,labelClassName:"p-menuitem-text",iconClassName:c,submenuIconClassName:p,element:N,props:e,leaf:!t.items,active:i}));return r.createElement("li",{key:l,className:o,style:t.style,role:"none"},N,v)},b=function(e,t){return e.separator?c(t):f(e,t)},N=a.classNames("p-submenu-list",e.className),g=e.model?e.model.map(b):null;return r.createElement("ul",{className:N,role:"tree"},g)}));v.displayName="PanelMenuSub";var N=r.memo(r.forwardRef((function(e,l){var o=y(r.useState(e.id),2),s=o[0],u=o[1],m=y(r.useState(null),2),c=m[0],d=m[1],f=y(r.useState(!1),2),b=f[0],g=f[1],E=s+"_header",h=s+"_content",x=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},O=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var a=c;S(n)?(n.expanded=!1,d(e.multiple?a.filter((function(e){return e!==n})):null)):(!e.multiple&&a&&(a.expanded=!1),n.expanded=!0,d(e.multiple?[].concat(p(a||[]),[n]):n))}},S=function(t){return c&&(e.multiple?c.indexOf(t)>-1:c===t)};n.useMountEffect((function(){s||u(a.UniqueComponentId()),d(x())})),n.useUpdateEffect((function(){g(!0),d(x())}),[e.model]);var j=function(){g(!1)},P=function(n,l){var i=n.label+"_"+l,o=S(n),s=a.classNames("p-panelmenu-panel",n.className),u=a.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),m=a.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),c=a.classNames("p-menuitem-icon",n.icon),p=a.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.items&&r.createElement("span",{className:m}),f=n.label&&r.createElement("span",{className:"p-menuitem-text"},n.label),y=a.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),N=r.createRef(),g=r.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return O(e,n)},"aria-expanded":o,id:E,"aria-controls":h,"aria-disabled":n.disabled},d,p,f);n.template&&(g=a.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return O(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:m,iconClassName:c,element:g,props:e,leaf:!n.items,active:o}));return r.createElement("div",{key:i,className:s,style:n.style},r.createElement("div",{className:u,style:n.style},g),r.createElement(t.CSSTransition,{nodeRef:N,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},r.createElement("div",{ref:N,className:y,role:"region",id:h,"aria-labelledby":E},r.createElement("div",{className:"p-panelmenu-content"},r.createElement(v,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},C=a.ObjectUtils.findDiffKeys(e,N.defaultProps),k=a.classNames("p-panelmenu p-component",e.className),w=e.model?e.model.map(P):null;return r.createElement("div",i({id:e.id,className:k,style:e.style},C),w)})));N.displayName="PanelMenu",N.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){if(Array.isArray(e))return u(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(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 p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return s(e)||c(e)||m(e)||p()}function d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}function y(){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 v(e,t){return d(e)||b(e,t)||m(e,t)||y()}var g=a.memo((function(e){var l=v(a.useState(null),2),i=l[0],o=l[1],u=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},s=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var r=i;c(n)?(n.expanded=!1,o(e.multiple?r.filter((function(e){return e!==n})):null)):(!e.multiple&&r&&(r.expanded=!1),n.expanded=!0,o(e.multiple?[].concat(f(r||[]),[n]):n))}},c=function(t){return i&&(e.multiple?i.indexOf(t)>-1:i===t)};n.useMountEffect((function(){o(u())}));var m=function(e){return a.createElement("li",{key:"separator_"+e,className:"p-menu-separator"})},p=function(n,l){var i=r.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!l}),o=a.createRef();return n.items?a.createElement(t.CSSTransition,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:l,unmountOnExit:!0},a.createElement("div",{ref:o,className:i},a.createElement(g,{menuProps:e.menuProps,model:n.items,multiple:e.multiple}))):null},d=function(t,n){var l=t.label+"_"+n,i=c(t),o=r.classNames("p-menuitem",t.className),u=r.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=r.classNames("p-menuitem-icon",t.icon),f=r.classNames("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!i,"pi-angle-down":i}),d=r.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),b=t.label&&a.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&a.createElement("span",{className:f}),v=p(t,i),g=a.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return s(e,t)},role:"menuitem","aria-disabled":t.disabled},y,d,b);t.template&&(g=r.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return s(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:m,submenuIconClassName:f,element:g,props:e,leaf:!t.items,active:i}));return a.createElement("li",{key:l,id:t.id,className:o,style:t.style,role:"none"},g,v)},b=function(e,t){return e.separator?m(t):d(e,t)},y=r.classNames("p-submenu-list",e.className),N=e.model?e.model.map(b):null;return a.createElement("ul",{className:y,role:"tree"},N)}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}g.displayName="PanelMenuSub";var E=a.memo(a.forwardRef((function(e,l){var o=v(a.useState(e.id),2),u=o[0],s=o[1],c=v(a.useState(null),2),m=c[0],p=c[1],d=v(a.useState(!1),2),b=d[0],y=d[1],N=a.useRef(null),h=u+"_header",j=u+"_content",x=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var t=null;return e.model.forEach((function(e){e.expanded&&(t?e.expanded=!1:t=e)})),t}return null},P=function(t,n){if(n.disabled)t.preventDefault();else{n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n});var r=m;S(n)?(n.expanded=!1,p(e.multiple?r.filter((function(e){return e!==n})):null)):(!e.multiple&&r&&(r.expanded=!1),n.expanded=!0,p(e.multiple?[].concat(f(r||[]),[n]):n))}},S=function(t){return m&&(e.multiple?m.indexOf(t)>-1:m===t)};a.useImperativeHandle(l,(function(){return O({getElement:function(){return N.current}},e)})),n.useMountEffect((function(){u||s(r.UniqueComponentId()),p(x())})),n.useUpdateEffect((function(){y(!0),p(x())}),[e.model]);var w=function(){y(!1)},C=function(n,l){var i=n.label+"_"+l,o=S(n),u=r.classNames("p-panelmenu-panel",n.className),s=r.classNames("p-component p-panelmenu-header",{"p-highlight":o,"p-disabled":n.disabled}),c=r.classNames("p-panelmenu-icon pi",{"pi-chevron-right":!o," pi-chevron-down":o}),m=r.classNames("p-menuitem-icon",n.icon),p=r.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),f=n.items&&a.createElement("span",{className:c}),d=n.label&&a.createElement("span",{className:"p-menuitem-text"},n.label),y=r.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!o}),v=a.createRef(),N=a.createElement("a",{href:n.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return P(e,n)},"aria-expanded":o,id:h,"aria-controls":j,"aria-disabled":n.disabled},f,p,d);n.template&&(N=r.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return P(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:c,iconClassName:m,element:N,props:e,leaf:!n.items,active:o}));return a.createElement("div",{key:i,className:u,style:n.style},a.createElement("div",{className:s,style:n.style},N),a.createElement(t.CSSTransition,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:w,disabled:b,in:o,unmountOnExit:!0,options:e.transitionOptions},a.createElement("div",{ref:v,className:y,role:"region",id:j,"aria-labelledby":h},a.createElement("div",{className:"p-panelmenu-content"},a.createElement(g,{menuProps:e,model:n.items,className:"p-panelmenu-root-submenu",multiple:e.multiple})))))},k=r.ObjectUtils.findDiffKeys(e,E.defaultProps),I=r.classNames("p-panelmenu p-component",e.className),_=e.model?e.model.map(C):null;return a.createElement("div",i({id:e.id,ref:N,className:I,style:e.style},k),_)})));E.displayName="PanelMenu",E.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null},exports.PanelMenu=E;

package/panelmenu/panelmenu.d.ts

@@ -2,14 +2,13 @@ import * as React from 'react';
 import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
 
-export interface PanelMenuProps {
-    id?: string;
+export interface PanelMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model?: MenuItem[];
-    style?: object;
-    className?: string;
     multiple?: boolean;
     transitionOptions?: CSSTransitionProps;
     children?: React.ReactNode;
 }
 
-export declare class PanelMenu extends React.Component<PanelMenuProps, any> { }
+export declare class PanelMenu extends React.Component<PanelMenuProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/panelmenu/panelmenu.esm.js

@@ -21,6 +21,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -258,6 +273,7 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     return /*#__PURE__*/React.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style,
       role: "none"
@@ -281,6 +297,9 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 PanelMenuSub.displayName = 'PanelMenuSub';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -297,6 +316,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       animationDisabled = _React$useState6[0],
       setAnimationDisabled = _React$useState6[1];
 
+  var elementRef = React.useRef(null);
   var headerId = idState + '_header';
   var contentId = idState + '_content';
 
@@ -359,6 +379,13 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return activeItemState && (props.multiple ? activeItemState.indexOf(item) > -1 : activeItemState === item);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   useMountEffect(function () {
     if (!idState) {
       setIdState(UniqueComponentId());
@@ -476,6 +503,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var panels = createPanels();
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), panels);