primereact 9.4.0 → 9.6.0

package/paginator/paginator.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple, angledoubleleft, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
+this.primereact.paginator = (function (exports, React, hooks, utils, componentbase, api, angledoubleleft, ripple, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -133,7 +118,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return obj;
   }
 
-  var PaginatorBase = {
+  var PaginatorBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Paginator',
       totalRecords: 0,
@@ -151,15 +136,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       dropdownAppendTo: null,
       currentPageReportTemplate: '({currentPage} of {totalPages})',
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, PaginatorBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, PaginatorBase.defaultProps);
     }
-  };
-  var CurrentPageReportBase = {
+  });
+  var CurrentPageReportBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'CurrentPageReport',
       pageCount: null,
@@ -170,15 +149,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       reportTemplate: '({currentPage} of {totalPages})',
       template: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, CurrentPageReportBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, CurrentPageReportBase.defaultProps);
     }
-  };
-  var FirstPageLinkBase = {
+  });
+  var FirstPageLinkBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'FirstPageLink',
       disabled: false,
@@ -186,15 +159,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       template: null,
       firstPageLinkIcon: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, FirstPageLinkBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, FirstPageLinkBase.defaultProps);
     }
-  };
-  var JumpToPageInputBase = {
+  });
+  var JumpToPageInputBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'JumpToPageInput',
       page: null,
@@ -204,15 +171,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       template: null,
       onChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, JumpToPageInputBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, JumpToPageInputBase.defaultProps);
     }
-  };
-  var LastPageLinkBase = {
+  });
+  var LastPageLinkBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'LastPageLink',
       disabled: false,
@@ -220,15 +181,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       template: null,
       lastPageLinkIcon: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, LastPageLinkBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, LastPageLinkBase.defaultProps);
     }
-  };
-  var NextPageLinkBase = {
+  });
+  var NextPageLinkBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'NextPageLink',
       disabled: false,
@@ -236,15 +191,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       template: null,
       nextPageLinkIcon: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, NextPageLinkBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, NextPageLinkBase.defaultProps);
     }
-  };
-  var PageLinksBase = {
+  });
+  var PageLinksBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'PageLinks',
       value: null,
@@ -254,15 +203,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       links: null,
       template: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, PageLinksBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, PageLinksBase.defaultProps);
     }
-  };
-  var PrevPageLinkBase = {
+  });
+  var PrevPageLinkBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'PrevPageLink',
       disabled: false,
@@ -270,15 +213,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       template: null,
       prevPageLinkIcon: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, PrevPageLinkBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, PrevPageLinkBase.defaultProps);
     }
-  };
-  var RowsPerPageDropdownBase = {
+  });
+  var RowsPerPageDropdownBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'RowsPerPageDropdown',
       options: null,
@@ -291,19 +228,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       template: null,
       disabled: false,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, RowsPerPageDropdownBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, RowsPerPageDropdownBase.defaultProps);
     }
-  };
+  });
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = CurrentPageReportBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = CurrentPageReportBase.getProps(inProps, context);
     var report = {
       currentPage: props.page + 1,
       totalPages: props.pageCount,
@@ -313,11 +245,12 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       totalRecords: props.totalRecords
     };
     var text = props.reportTemplate.replace('{currentPage}', report.currentPage).replace('{totalPages}', report.totalPages).replace('{first}', report.first).replace('{last}', report.last).replace('{rows}', report.rows).replace('{totalRecords}', report.totalRecords);
-    var element = /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-paginator-current"
-    }, text);
+    var currentProps = utils.mergeProps({
+      className: 'p-paginator-current'
+    }, props.ptm('current'));
+    var element = /*#__PURE__*/React__namespace.createElement("span", currentProps, text);
     if (props.template) {
-      var defaultOptions = _objectSpread(_objectSpread({}, report), {
+      var defaultOptions = _objectSpread$4(_objectSpread$4({}, report), {
         className: 'p-paginator-current',
         element: element,
         props: props
@@ -328,27 +261,37 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   });
   CurrentPageReport.displayName = 'CurrentPageReport';
 
+  function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = FirstPageLinkBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = FirstPageLinkBase.getProps(inProps, context);
+    var getPTOptions = function getPTOptions(key) {
+      return props.ptm(key, {
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
     var className = utils.classNames('p-paginator-first p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon';
-    var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleleft.AngleDoubleLeftIcon, {
+    var firstPageIconProps = utils.mergeProps({
       className: iconClassName
-    });
-    var firstPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    }, getPTOptions('firstPageIcon'));
+    var icon = props.firstPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleleft.AngleDoubleLeftIcon, firstPageIconProps);
+    var firstPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$3({}, firstPageIconProps), {
       props: props
     });
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
+    var firstPageButtonProps = utils.mergeProps({
+      type: 'button',
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
-      "aria-label": api.ariaLabel('firstPageLabel')
-    }, firstPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      'aria-label': api.ariaLabel('firstPageLabel')
+    }, getPTOptions('firstPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", firstPageButtonProps, firstPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -365,7 +308,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   FirstPageLink.displayName = 'FirstPageLink';
 
   var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = JumpToPageInputBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = JumpToPageInputBase.getProps(inProps, context);
     var onChange = function onChange(event) {
       if (props.onChange) {
         props.onChange(props.rows * (event.value - 1), props.rows);
@@ -376,7 +320,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       value: value,
       onChange: onChange,
       className: "p-paginator-page-input",
-      disabled: props.disabled
+      disabled: props.disabled,
+      pt: props.ptm('JTPInput')
     });
     if (props.template) {
       var defaultOptions = {
@@ -393,27 +338,37 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   });
   JumpToPageInput.displayName = 'JumpToPageInput';
 
+  function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = LastPageLinkBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = LastPageLinkBase.getProps(inProps, context);
+    var getPTOptions = function getPTOptions(key) {
+      return props.ptm(key, {
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
     var className = utils.classNames('p-paginator-last p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon';
-    var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleright.AngleDoubleRightIcon, {
+    var lastPageIconProps = utils.mergeProps({
       className: iconClassName
-    });
-    var lastPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    }, getPTOptions('lastPageIcon'));
+    var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleright.AngleDoubleRightIcon, lastPageIconProps);
+    var lastPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, lastPageIconProps), {
       props: props
     });
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
+    var lastPageButtonProps = utils.mergeProps({
+      type: 'button',
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
-      "aria-label": api.ariaLabel('lastPageLabel')
-    }, lastPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      'aria-label': api.ariaLabel('lastPageLabel')
+    }, getPTOptions('lastPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", lastPageButtonProps, lastPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -429,27 +384,37 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   });
   LastPageLink.displayName = 'LastPageLink';
 
+  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = NextPageLinkBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = NextPageLinkBase.getProps(inProps, context);
+    var getPTOptions = function getPTOptions(key) {
+      return props.ptm(key, {
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
     var className = utils.classNames('p-paginator-next p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon';
-    var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
-      className: iconClassName
-    });
-    var nextPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+    var nextPageIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, getPTOptions('nextPageIcon'));
+    var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, nextPageIconProps);
+    var nextPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, nextPageIconProps), {
       props: props
     });
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
+    var nextPageButtonProps = utils.mergeProps({
+      type: 'button',
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
-      "aria-label": api.ariaLabel('nextPageLabel')
-    }, nextPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      'aria-label': api.ariaLabel('nextPageLabel')
+    }, getPTOptions('nextPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", nextPageButtonProps, nextPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -467,7 +432,15 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   NextPageLink.displayName = 'NextPageLink';
 
   var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = PageLinksBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = PageLinksBase.getProps(inProps, context);
+    var getPTOptions = function getPTOptions(pageLink, key) {
+      return props.ptm(key, {
+        context: {
+          active: pageLink - 1 === props.page
+        }
+      });
+    };
     var onPageLinkClick = function onPageLinkClick(event, pageLink) {
       if (props.onClick) {
         props.onClick({
@@ -487,14 +460,18 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement("button", {
-          type: "button",
-          className: className,
+        var pageButtonProps = utils.mergeProps({
+          type: 'button',
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
           },
-          "aria-label": "".concat(api.ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-        }, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+          className: className,
+          disabled: props.disabled,
+          'aria-label': api.ariaLabel('pageLabel', {
+            page: pageLink + 1
+          })
+        }, getPTOptions(pageLink, 'pageButton'));
+        var element = /*#__PURE__*/React__namespace.createElement("button", pageButtonProps, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
         if (props.template) {
           var defaultOptions = {
             onClick: function onClick(e) {
@@ -518,33 +495,44 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
         }, element);
       });
     }
-    return /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-paginator-pages"
-    }, elements);
+    var pagesProps = utils.mergeProps({
+      className: 'p-paginator-pages'
+    }, props.ptm('pages'));
+    return /*#__PURE__*/React__namespace.createElement("span", pagesProps, elements);
   });
   PageLinks.displayName = 'PageLinks';
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = PrevPageLinkBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = PrevPageLinkBase.getProps(inProps, context);
+    var getPTOptions = function getPTOptions(key) {
+      return props.ptm(key, {
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
     var className = utils.classNames('p-paginator-prev p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon';
-    var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleleft.AngleLeftIcon, {
-      className: iconClassName
-    });
-    var prevPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+    var prevPageIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, getPTOptions('prevPageIcon'));
+    var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleleft.AngleLeftIcon, prevPageIconProps);
+    var prevPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, prevPageIconProps), {
       props: props
     });
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
-      type: "button",
+    var prevPageButtonProps = utils.mergeProps({
+      type: 'button',
       className: className,
       onClick: props.onClick,
       disabled: props.disabled,
-      "aria-label": api.ariaLabel('previousPageLabel')
-    }, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      'aria-label': api.ariaLabel('previousPageLabel')
+    }, getPTOptions('prevPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     if (props.template) {
       var defaultOptions = {
         onClick: props.onClick,
@@ -561,7 +549,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   PrevPageLink.displayName = 'PrevPageLink';
 
   var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var props = RowsPerPageDropdownBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = RowsPerPageDropdownBase.getProps(inProps, context);
     var hasOptions = props.options && props.options.length > 0;
     var options = hasOptions ? props.options.map(function (opt) {
       return {
@@ -577,7 +566,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
       appendTo: props.appendTo,
       disabled: props.disabled,
       placeholder: ariaLabel,
-      "aria-label": ariaLabel
+      "aria-label": ariaLabel,
+      pt: props.ptm('RPPDropdown')
     }) : null;
     if (props.template) {
       var defaultOptions = {
@@ -599,7 +589,12 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 
   var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = PaginatorBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = PaginatorBase.getProps(inProps, context);
+    var _PaginatorBase$setMet = PaginatorBase.setMetaData({
+        props: props
+      }),
+      ptm = _PaginatorBase$setMet.ptm;
     var elementRef = React__namespace.useRef(null);
     var page = Math.floor(props.first / props.rows);
     var pageCount = Math.ceil(props.totalRecords / props.rows);
@@ -689,7 +684,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             onClick: changePageToFirst,
             disabled: isFirstPage || isEmpty,
             template: template,
-            firstPageLinkIcon: props.firstPageLinkIcon
+            firstPageLinkIcon: props.firstPageLinkIcon,
+            ptm: ptm
           });
           break;
         case 'PrevPageLink':
@@ -698,7 +694,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             onClick: changePageToPrev,
             disabled: isFirstPage || isEmpty,
             template: template,
-            prevPageLinkIcon: props.prevPageLinkIcon
+            prevPageLinkIcon: props.prevPageLinkIcon,
+            ptm: ptm
           });
           break;
         case 'NextPageLink':
@@ -707,7 +704,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             onClick: changePageToNext,
             disabled: isLastPage || isEmpty,
             template: template,
-            nextPageLinkIcon: props.nextPageLinkIcon
+            nextPageLinkIcon: props.nextPageLinkIcon,
+            ptm: ptm
           });
           break;
         case 'LastPageLink':
@@ -716,7 +714,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             onClick: changePageToLast,
             disabled: isLastPage || isEmpty,
             template: template,
-            lastPageLinkIcon: props.lastPageLinkIcon
+            lastPageLinkIcon: props.lastPageLinkIcon,
+            ptm: ptm
           });
           break;
         case 'PageLinks':
@@ -727,7 +726,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             rows: props.rows,
             pageCount: pageCount,
             onClick: onPageLinkClick,
-            template: template
+            template: template,
+            ptm: ptm
           });
           break;
         case 'RowsPerPageDropdown':
@@ -741,7 +741,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             onChange: onRowsChange,
             appendTo: props.dropdownAppendTo,
             template: template,
-            disabled: isEmpty
+            disabled: isEmpty,
+            ptm: ptm
           });
           break;
         case 'CurrentPageReport':
@@ -753,7 +754,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             first: props.first,
             rows: props.rows,
             totalRecords: props.totalRecords,
-            template: template
+            template: template,
+            ptm: ptm
           });
           break;
         case 'JumpToPageInput':
@@ -764,7 +766,8 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
             pageCount: pageCount,
             onChange: changePage,
             disabled: isEmpty,
-            template: template
+            template: template,
+            ptm: ptm
           });
           break;
         default:
@@ -796,22 +799,24 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     if (!props.alwaysShow && pageCount <= 1) {
       return null;
     } else {
-      var otherProps = PaginatorBase.getOtherProps(props);
       var className = utils.classNames('p-paginator p-component', props.className);
       var leftContent = utils.ObjectUtils.getJSXElement(props.leftContent, props);
       var rightContent = utils.ObjectUtils.getJSXElement(props.rightContent, props);
       var elements = createElements();
-      var leftElement = leftContent && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-paginator-left-content"
-      }, leftContent);
-      var rightElement = rightContent && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-paginator-right-content"
-      }, rightContent);
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      var leftProps = utils.mergeProps({
+        className: 'p-paginator-left-content'
+      }, ptm('left'));
+      var leftElement = leftContent && /*#__PURE__*/React__namespace.createElement("div", leftProps, leftContent);
+      var endProps = utils.mergeProps({
+        className: 'p-paginator-right-content'
+      }, ptm('end'));
+      var rightElement = rightContent && /*#__PURE__*/React__namespace.createElement("div", endProps, rightContent);
+      var rootProps = utils.mergeProps({
         ref: elementRef,
         className: className,
         style: props.style
-      }, otherProps), leftElement, elements, rightElement);
+      }, PaginatorBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, leftElement, elements, rightElement);
     }
   }));
   Paginator.displayName = 'Paginator';
@@ -822,4 +827,4 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.ripple, primereact.icons.angledoubleleft, primereact.inputnumber, primereact.icons.angledoubleright, primereact.icons.angleright, primereact.icons.angleleft, primereact.dropdown);
+})({}, React, primereact.hooks, primereact.utils, primereact.componentbase, primereact.api, primereact.icons.angledoubleleft, primereact.ripple, primereact.inputnumber, primereact.icons.angledoubleright, primereact.icons.angleright, primereact.icons.angleleft, primereact.dropdown);