primereact 7.0.0-rc.1 → 7.1.0

package/paginator/paginator.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,n,r,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);function i(e){if(Array.isArray(e))return e}function l(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],s=!0,i=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);s=!0);}catch(e){i=!0,o=e}finally{try{s||null==n.return||n.return()}finally{if(i)throw o}}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 u(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 c(){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})(e)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&g(e.prototype,t),n&&g(e,n),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function P(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R=function(e){v(a,e);var t,r,o=(t=a,r=C(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(){return h(this,a),o.apply(this,arguments)}return d(a,[{key:"render",value:function(){var e=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-double-left",r=s.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},s.default.createElement("span",{className:t}),s.default.createElement(n.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:r,props:this.props}):r}}]),a}(t.Component);function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(R,"defaultProps",{disabled:!1,onClick:null,template:null});var O=function(e){v(a,e);var t,r,o=(t=a,r=w(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(){return h(this,a),o.apply(this,arguments)}return d(a,[{key:"render",value:function(){var e=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-right",r=s.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},s.default.createElement("span",{className:t}),s.default.createElement(n.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:r,props:this.props}):r}}]),a}(t.Component);function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(O,"defaultProps",{disabled:!1,onClick:null,template:null});var N=function(e){v(a,e);var t,r,o=(t=a,r=E(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(){return h(this,a),o.apply(this,arguments)}return d(a,[{key:"render",value:function(){var e=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-left",r=s.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},s.default.createElement("span",{className:t}),s.default.createElement(n.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:r,props:this.props}):r}}]),a}(t.Component);function j(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(N,"defaultProps",{disabled:!1,onClick:null,template:null});var T=function(e){v(a,e);var t,r,o=(t=a,r=j(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(){return h(this,a),o.apply(this,arguments)}return d(a,[{key:"render",value:function(){var e=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-double-right",r=s.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},s.default.createElement("span",{className:t}),s.default.createElement(n.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:r,props:this.props}):r}}]),a}(t.Component);function L(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(T,"defaultProps",{disabled:!1,onClick:null,template:null});var S=function(e){v(a,e);var t,r,o=(t=a,r=L(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(){return h(this,a),o.apply(this,arguments)}return d(a,[{key:"onPageLinkClick",value:function(e,t){this.props.onClick&&this.props.onClick({originalEvent:e,value:t}),e.preventDefault()}},{key:"render",value:function(){var e,t=this;if(this.props.value){var r=this.props.value[0],o=this.props.value[this.props.value.length-1];e=this.props.value.map((function(e,a){var i=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":e===r,"p-paginator-page-end":e===o,"p-highlight":e-1===t.props.page}),l=s.default.createElement("button",{type:"button",className:i,onClick:function(n){return t.onPageLinkClick(n,e)}},e,s.default.createElement(n.Ripple,null));if(t.props.template){var p={onClick:function(n){return t.onPageLinkClick(n,e)},className:i,view:{startPage:r-1,endPage:o-1},page:e-1,currentPage:t.props.page,totalPages:t.props.pageCount,element:l,props:t.props};l=n.ObjectUtils.getJSXElement(t.props.template,p)}return s.default.createElement(s.default.Fragment,{key:e},l)}))}return s.default.createElement("span",{className:"p-paginator-pages"},e)}}]),a}(t.Component);function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(S,"defaultProps",{value:null,page:null,rows:null,pageCount:null,links:null,template:null});var B=function(e){v(i,e);var t,o,a=(t=i,o=x(),function(){var e,n=b(t);if(o){var r=b(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return P(this,e)});function i(){return h(this,i),a.apply(this,arguments)}return d(i,[{key:"hasOptions",value:function(){return this.props.options&&this.props.options.length>0}},{key:"render",value:function(){var e=this.hasOptions(),t=e?this.props.options.map((function(e){return{label:String(e),value:e}})):[],o=e?s.default.createElement(r.Dropdown,{value:this.props.value,options:t,onChange:this.props.onChange,appendTo:this.props.appendTo,disabled:this.props.disabled}):null;return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{value:this.props.value,options:t,onChange:this.props.onChange,appendTo:this.props.appendTo,currentPage:this.props.page,totalPages:this.props.pageCount,totalRecords:this.props.totalRecords,disabled:this.props.disabled,element:o,props:this.props}):o}}]),i}(t.Component);function D(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function U(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(B,"defaultProps",{options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1});var J=function(e){v(a,e);var t,r,o=(t=a,r=U(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(){return h(this,a),o.apply(this,arguments)}return d(a,[{key:"render",value:function(){var e={currentPage:this.props.page+1,totalPages:this.props.pageCount,first:Math.min(this.props.first+1,this.props.totalRecords),last:Math.min(this.props.first+this.props.rows,this.props.totalRecords),rows:this.props.rows,totalRecords:this.props.totalRecords},t=this.props.reportTemplate.replace("{currentPage}",e.currentPage).replace("{totalPages}",e.totalPages).replace("{first}",e.first).replace("{last}",e.last).replace("{rows}",e.rows).replace("{totalRecords}",e.totalRecords),r=s.default.createElement("span",{className:"p-paginator-current"},t);if(this.props.template){var o=M(M({},e),{className:"p-paginator-current",element:r,props:this.props});return n.ObjectUtils.getJSXElement(this.props.template,o)}return r}}]),a}(t.Component);function F(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(J,"defaultProps",{pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null});var X=function(e){v(i,e);var t,r,a=(t=i,r=F(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function i(e){var t;return h(this,i),(t=a.call(this,e)).onChange=t.onChange.bind(m(t)),t}return d(i,[{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange(this.props.rows*(e.value-1),this.props.rows)}},{key:"render",value:function(){var e=this.props.pageCount>0?this.props.page+1:0,t=s.default.createElement(o.InputNumber,{value:e,onChange:this.onChange,className:"p-paginator-page-input",disabled:this.props.disabled});return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{value:e,onChange:this.onChange,disabled:this.props.disabled,className:"p-paginator-page-input",element:t,props:this.props}):t}}]),i}(t.Component);function _(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}k(X,"defaultProps",{page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null});var A=function(e){v(a,e);var t,r,o=(t=a,r=_(),function(){var e,n=b(t);if(r){var o=b(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return P(this,e)});function a(e){var t;return h(this,a),(t=o.call(this,e)).changePageToFirst=t.changePageToFirst.bind(m(t)),t.changePageToPrev=t.changePageToPrev.bind(m(t)),t.changePageToNext=t.changePageToNext.bind(m(t)),t.changePageToLast=t.changePageToLast.bind(m(t)),t.onRowsChange=t.onRowsChange.bind(m(t)),t.changePage=t.changePage.bind(m(t)),t.onPageLinkClick=t.onPageLinkClick.bind(m(t)),t}return d(a,[{key:"isFirstPage",value:function(){return 0===this.getPage()}},{key:"isLastPage",value:function(){return this.getPage()===this.getPageCount()-1}},{key:"getPageCount",value:function(){return Math.ceil(this.props.totalRecords/this.props.rows)}},{key:"calculatePageLinkBoundaries",value:function(){var e=this.getPageCount(),t=Math.min(this.props.pageLinkSize,e),n=Math.max(0,Math.ceil(this.getPage()-t/2)),r=Math.min(e-1,n+t-1);return[n=Math.max(0,n-(this.props.pageLinkSize-(r-n+1))),r]}},{key:"updatePageLinks",value:function(){for(var e=[],t=this.calculatePageLinkBoundaries(),n=t[1],r=t[0];r<=n;r++)e.push(r+1);return e}},{key:"changePage",value:function(e,t){var n=this.getPageCount(),r=Math.floor(e/t);r>=0&&r<n&&(this.props.onPageChange&&this.props.onPageChange({first:e,rows:t,page:r,pageCount:n}))}},{key:"getPage",value:function(){return Math.floor(this.props.first/this.props.rows)}},{key:"empty",value:function(){return 0===this.getPageCount()}},{key:"changePageToFirst",value:function(e){this.changePage(0,this.props.rows),e.preventDefault()}},{key:"changePageToPrev",value:function(e){this.changePage(this.props.first-this.props.rows,this.props.rows),e.preventDefault()}},{key:"onPageLinkClick",value:function(e){this.changePage((e.value-1)*this.props.rows,this.props.rows)}},{key:"changePageToNext",value:function(e){this.changePage(this.props.first+this.props.rows,this.props.rows),e.preventDefault()}},{key:"changePageToLast",value:function(e){this.changePage((this.getPageCount()-1)*this.props.rows,this.props.rows),e.preventDefault()}},{key:"onRowsChange",value:function(e){var t=e.value;this.isRowChanged=t!==this.props.rows,this.changePage(0,t)}},{key:"componentDidUpdate",value:function(e,t){this.props.rows===e.rows||this.isRowChanged?this.getPage()>0&&e.totalRecords!==this.props.totalRecords&&this.props.first>=this.props.totalRecords&&this.changePage((this.getPageCount()-1)*this.props.rows,this.props.rows):this.changePage(0,this.props.rows),this.isRowChanged=!1}},{key:"renderElement",value:function(e,t){var n;switch(e){case"FirstPageLink":n=s.default.createElement(R,{key:e,onClick:this.changePageToFirst,disabled:this.isFirstPage()||this.empty(),template:t});break;case"PrevPageLink":n=s.default.createElement(N,{key:e,onClick:this.changePageToPrev,disabled:this.isFirstPage()||this.empty(),template:t});break;case"NextPageLink":n=s.default.createElement(O,{key:e,onClick:this.changePageToNext,disabled:this.isLastPage()||this.empty(),template:t});break;case"LastPageLink":n=s.default.createElement(T,{key:e,onClick:this.changePageToLast,disabled:this.isLastPage()||this.empty(),template:t});break;case"PageLinks":n=s.default.createElement(S,{key:e,value:this.updatePageLinks(),page:this.getPage(),rows:this.props.rows,pageCount:this.getPageCount(),onClick:this.onPageLinkClick,template:t});break;case"RowsPerPageDropdown":n=s.default.createElement(B,{key:e,value:this.props.rows,page:this.getPage(),pageCount:this.getPageCount(),totalRecords:this.props.totalRecords,options:this.props.rowsPerPageOptions,onChange:this.onRowsChange,appendTo:this.props.dropdownAppendTo,template:t,disabled:this.empty()});break;case"CurrentPageReport":n=s.default.createElement(J,{reportTemplate:this.props.currentPageReportTemplate,key:e,page:this.getPage(),pageCount:this.getPageCount(),first:this.props.first,rows:this.props.rows,totalRecords:this.props.totalRecords,template:t});break;case"JumpToPageInput":n=s.default.createElement(X,{key:e,rows:this.props.rows,page:this.getPage(),pageCount:this.getPageCount(),onChange:this.changePage,disabled:this.empty(),template:t});break;default:n=null}return n}},{key:"renderElements",value:function(){var e=this,t=this.props.template;return t?"object"===f(t)?t.layout?t.layout.split(" ").map((function(n){var r=n.trim();return e.renderElement(r,t[r])})):Object.entries(t).map((function(t){var n,r,o=(r=2,i(n=t)||l(n,r)||u(n,r)||c());return e.renderElement(o[0],o[1])})):t.split(" ").map((function(t){return e.renderElement(t.trim())})):null}},{key:"render",value:function(){if(this.props.alwaysShow||1!==this.getPageCount()){var e=n.classNames("p-paginator p-component",this.props.className),t=n.ObjectUtils.getJSXElement(this.props.leftContent,this.props),r=n.ObjectUtils.getJSXElement(this.props.rightContent,this.props),o=this.renderElements();return s.default.createElement("div",{className:e,style:this.props.style},t&&s.default.createElement("div",{className:"p-paginator-left-content"},t),o,r&&s.default.createElement("div",{className:"p-paginator-right-content"},r))}return null}}]),a}(t.Component);return k(A,"defaultProps",{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=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core,primereact.dropdown,primereact.inputnumber);
+this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,n,r,a,o){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);function l(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 r,a,o=[],s=!0,i=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);s=!0);}catch(e){i=!0,a=e}finally{try{s||null==n.return||n.return()}finally{if(i)throw a}}return o}}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 c(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 h(e){return h="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},h(e)}function g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function P(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function b(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}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 R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(e){P(s,e);var t,a,o=(t=s,a=R(),function(){var e,n=k(t);if(a){var r=k(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function s(){return g(this,s),o.apply(this,arguments)}return m(s,[{key:"render",value:function(){var e=n.classNames("p-paginator-first p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-double-left",a=i.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},i.default.createElement("span",{className:t}),i.default.createElement(r.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:a,props:this.props}):a}}]),s}(t.Component);function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(w,"defaultProps",{disabled:!1,onClick:null,template:null});var E=function(e){P(s,e);var t,a,o=(t=s,a=O(),function(){var e,n=k(t);if(a){var r=k(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function s(){return g(this,s),o.apply(this,arguments)}return m(s,[{key:"render",value:function(){var e=n.classNames("p-paginator-next p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-right",a=i.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},i.default.createElement("span",{className:t}),i.default.createElement(r.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:a,props:this.props}):a}}]),s}(t.Component);function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(E,"defaultProps",{disabled:!1,onClick:null,template:null});var j=function(e){P(s,e);var t,a,o=(t=s,a=N(),function(){var e,n=k(t);if(a){var r=k(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function s(){return g(this,s),o.apply(this,arguments)}return m(s,[{key:"render",value:function(){var e=n.classNames("p-paginator-prev p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-left",a=i.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},i.default.createElement("span",{className:t}),i.default.createElement(r.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:a,props:this.props}):a}}]),s}(t.Component);function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(j,"defaultProps",{disabled:!1,onClick:null,template:null});var L=function(e){P(s,e);var t,a,o=(t=s,a=T(),function(){var e,n=k(t);if(a){var r=k(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function s(){return g(this,s),o.apply(this,arguments)}return m(s,[{key:"render",value:function(){var e=n.classNames("p-paginator-last p-paginator-element p-link",{"p-disabled":this.props.disabled}),t="p-paginator-icon pi pi-angle-double-right",a=i.default.createElement("button",{type:"button",className:e,onClick:this.props.onClick,disabled:this.props.disabled},i.default.createElement("span",{className:t}),i.default.createElement(r.Ripple,null));return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{onClick:this.props.onClick,className:e,iconClassName:t,disabled:this.props.disabled,element:a,props:this.props}):a}}]),s}(t.Component);function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(L,"defaultProps",{disabled:!1,onClick:null,template:null});var x=function(e){P(s,e);var t,a,o=(t=s,a=S(),function(){var e,n=k(t);if(a){var r=k(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return b(this,e)});function s(){return g(this,s),o.apply(this,arguments)}return m(s,[{key:"onPageLinkClick",value:function(e,t){this.props.onClick&&this.props.onClick({originalEvent:e,value:t}),e.preventDefault()}},{key:"render",value:function(){var e,t=this;if(this.props.value){var a=this.props.value[0],o=this.props.value[this.props.value.length-1];e=this.props.value.map((function(e,s){var l=n.classNames("p-paginator-page p-paginator-element p-link",{"p-paginator-page-start":e===a,"p-paginator-page-end":e===o,"p-highlight":e-1===t.props.page}),p=i.default.createElement("button",{type:"button",className:l,onClick:function(n){return t.onPageLinkClick(n,e)}},e,i.default.createElement(r.Ripple,null));if(t.props.template){var u={onClick:function(n){return t.onPageLinkClick(n,e)},className:l,view:{startPage:a-1,endPage:o-1},page:e-1,currentPage:t.props.page,totalPages:t.props.pageCount,element:p,props:t.props};p=n.ObjectUtils.getJSXElement(t.props.template,u)}return i.default.createElement(i.default.Fragment,{key:e},p)}))}return i.default.createElement("span",{className:"p-paginator-pages"},e)}}]),s}(t.Component);function B(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(x,"defaultProps",{value:null,page:null,rows:null,pageCount:null,links:null,template:null});var D=function(e){P(s,e);var t,r,o=(t=s,r=B(),function(){var e,n=k(t);if(r){var a=k(this).constructor;e=Reflect.construct(n,arguments,a)}else e=n.apply(this,arguments);return b(this,e)});function s(){return g(this,s),o.apply(this,arguments)}return m(s,[{key:"hasOptions",value:function(){return this.props.options&&this.props.options.length>0}},{key:"render",value:function(){var e=this.hasOptions(),t=e?this.props.options.map((function(e){return{label:String(e),value:e}})):[],r=e?i.default.createElement(a.Dropdown,{value:this.props.value,options:t,onChange:this.props.onChange,appendTo:this.props.appendTo,disabled:this.props.disabled}):null;return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{value:this.props.value,options:t,onChange:this.props.onChange,appendTo:this.props.appendTo,currentPage:this.props.page,totalPages:this.props.pageCount,totalRecords:this.props.totalRecords,disabled:this.props.disabled,element:r,props:this.props}):r}}]),s}(t.Component);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 U(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}function J(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(D,"defaultProps",{options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1});var F=function(e){P(o,e);var t,r,a=(t=o,r=J(),function(){var e,n=k(t);if(r){var a=k(this).constructor;e=Reflect.construct(n,arguments,a)}else e=n.apply(this,arguments);return b(this,e)});function o(){return g(this,o),a.apply(this,arguments)}return m(o,[{key:"render",value:function(){var e={currentPage:this.props.page+1,totalPages:this.props.pageCount,first:Math.min(this.props.first+1,this.props.totalRecords),last:Math.min(this.props.first+this.props.rows,this.props.totalRecords),rows:this.props.rows,totalRecords:this.props.totalRecords},t=this.props.reportTemplate.replace("{currentPage}",e.currentPage).replace("{totalPages}",e.totalPages).replace("{first}",e.first).replace("{last}",e.last).replace("{rows}",e.rows).replace("{totalRecords}",e.totalRecords),r=i.default.createElement("span",{className:"p-paginator-current"},t);if(this.props.template){var a=U(U({},e),{className:"p-paginator-current",element:r,props:this.props});return n.ObjectUtils.getJSXElement(this.props.template,a)}return r}}]),o}(t.Component);function X(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(F,"defaultProps",{pageCount:null,page:null,first:null,rows:null,totalRecords:null,reportTemplate:"({currentPage} of {totalPages})",template:null});var _=function(e){P(s,e);var t,r,a=(t=s,r=X(),function(){var e,n=k(t);if(r){var a=k(this).constructor;e=Reflect.construct(n,arguments,a)}else e=n.apply(this,arguments);return b(this,e)});function s(e){var t;return g(this,s),(t=a.call(this,e)).onChange=t.onChange.bind(y(t)),t}return m(s,[{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange(this.props.rows*(e.value-1),this.props.rows)}},{key:"render",value:function(){var e=this.props.pageCount>0?this.props.page+1:0,t=i.default.createElement(o.InputNumber,{value:e,onChange:this.onChange,className:"p-paginator-page-input",disabled:this.props.disabled});return this.props.template?n.ObjectUtils.getJSXElement(this.props.template,{value:e,onChange:this.onChange,disabled:this.props.disabled,className:"p-paginator-page-input",element:t,props:this.props}):t}}]),s}(t.Component);function A(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}C(_,"defaultProps",{page:null,rows:null,pageCount:null,disabled:!1,template:null,onChange:null});var I=function(e){P(o,e);var t,r,a=(t=o,r=A(),function(){var e,n=k(t);if(r){var a=k(this).constructor;e=Reflect.construct(n,arguments,a)}else e=n.apply(this,arguments);return b(this,e)});function o(e){var t;return g(this,o),(t=a.call(this,e)).changePageToFirst=t.changePageToFirst.bind(y(t)),t.changePageToPrev=t.changePageToPrev.bind(y(t)),t.changePageToNext=t.changePageToNext.bind(y(t)),t.changePageToLast=t.changePageToLast.bind(y(t)),t.onRowsChange=t.onRowsChange.bind(y(t)),t.changePage=t.changePage.bind(y(t)),t.onPageLinkClick=t.onPageLinkClick.bind(y(t)),t}return m(o,[{key:"isFirstPage",value:function(){return 0===this.getPage()}},{key:"isLastPage",value:function(){return this.getPage()===this.getPageCount()-1}},{key:"getPageCount",value:function(){return Math.ceil(this.props.totalRecords/this.props.rows)}},{key:"calculatePageLinkBoundaries",value:function(){var e=this.getPageCount(),t=Math.min(this.props.pageLinkSize,e),n=Math.max(0,Math.ceil(this.getPage()-t/2)),r=Math.min(e-1,n+t-1);return[n=Math.max(0,n-(this.props.pageLinkSize-(r-n+1))),r]}},{key:"updatePageLinks",value:function(){for(var e=[],t=this.calculatePageLinkBoundaries(),n=t[1],r=t[0];r<=n;r++)e.push(r+1);return e}},{key:"changePage",value:function(e,t){var n=this.getPageCount(),r=Math.floor(e/t);r>=0&&r<n&&(this.props.onPageChange&&this.props.onPageChange({first:e,rows:t,page:r,pageCount:n}))}},{key:"getPage",value:function(){return Math.floor(this.props.first/this.props.rows)}},{key:"empty",value:function(){return 0===this.getPageCount()}},{key:"changePageToFirst",value:function(e){this.changePage(0,this.props.rows),e.preventDefault()}},{key:"changePageToPrev",value:function(e){this.changePage(this.props.first-this.props.rows,this.props.rows),e.preventDefault()}},{key:"onPageLinkClick",value:function(e){this.changePage((e.value-1)*this.props.rows,this.props.rows)}},{key:"changePageToNext",value:function(e){this.changePage(this.props.first+this.props.rows,this.props.rows),e.preventDefault()}},{key:"changePageToLast",value:function(e){this.changePage((this.getPageCount()-1)*this.props.rows,this.props.rows),e.preventDefault()}},{key:"onRowsChange",value:function(e){var t=e.value;this.isRowChanged=t!==this.props.rows,this.changePage(0,t)}},{key:"componentDidUpdate",value:function(e,t){this.props.rows===e.rows||this.isRowChanged?this.getPage()>0&&e.totalRecords!==this.props.totalRecords&&this.props.first>=this.props.totalRecords&&this.changePage((this.getPageCount()-1)*this.props.rows,this.props.rows):this.changePage(0,this.props.rows),this.isRowChanged=!1}},{key:"renderElement",value:function(e,t){var n;switch(e){case"FirstPageLink":n=i.default.createElement(w,{key:e,onClick:this.changePageToFirst,disabled:this.isFirstPage()||this.empty(),template:t});break;case"PrevPageLink":n=i.default.createElement(j,{key:e,onClick:this.changePageToPrev,disabled:this.isFirstPage()||this.empty(),template:t});break;case"NextPageLink":n=i.default.createElement(E,{key:e,onClick:this.changePageToNext,disabled:this.isLastPage()||this.empty(),template:t});break;case"LastPageLink":n=i.default.createElement(L,{key:e,onClick:this.changePageToLast,disabled:this.isLastPage()||this.empty(),template:t});break;case"PageLinks":n=i.default.createElement(x,{key:e,value:this.updatePageLinks(),page:this.getPage(),rows:this.props.rows,pageCount:this.getPageCount(),onClick:this.onPageLinkClick,template:t});break;case"RowsPerPageDropdown":n=i.default.createElement(D,{key:e,value:this.props.rows,page:this.getPage(),pageCount:this.getPageCount(),totalRecords:this.props.totalRecords,options:this.props.rowsPerPageOptions,onChange:this.onRowsChange,appendTo:this.props.dropdownAppendTo,template:t,disabled:this.empty()});break;case"CurrentPageReport":n=i.default.createElement(F,{reportTemplate:this.props.currentPageReportTemplate,key:e,page:this.getPage(),pageCount:this.getPageCount(),first:this.props.first,rows:this.props.rows,totalRecords:this.props.totalRecords,template:t});break;case"JumpToPageInput":n=i.default.createElement(_,{key:e,rows:this.props.rows,page:this.getPage(),pageCount:this.getPageCount(),onChange:this.changePage,disabled:this.empty(),template:t});break;default:n=null}return n}},{key:"renderElements",value:function(){var e=this,t=this.props.template;return t?"object"===h(t)?t.layout?t.layout.split(" ").map((function(n){var r=n.trim();return e.renderElement(r,t[r])})):Object.entries(t).map((function(t){var n,r,a=(r=2,l(n=t)||p(n,r)||c(n,r)||f());return e.renderElement(a[0],a[1])})):t.split(" ").map((function(t){return e.renderElement(t.trim())})):null}},{key:"render",value:function(){if(this.props.alwaysShow||1!==this.getPageCount()){var e=n.classNames("p-paginator p-component",this.props.className),t=n.ObjectUtils.getJSXElement(this.props.leftContent,this.props),r=n.ObjectUtils.getJSXElement(this.props.rightContent,this.props),a=this.renderElements();return i.default.createElement("div",{className:e,style:this.props.style},t&&i.default.createElement("div",{className:"p-paginator-left-content"},t),a,r&&i.default.createElement("div",{className:"p-paginator-right-content"},r))}return null}}]),o}(t.Component);return C(I,"defaultProps",{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=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple,primereact.dropdown,primereact.inputnumber);

package/panel/panel.cjs.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var csstransition = require('primereact/csstransition');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -141,7 +143,7 @@ var Panel = /*#__PURE__*/function (_Component) {
 
     _this.state = state;
     _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
-    _this.contentRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.contentRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
@@ -198,7 +200,7 @@ var Panel = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       if (!this.state.id) {
         this.setState({
-          id: core.UniqueComponentId()
+          id: utils.UniqueComponentId()
         });
       }
     }
@@ -209,16 +211,17 @@ var Panel = /*#__PURE__*/function (_Component) {
         var id = this.state.id + '_label';
         var ariaControls = this.state.id + '_content';
         var toggleIcon = collapsed ? this.props.expandIcon : this.props.collapseIcon;
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-panel-header-icon p-panel-toggler p-link",
           onClick: this.toggle,
           id: id,
           "aria-controls": ariaControls,
           "aria-expanded": !collapsed,
           role: "tab"
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
-          className: toggleIcon
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, utils.IconUtils.getJSXIcon(toggleIcon, {
+          props: this.props,
+          collapsed: collapsed
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -226,17 +229,17 @@ var Panel = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderHeader",
     value: function renderHeader(collapsed) {
-      var header = core.ObjectUtils.getJSXElement(this.props.header, this.props);
-      var icons = core.ObjectUtils.getJSXElement(this.props.icons, this.props);
+      var header = utils.ObjectUtils.getJSXElement(this.props.header, this.props);
+      var icons = utils.ObjectUtils.getJSXElement(this.props.icons, this.props);
       var togglerElement = this.renderToggleIcon(collapsed);
-      var titleElement = /*#__PURE__*/React__default['default'].createElement("span", {
+      var titleElement = /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-panel-title",
         id: this.state.id + '_header'
       }, header);
-      var iconsElement = /*#__PURE__*/React__default['default'].createElement("div", {
+      var iconsElement = /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panel-icons"
       }, icons, togglerElement);
-      var content = /*#__PURE__*/React__default['default'].createElement("div", {
+      var content = /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panel-header"
       }, titleElement, iconsElement);
 
@@ -255,7 +258,7 @@ var Panel = /*#__PURE__*/function (_Component) {
           props: this.props,
           collapsed: collapsed
         };
-        return core.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
+        return utils.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
       } else if (this.props.header || this.props.toggleable) {
         return content;
       }
@@ -266,7 +269,7 @@ var Panel = /*#__PURE__*/function (_Component) {
     key: "renderContent",
     value: function renderContent(collapsed) {
       var id = this.state.id + '_content';
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.contentRef,
         classNames: "p-toggleable-content",
         timeout: {
@@ -276,27 +279,27 @@ var Panel = /*#__PURE__*/function (_Component) {
         in: !collapsed,
         unmountOnExit: true,
         options: this.props.transitionOptions
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.contentRef,
         className: "p-toggleable-content",
         "aria-hidden": collapsed,
         role: "region",
         id: id,
         "aria-labelledby": this.state.id + '_header'
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panel-content"
       }, this.props.children)));
     }
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-panel p-component', {
+      var className = utils.classNames('p-panel p-component', {
         'p-panel-toggleable': this.props.toggleable
       }, this.props.className);
       var collapsed = this.isCollapsed();
       var header = this.renderHeader(collapsed);
       var content = this.renderContent(collapsed);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function p(e){return(p="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})(e)}function c(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function g(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b=function(n){i(m,e.Component);var a,p,f,d,b,y=(a=m,p=g(),function(){var e,t=u(a);if(p){var n=u(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return c(this,e)});function m(e){var t;r(this,m);var n={id:(t=y.call(this,e)).props.id};return t.props.onToggle||(n=h(h({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(s(t)),t.contentRef=o.default.createRef(),t}return f=m,(d=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?o.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},o.default.createElement("span",{className:e?this.props.expandIcon:this.props.collapseIcon}),o.default.createElement(t.Ripple,null)):null}},{key:"renderHeader",value:function(e){var n=t.ObjectUtils.getJSXElement(this.props.header,this.props),r=t.ObjectUtils.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(e),s=o.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),a=o.default.createElement("div",{className:"p-panel-icons"},r,l),i=o.default.createElement("div",{className:"p-panel-header"},s,a);return this.props.headerTemplate?t.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:a,togglerElement:l,element:i,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?i:null}},{key:"renderContent",value:function(e){return o.default.createElement(t.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},o.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},o.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=t.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),r=this.renderHeader(n),l=this.renderContent(n);return o.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},r,l)}}])&&l(f.prototype,d),b&&l(f,b),m}();f(b,"defaultProps",{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=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/utils"),o=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function u(e){return u="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},u(e)}function f(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m=function(r){c(O,e.Component);var p,u,h,g,m,v=(p=O,u=y(),function(){var e,t=d(p);if(u){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function O(e){var t;s(this,O);var n={id:(t=v.call(this,e)).props.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(a(t)),t.contentRef=l.default.createRef(),t}return h=O,(g=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?l.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},n.IconUtils.getJSXIcon(e?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:e}),l.default.createElement(o.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=n.ObjectUtils.getJSXElement(this.props.header,this.props),o=n.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),s=l.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),i=l.default.createElement("div",{className:"p-panel-icons"},o,r),a=l.default.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?n.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:r,element:a,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(e){return l.default.createElement(t.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},l.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},l.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=n.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),o=this.renderHeader(t),r=this.renderContent(t);return l.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o,r)}}])&&i(h.prototype,g),m&&i(h,m),O}();h(m,"defaultProps",{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=m;

package/panel/panel.d.ts

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils';
 
 type PanelHeaderTemplateType = React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
 
@@ -32,10 +34,10 @@ export interface PanelProps {
     style?: object;
     className?: string;
     collapsed?: boolean;
-    expandIcon?: string;
-    collapseIcon?: string;
+    expandIcon?: IconType<PanelProps>;
+    collapseIcon?: IconType<PanelProps>;
     icons?: PanelIconsTemplateType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onExpand?(event: React.SyntheticEvent): void;
     onCollapse?(event: React.SyntheticEvent): void;
     onToggle?(e: PanelToggleParams): void;

package/panel/panel.esm.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
-import { UniqueComponentId, Ripple, ObjectUtils, CSSTransition, classNames } from 'primereact/core';
+import { CSSTransition } from 'primereact/csstransition';
+import { UniqueComponentId, IconUtils, ObjectUtils, classNames } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -208,8 +210,9 @@ var Panel = /*#__PURE__*/function (_Component) {
           "aria-controls": ariaControls,
           "aria-expanded": !collapsed,
           role: "tab"
-        }, /*#__PURE__*/React.createElement("span", {
-          className: toggleIcon
+        }, IconUtils.getJSXIcon(toggleIcon, {
+          props: this.props,
+          collapsed: collapsed
         }), /*#__PURE__*/React.createElement(Ripple, null));
       }
 

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{UniqueComponentId as n,Ripple as o,ObjectUtils as r,CSSTransition as l,classNames as s}from"primereact/core";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}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})(e)}function h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(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){g(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}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(c){u(j,t);var f,g,m,v,O,E=(f=j,g=b(),function(){var e,t=d(f);if(g){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function j(t){var n;i(this,j);var o={id:(n=E.call(this,t)).props.id};return n.props.onToggle||(o=y(y({},o),{},{collapsed:n.props.collapsed})),n.state=o,n.toggle=n.toggle.bind(p(n)),n.contentRef=e.createRef(),n}return m=j,(v=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n()})}},{key:"renderToggleIcon",value:function(t){return this.props.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!t,role:"tab"},e.createElement("span",{className:t?this.props.expandIcon:this.props.collapseIcon}),e.createElement(o,null)):null}},{key:"renderHeader",value:function(t){var n=r.getJSXElement(this.props.header,this.props),o=r.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(t),s=e.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),i=e.createElement("div",{className:"p-panel-icons"},o,l),a=e.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?r.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:t?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:l,element:a,props:this.props,collapsed:t}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(t){return e.createElement(l,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!t,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":t,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var t=s("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),o=this.renderHeader(n),r=this.renderContent(n);return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},o,r)}}])&&a(m.prototype,v),O&&a(m,O),j}();g(v,"defaultProps",{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{v as Panel};
+import e,{Component as t}from"react";import{CSSTransition as n}from"primereact/csstransition";import{UniqueComponentId as o,IconUtils as r,ObjectUtils as l,classNames as s}from"primereact/utils";import{Ripple as i}from"primereact/ripple";function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function h(e){return h="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},h(e)}function d(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(u){f(w,t);var h,m,y,O,E,j=(h=w,m=v(),function(){var e,t=g(h);if(m){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function w(t){var n;p(this,w);var o={id:(n=j.call(this,t)).props.id};return n.props.onToggle||(o=b(b({},o),{},{collapsed:n.props.collapsed})),n.state=o,n.toggle=n.toggle.bind(c(n)),n.contentRef=e.createRef(),n}return y=w,(O=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:o()})}},{key:"renderToggleIcon",value:function(t){return this.props.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!t,role:"tab"},r.getJSXIcon(t?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:t}),e.createElement(i,null)):null}},{key:"renderHeader",value:function(t){var n=l.getJSXElement(this.props.header,this.props),o=l.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(t),s=e.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),i=e.createElement("div",{className:"p-panel-icons"},o,r),p=e.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?l.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:t?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:r,element:p,props:this.props,collapsed:t}):this.props.header||this.props.toggleable?p:null}},{key:"renderContent",value:function(t){return e.createElement(n,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!t,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":t,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var t=s("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),o=this.renderHeader(n),r=this.renderContent(n);return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},o,r)}}])&&a(y.prototype,O),E&&a(y,E),w}();m(O,"defaultProps",{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{O as Panel};

package/panel/panel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panel = (function (exports, React, core) {
+this.primereact.panel = (function (exports, React, csstransition, utils, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -138,7 +138,7 @@ this.primereact.panel = (function (exports, React, core) {
 
       _this.state = state;
       _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
-      _this.contentRef = /*#__PURE__*/React__default['default'].createRef();
+      _this.contentRef = /*#__PURE__*/React__default["default"].createRef();
       return _this;
     }
 
@@ -195,7 +195,7 @@ this.primereact.panel = (function (exports, React, core) {
       value: function componentDidMount() {
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
       }
@@ -206,16 +206,17 @@ this.primereact.panel = (function (exports, React, core) {
           var id = this.state.id + '_label';
           var ariaControls = this.state.id + '_content';
           var toggleIcon = collapsed ? this.props.expandIcon : this.props.collapseIcon;
-          return /*#__PURE__*/React__default['default'].createElement("button", {
+          return /*#__PURE__*/React__default["default"].createElement("button", {
             className: "p-panel-header-icon p-panel-toggler p-link",
             onClick: this.toggle,
             id: id,
             "aria-controls": ariaControls,
             "aria-expanded": !collapsed,
             role: "tab"
-          }, /*#__PURE__*/React__default['default'].createElement("span", {
-            className: toggleIcon
-          }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }, utils.IconUtils.getJSXIcon(toggleIcon, {
+            props: this.props,
+            collapsed: collapsed
+          }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         }
 
         return null;
@@ -223,17 +224,17 @@ this.primereact.panel = (function (exports, React, core) {
     }, {
       key: "renderHeader",
       value: function renderHeader(collapsed) {
-        var header = core.ObjectUtils.getJSXElement(this.props.header, this.props);
-        var icons = core.ObjectUtils.getJSXElement(this.props.icons, this.props);
+        var header = utils.ObjectUtils.getJSXElement(this.props.header, this.props);
+        var icons = utils.ObjectUtils.getJSXElement(this.props.icons, this.props);
         var togglerElement = this.renderToggleIcon(collapsed);
-        var titleElement = /*#__PURE__*/React__default['default'].createElement("span", {
+        var titleElement = /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-panel-title",
           id: this.state.id + '_header'
         }, header);
-        var iconsElement = /*#__PURE__*/React__default['default'].createElement("div", {
+        var iconsElement = /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panel-icons"
         }, icons, togglerElement);
-        var content = /*#__PURE__*/React__default['default'].createElement("div", {
+        var content = /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panel-header"
         }, titleElement, iconsElement);
 
@@ -252,7 +253,7 @@ this.primereact.panel = (function (exports, React, core) {
             props: this.props,
             collapsed: collapsed
           };
-          return core.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
+          return utils.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
         } else if (this.props.header || this.props.toggleable) {
           return content;
         }
@@ -263,7 +264,7 @@ this.primereact.panel = (function (exports, React, core) {
       key: "renderContent",
       value: function renderContent(collapsed) {
         var id = this.state.id + '_content';
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.contentRef,
           classNames: "p-toggleable-content",
           timeout: {
@@ -273,27 +274,27 @@ this.primereact.panel = (function (exports, React, core) {
           in: !collapsed,
           unmountOnExit: true,
           options: this.props.transitionOptions
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.contentRef,
           className: "p-toggleable-content",
           "aria-hidden": collapsed,
           role: "region",
           id: id,
           "aria-labelledby": this.state.id + '_header'
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panel-content"
         }, this.props.children)));
       }
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames('p-panel p-component', {
+        var className = utils.classNames('p-panel p-component', {
           'p-panel-toggleable': this.props.toggleable
         }, this.props.className);
         var collapsed = this.isCollapsed();
         var header = this.renderHeader(collapsed);
         var content = this.renderContent(collapsed);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: className,
           style: this.props.style
@@ -327,4 +328,4 @@ this.primereact.panel = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.csstransition, primereact.utils, primereact.ripple);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&i(e,t)}function c(e){return(c="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})(e)}function u(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b=function(e){p(b,e);var t,o,i,c,d,h=(t=b,o=m(),function(){var e,n=f(t);if(o){var r=f(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return u(this,e)});function b(e){var t;l(this,b);var n={id:(t=h.call(this,e)).props.id};return t.props.onToggle||(n=g(g({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(a(t)),t.contentRef=r.default.createRef(),t}return i=b,(c=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?r.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},r.default.createElement("span",{className:e?this.props.expandIcon:this.props.collapseIcon}),r.default.createElement(n.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=n.ObjectUtils.getJSXElement(this.props.header,this.props),o=n.ObjectUtils.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(e),s=r.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),a=r.default.createElement("div",{className:"p-panel-icons"},o,l),i=r.default.createElement("div",{className:"p-panel-header"},s,a);return this.props.headerTemplate?n.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:a,togglerElement:l,element:i,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?i:null}},{key:"renderContent",value:function(e){return r.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},r.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},r.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=n.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),o=this.renderHeader(t),l=this.renderContent(t);return r.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o,l)}}])&&s(i.prototype,c),d&&s(i,d),b}(t.Component);return d(b,"defaultProps",{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=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}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 d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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){g(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}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(e){u(v,e);var t,l,c,f,g,m=(t=v,l=y(),function(){var e,n=h(t);if(l){var o=h(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return d(this,e)});function v(e){var t;i(this,v);var n={id:(t=m.call(this,e)).props.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(p(t)),t.contentRef=s.default.createRef(),t}return c=v,(f=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:o.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?s.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},o.IconUtils.getJSXIcon(e?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:e}),s.default.createElement(r.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=o.ObjectUtils.getJSXElement(this.props.header,this.props),n=o.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),l=s.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),i=s.default.createElement("div",{className:"p-panel-icons"},n,r),a=s.default.createElement("div",{className:"p-panel-header"},l,i);return this.props.headerTemplate?o.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:l,iconsElement:i,togglerElement:r,element:a,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(e){return s.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},s.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},s.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=o.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),n=this.renderHeader(t),r=this.renderContent(t);return s.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},n,r)}}])&&a(c.prototype,f),g&&a(c,g),v}(t.Component);return g(v,"defaultProps",{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=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.utils,primereact.ripple);