primereact 8.6.0 → 8.7.0

package/paginator/paginator.cjs.js

@@ -6,7 +6,7 @@ var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var api = require('primereact/api');
-var button = require('primereact/button');
+var ripple = require('primereact/ripple');
 var inputnumber = require('primereact/inputnumber');
 var dropdown = require('primereact/dropdown');
 
@@ -179,14 +179,15 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-  var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": api.ariaLabel('firstPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -255,14 +256,15 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-  var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": api.ariaLabel('lastPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -291,14 +293,15 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-right';
-  var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": api.ariaLabel('nextPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -345,14 +348,14 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (props) {
         'p-paginator-page-end': pageLink === endPageInView,
         'p-highlight': pageLink - 1 === props.page
       });
-      var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+      var element = /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: className,
         onClick: function onClick(e) {
           return onPageLinkClick(e, pageLink);
         },
         "aria-label": "".concat(api.ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-      }, pageLink);
+      }, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
       if (props.template) {
         var defaultOptions = {
@@ -399,14 +402,15 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-left';
-  var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": api.ariaLabel('previousPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -446,7 +450,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (props) {
     appendTo: props.appendTo,
     disabled: props.disabled,
     placeholder: ariaLabel,
-    ariaLabel: ariaLabel
+    "aria-label": ariaLabel
   }) : null;
 
   if (props.template) {
@@ -573,7 +577,7 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   });
   hooks.useUpdateEffect(function () {
     if (!rppChanged.current) {
-      changePage(0, props.rows);
+      changePage(props.first, props.rows);
     }
 
     rppChanged.current = false;

package/paginator/paginator.cjs.min.js

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

package/paginator/paginator.d.ts

@@ -125,15 +125,15 @@ interface PaginatorJumpToPageInputOptions {
 }
 
 interface PaginatorTemplateOptions {
-    layout: string;
-    FirstPageLink: PaginatorFirstPageLinkType;
-    PrevPageLink: PaginatorPrevPageLinkType;
-    PageLinks: PaginatorPageLinksType;
-    NextPageLink: PaginatorNextPageLinkType;
-    LastPageLink: PaginatorLastPageLinkType;
-    RowsPerPageDropdown: PaginatorRowsPerPageDropdownType;
-    CurrentPageReport: PaginatorCurrentPageReportType;
-    JumpToPageInput: PaginatorJumpToPageInputType;
+    layout?: string;
+    FirstPageLink?: PaginatorFirstPageLinkType;
+    PrevPageLink?: PaginatorPrevPageLinkType;
+    PageLinks?: PaginatorPageLinksType;
+    NextPageLink?: PaginatorNextPageLinkType;
+    LastPageLink?: PaginatorLastPageLinkType;
+    RowsPerPageDropdown?: PaginatorRowsPerPageDropdownType;
+    CurrentPageReport?: PaginatorCurrentPageReportType;
+    JumpToPageInput?: PaginatorJumpToPageInputType;
 }
 
 export type PaginatorTemplate = string | PaginatorTemplateOptions;

package/paginator/paginator.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
 import { ObjectUtils, classNames } from 'primereact/utils';
 import { ariaLabel, localeOption } from 'primereact/api';
-import { Button } from 'primereact/button';
+import { Ripple } from 'primereact/ripple';
 import { InputNumber } from 'primereact/inputnumber';
 import { Dropdown } from 'primereact/dropdown';
 
@@ -155,14 +155,15 @@ var FirstPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('firstPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -231,14 +232,15 @@ var LastPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('lastPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -267,14 +269,15 @@ var NextPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-right';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('nextPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -321,14 +324,14 @@ var PageLinks = /*#__PURE__*/React.memo(function (props) {
         'p-paginator-page-end': pageLink === endPageInView,
         'p-highlight': pageLink - 1 === props.page
       });
-      var element = /*#__PURE__*/React.createElement(Button, {
+      var element = /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: className,
         onClick: function onClick(e) {
           return onPageLinkClick(e, pageLink);
         },
         "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-      }, pageLink);
+      }, pageLink, /*#__PURE__*/React.createElement(Ripple, null));
 
       if (props.template) {
         var defaultOptions = {
@@ -375,14 +378,15 @@ var PrevPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-left';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('previousPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -422,7 +426,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (props) {
     appendTo: props.appendTo,
     disabled: props.disabled,
     placeholder: ariaLabel,
-    ariaLabel: ariaLabel
+    "aria-label": ariaLabel
   }) : null;
 
   if (props.template) {
@@ -549,7 +553,7 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   });
   useUpdateEffect(function () {
     if (!rppChanged.current) {
-      changePage(0, props.rows);
+      changePage(props.first, props.rows);
     }
 
     rppChanged.current = false;

package/paginator/paginator.esm.min.js

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

package/paginator/paginator.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.paginator = (function (exports, React, hooks, utils, api, button, inputnumber, dropdown) {
+this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple, inputnumber, dropdown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -171,14 +171,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('firstPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -247,14 +248,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('lastPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -283,14 +285,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-right';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('nextPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -337,14 +340,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+        var element = /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: className,
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
           },
           "aria-label": "".concat(api.ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-        }, pageLink);
+        }, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
         if (props.template) {
           var defaultOptions = {
@@ -391,14 +394,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-left';
-    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": api.ariaLabel('previousPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -438,7 +442,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
       appendTo: props.appendTo,
       disabled: props.disabled,
       placeholder: ariaLabel,
-      ariaLabel: ariaLabel
+      "aria-label": ariaLabel
     }) : null;
 
     if (props.template) {
@@ -565,7 +569,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     });
     hooks.useUpdateEffect(function () {
       if (!rppChanged.current) {
-        changePage(0, props.rows);
+        changePage(props.first, props.rows);
       }
 
       rppChanged.current = false;
@@ -747,4 +751,4 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.button, primereact.inputnumber, primereact.dropdown);
+})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.ripple, primereact.inputnumber, primereact.dropdown);

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?Object.assign.bind():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 O=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)}));O.displayName="PageLinks",O.defaultProps={__TYPE:"PageLinks",value:null,page:null,rows:null,pageCount:null,links:null,template:null};var N=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}));N.displayName="PrevPageLink",N.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}})):[],l=r.localeOption("choose"),o=t?p.createElement(i.Dropdown,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled,placeholder:l,ariaLabel:l}):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:o,props:e}):o}));L.displayName="RowsPerPageDropdown",L.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var j=p.memo(p.forwardRef((function(e,t){var r=p.useRef(null),l=p.useRef(!1),o=Math.floor(e.first/e.rows),i=Math.ceil(e.totalRecords/e.rows),s=0===o,g=o===i-1,P=0===i,v=function(){var t=i,a=Math.min(e.pageLinkSize,t),n=Math.max(0,Math.ceil(o-a/2)),r=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(r-n+1))),r]},y=function(){for(var e=[],t=v(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},R=function(t,a){var n=i,r=Math.floor(t/a);r>=0&&r<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:r,pageCount:n}))},S=function(t){R(0,e.rows),t.preventDefault()},T=function(t){R(e.first-e.rows,e.rows),t.preventDefault()},_=function(t){R((t.value-1)*e.rows,e.rows)},D=function(t){R(e.first+e.rows,e.rows),t.preventDefault()},U=function(t){R((i-1)*e.rows,e.rows),t.preventDefault()},J=function(t){var a=t.value;l.current=a!==e.rows,R(0,a)};p.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}})),a.useUpdateEffect((function(){l.current||R(0,e.rows),l.current=!1}),[e.rows]),a.useUpdateEffect((function(){o>0&&e.first>=e.totalRecords&&R((i-1)*e.rows,e.rows)}),[e.totalRecords]);var M,X=function(t,a){var n;switch(t){case"FirstPageLink":n=p.createElement(w,{key:t,onClick:S,disabled:s||P,template:a});break;case"PrevPageLink":n=p.createElement(N,{key:t,onClick:T,disabled:s||P,template:a});break;case"NextPageLink":n=p.createElement(E,{key:t,onClick:D,disabled:g||P,template:a});break;case"LastPageLink":n=p.createElement(h,{key:t,onClick:U,disabled:g||P,template:a});break;case"PageLinks":n=p.createElement(O,{key:t,value:y(),page:o,rows:e.rows,pageCount:i,onClick:_,template:a});break;case"RowsPerPageDropdown":n=p.createElement(L,{key:t,value:e.rows,page:o,pageCount:i,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:J,appendTo:e.dropdownAppendTo,template:a,disabled:P});break;case"CurrentPageReport":n=p.createElement(k,{reportTemplate:e.currentPageReportTemplate,key:t,page:o,pageCount:i,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=p.createElement(C,{key:t,rows:e.rows,page:o,pageCount:i,onChange:R,disabled:P,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==i){var x=n.ObjectUtils.findDiffKeys(e,j.defaultProps),Y=n.classNames("p-paginator p-component",e.className),A=n.ObjectUtils.getJSXElement(e.leftContent,e),I=n.ObjectUtils.getJSXElement(e.rightContent,e),B=(M=e.template)?"object"===b(M)?M.layout?M.layout.split(" ").map((function(e){var t=e.trim();return X(t,M[t])})):Object.entries(M).map((function(e){var t,a,n=(a=2,u(t=e)||m(t,a)||d(t,a)||f());return X(n[0],n[1])})):M.split(" ").map((function(e){return X(e.trim())})):null,F=A&&p.createElement("div",{className:"p-paginator-left-content"},A),z=I&&p.createElement("div",{className:"p-paginator-right-content"},I);return p.createElement("div",c({ref:r,className:Y,style:e.style},x),F,B,z)}return null})));return j.displayName="Paginator",j.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"},e.Paginator=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.button,primereact.inputnumber,primereact.dropdown);
+this.primereact=this.primereact||{},this.primereact.paginator=function(e,t,a,n,l,r,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?Object.assign.bind():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,l,r=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(r.push(n.value),!t||r.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw l}}return r}}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),l=p.createElement("span",{className:"p-paginator-current"},a);if(e.template){var r=y(y({},t),{className:"p-paginator-current",element:l,props:e});return n.ObjectUtils.getJSXElement(e.template,r)}return l}));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("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled,"aria-label":l.ariaLabel("firstPageLabel")},p.createElement("span",{className:a}),p.createElement(r.Ripple,null));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,l=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:l,props:e}):l}));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("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled,"aria-label":l.ariaLabel("lastPageLabel")},p.createElement("span",{className:a}),p.createElement(r.Ripple,null));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("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled,"aria-label":l.ariaLabel("nextPageLabel")},p.createElement("span",{className:a}),p.createElement(r.Ripple,null));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("button",{type:"button",className:s,onClick:function(e){return a(e,t)},"aria-label":"".concat(l.ariaLabel("pageLabel")," ").concat(t+1)},t,p.createElement(r.Ripple,null));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("button",{type:"button",className:t,onClick:e.onClick,disabled:e.disabled,"aria-label":l.ariaLabel("previousPageLabel")},p.createElement("span",{className:a}),p.createElement(r.Ripple,null));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 j=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=l.localeOption("choose"),o=t?p.createElement(i.Dropdown,{value:e.value,options:a,onChange:e.onChange,appendTo:e.appendTo,disabled:e.disabled,placeholder:r,"aria-label":r}):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:o,props:e}):o}));j.displayName="RowsPerPageDropdown",j.defaultProps={__TYPE:"RowsPerPageDropdown",options:null,value:null,page:null,pageCount:null,totalRecords:0,appendTo:null,onChange:null,template:null,disabled:!1};var L=p.memo(p.forwardRef((function(e,t){var l=p.useRef(null),r=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)),l=Math.min(t-1,n+a-1);return[n=Math.max(0,n-(e.pageLinkSize-(l-n+1))),l]},y=function(){for(var e=[],t=v(),a=t[1],n=t[0];n<=a;n++)e.push(n+1);return e},R=function(t,a){var n=i,l=Math.floor(t/a);l>=0&&l<n&&(e.onPageChange&&e.onPageChange({first:t,rows:a,page:l,pageCount:n}))},S=function(t){R(0,e.rows),t.preventDefault()},T=function(t){R(e.first-e.rows,e.rows),t.preventDefault()},_=function(t){R((t.value-1)*e.rows,e.rows)},D=function(t){R(e.first+e.rows,e.rows),t.preventDefault()},U=function(t){R((i-1)*e.rows,e.rows),t.preventDefault()},J=function(t){var a=t.value;r.current=a!==e.rows,R(0,a)};p.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),a.useUpdateEffect((function(){r.current||R(e.first,e.rows),r.current=!1}),[e.rows]),a.useUpdateEffect((function(){o>0&&e.first>=e.totalRecords&&R((i-1)*e.rows,e.rows)}),[e.totalRecords]);var M,X=function(t,a){var n;switch(t){case"FirstPageLink":n=p.createElement(w,{key:t,onClick:S,disabled:s||P,template:a});break;case"PrevPageLink":n=p.createElement(O,{key:t,onClick:T,disabled:s||P,template:a});break;case"NextPageLink":n=p.createElement(E,{key:t,onClick:D,disabled:g||P,template:a});break;case"LastPageLink":n=p.createElement(h,{key:t,onClick:U,disabled:g||P,template:a});break;case"PageLinks":n=p.createElement(N,{key:t,value:y(),page:o,rows:e.rows,pageCount:i,onClick:_,template:a});break;case"RowsPerPageDropdown":n=p.createElement(j,{key:t,value:e.rows,page:o,pageCount:i,totalRecords:e.totalRecords,options:e.rowsPerPageOptions,onChange:J,appendTo:e.dropdownAppendTo,template:a,disabled:P});break;case"CurrentPageReport":n=p.createElement(k,{reportTemplate:e.currentPageReportTemplate,key:t,page:o,pageCount:i,first:e.first,rows:e.rows,totalRecords:e.totalRecords,template:a});break;case"JumpToPageInput":n=p.createElement(C,{key:t,rows:e.rows,page:o,pageCount:i,onChange:R,disabled:P,template:a});break;default:n=null}return n};if(e.alwaysShow||1!==i){var x=n.ObjectUtils.findDiffKeys(e,L.defaultProps),Y=n.classNames("p-paginator p-component",e.className),A=n.ObjectUtils.getJSXElement(e.leftContent,e),I=n.ObjectUtils.getJSXElement(e.rightContent,e),F=(M=e.template)?"object"===b(M)?M.layout?M.layout.split(" ").map((function(e){var t=e.trim();return X(t,M[t])})):Object.entries(M).map((function(e){var t,a,n=(a=2,u(t=e)||m(t,a)||d(t,a)||f());return X(n[0],n[1])})):M.split(" ").map((function(e){return X(e.trim())})):null,z=A&&p.createElement("div",{className:"p-paginator-left-content"},A),H=I&&p.createElement("div",{className:"p-paginator-right-content"},I);return p.createElement("div",c({ref:l,className:Y,style:e.style},x),z,F,H)}return null})));return L.displayName="Paginator",L.defaultProps={__TYPE:"Paginator",totalRecords:0,rows:0,first:0,pageLinkSize:5,rowsPerPageOptions:null,alwaysShow:!0,style:null,className:null,template:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",onPageChange:null,leftContent:null,rightContent:null,dropdownAppendTo:null,currentPageReportTemplate:"({currentPage} of {totalPages})"},e.Paginator=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api,primereact.ripple,primereact.inputnumber,primereact.dropdown);

package/password/password.d.ts

@@ -24,7 +24,7 @@ type PasswordAppendToType = 'self' | HTMLElement | undefined | null;
 export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref'> {
     inputId?: string;
     inputRef?: React.Ref<HTMLInputElement>;
-    inputStyle?: object;
+    inputStyle?: React.CSSProperties;
     inputClassName?: string;
     promptLabel?: string;
     weakLabel?: string;
@@ -42,7 +42,7 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     keyfilter?: KeyFilterType;
-    panelStyle?: object;
+    panelStyle?: React.CSSProperties;
     panelClassName?: string;
     transitionOptions?: CSSTransitionProps;
     onInput?(event: React.FormEvent<HTMLInputElement>, validatePattern: boolean): void;

package/picklist/picklist.d.ts

@@ -35,10 +35,10 @@ export interface PickListProps {
     target?: any[];
     sourceHeader?: React.ReactNode;
     targetHeader?: React.ReactNode;
-    style?: object;
+    style?: React.CSSProperties;
     className?: string;
-    sourceStyle?: object;
-    targetStyle?: object;
+    sourceStyle?: React.CSSProperties;
+    targetStyle?: React.CSSProperties;
     sourceSelection?: any;
     targetSelection?: any;
     showSourceControls?: boolean;