primereact 9.5.0 → 9.6.1

package/paginator/paginator.esm.js

@@ -1,30 +1,16 @@
 import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
-import { ariaLabel, localeOption } from 'primereact/api';
-import { Ripple } from 'primereact/ripple';
+import { mergeProps, ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext, ariaLabel, localeOption } from 'primereact/api';
 import { AngleDoubleLeftIcon } from 'primereact/icons/angledoubleleft';
+import { Ripple } from 'primereact/ripple';
 import { InputNumber } from 'primereact/inputnumber';
 import { AngleDoubleRightIcon } from 'primereact/icons/angledoubleright';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 import { AngleLeftIcon } from 'primereact/icons/angleleft';
 import { Dropdown } from 'primereact/dropdown';
 
-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;
 }
@@ -121,7 +107,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var PaginatorBase = {
+var PaginatorBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Paginator',
     totalRecords: 0,
@@ -139,15 +125,9 @@ var PaginatorBase = {
     dropdownAppendTo: null,
     currentPageReportTemplate: '({currentPage} of {totalPages})',
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, PaginatorBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, PaginatorBase.defaultProps);
   }
-};
-var CurrentPageReportBase = {
+});
+var CurrentPageReportBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'CurrentPageReport',
     pageCount: null,
@@ -158,15 +138,9 @@ var CurrentPageReportBase = {
     reportTemplate: '({currentPage} of {totalPages})',
     template: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, CurrentPageReportBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, CurrentPageReportBase.defaultProps);
   }
-};
-var FirstPageLinkBase = {
+});
+var FirstPageLinkBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'FirstPageLink',
     disabled: false,
@@ -174,15 +148,9 @@ var FirstPageLinkBase = {
     template: null,
     firstPageLinkIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, FirstPageLinkBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, FirstPageLinkBase.defaultProps);
   }
-};
-var JumpToPageInputBase = {
+});
+var JumpToPageInputBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'JumpToPageInput',
     page: null,
@@ -192,15 +160,9 @@ var JumpToPageInputBase = {
     template: null,
     onChange: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, JumpToPageInputBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, JumpToPageInputBase.defaultProps);
   }
-};
-var LastPageLinkBase = {
+});
+var LastPageLinkBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'LastPageLink',
     disabled: false,
@@ -208,15 +170,9 @@ var LastPageLinkBase = {
     template: null,
     lastPageLinkIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, LastPageLinkBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, LastPageLinkBase.defaultProps);
   }
-};
-var NextPageLinkBase = {
+});
+var NextPageLinkBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'NextPageLink',
     disabled: false,
@@ -224,15 +180,9 @@ var NextPageLinkBase = {
     template: null,
     nextPageLinkIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, NextPageLinkBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, NextPageLinkBase.defaultProps);
   }
-};
-var PageLinksBase = {
+});
+var PageLinksBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'PageLinks',
     value: null,
@@ -242,15 +192,9 @@ var PageLinksBase = {
     links: null,
     template: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, PageLinksBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, PageLinksBase.defaultProps);
   }
-};
-var PrevPageLinkBase = {
+});
+var PrevPageLinkBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'PrevPageLink',
     disabled: false,
@@ -258,15 +202,9 @@ var PrevPageLinkBase = {
     template: null,
     prevPageLinkIcon: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, PrevPageLinkBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, PrevPageLinkBase.defaultProps);
   }
-};
-var RowsPerPageDropdownBase = {
+});
+var RowsPerPageDropdownBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'RowsPerPageDropdown',
     options: null,
@@ -279,19 +217,14 @@ var RowsPerPageDropdownBase = {
     template: null,
     disabled: false,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, RowsPerPageDropdownBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return 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.memo(function (inProps) {
-  var props = CurrentPageReportBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = CurrentPageReportBase.getProps(inProps, context);
   var report = {
     currentPage: props.page + 1,
     totalPages: props.pageCount,
@@ -301,11 +234,12 @@ var CurrentPageReport = /*#__PURE__*/React.memo(function (inProps) {
     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.createElement("span", {
-    className: "p-paginator-current"
-  }, text);
+  var currentProps = mergeProps({
+    className: 'p-paginator-current'
+  }, props.ptm('current'));
+  var element = /*#__PURE__*/React.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
@@ -316,27 +250,37 @@ var CurrentPageReport = /*#__PURE__*/React.memo(function (inProps) {
 });
 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.memo(function (inProps) {
-  var props = FirstPageLinkBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = FirstPageLinkBase.getProps(inProps, context);
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      context: {
+        disabled: props.disabled
+      }
+    });
+  };
   var className = classNames('p-paginator-first p-paginator-element p-link', {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon';
-  var icon = props.firstPageLinkIcon || /*#__PURE__*/React.createElement(AngleDoubleLeftIcon, {
-    className: iconClassName
-  });
-  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, {
+  var firstPageIconProps = mergeProps({
     className: iconClassName
-  }, {
+  }, getPTOptions('firstPageIcon'));
+  var icon = props.firstPageLinkIcon || /*#__PURE__*/React.createElement(AngleDoubleLeftIcon, firstPageIconProps);
+  var firstPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$3({}, firstPageIconProps), {
     props: props
   });
-  var element = /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  var firstPageButtonProps = mergeProps({
+    type: 'button',
     className: className,
     onClick: props.onClick,
     disabled: props.disabled,
-    "aria-label": ariaLabel('firstPageLabel')
-  }, firstPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
+    'aria-label': ariaLabel('firstPageLabel')
+  }, getPTOptions('firstPageButton'));
+  var element = /*#__PURE__*/React.createElement("button", firstPageButtonProps, firstPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
   if (props.template) {
     var defaultOptions = {
       onClick: props.onClick,
@@ -353,7 +297,8 @@ var FirstPageLink = /*#__PURE__*/React.memo(function (inProps) {
 FirstPageLink.displayName = 'FirstPageLink';
 
 var JumpToPageInput = /*#__PURE__*/React.memo(function (inProps) {
-  var props = JumpToPageInputBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = JumpToPageInputBase.getProps(inProps, context);
   var onChange = function onChange(event) {
     if (props.onChange) {
       props.onChange(props.rows * (event.value - 1), props.rows);
@@ -364,7 +309,8 @@ var JumpToPageInput = /*#__PURE__*/React.memo(function (inProps) {
     value: value,
     onChange: onChange,
     className: "p-paginator-page-input",
-    disabled: props.disabled
+    disabled: props.disabled,
+    pt: props.ptm('JTPInput')
   });
   if (props.template) {
     var defaultOptions = {
@@ -381,27 +327,37 @@ var JumpToPageInput = /*#__PURE__*/React.memo(function (inProps) {
 });
 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.memo(function (inProps) {
-  var props = LastPageLinkBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = LastPageLinkBase.getProps(inProps, context);
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      context: {
+        disabled: props.disabled
+      }
+    });
+  };
   var className = classNames('p-paginator-last p-paginator-element p-link', {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon';
-  var icon = props.lastPageLinkIcon || /*#__PURE__*/React.createElement(AngleDoubleRightIcon, {
-    className: iconClassName
-  });
-  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, {
+  var lastPageIconProps = mergeProps({
     className: iconClassName
-  }, {
+  }, getPTOptions('lastPageIcon'));
+  var icon = props.lastPageLinkIcon || /*#__PURE__*/React.createElement(AngleDoubleRightIcon, lastPageIconProps);
+  var lastPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$2({}, lastPageIconProps), {
     props: props
   });
-  var element = /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  var lastPageButtonProps = mergeProps({
+    type: 'button',
     className: className,
     onClick: props.onClick,
     disabled: props.disabled,
-    "aria-label": ariaLabel('lastPageLabel')
-  }, lastPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
+    'aria-label': ariaLabel('lastPageLabel')
+  }, getPTOptions('lastPageButton'));
+  var element = /*#__PURE__*/React.createElement("button", lastPageButtonProps, lastPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
   if (props.template) {
     var defaultOptions = {
       onClick: props.onClick,
@@ -417,27 +373,37 @@ var LastPageLink = /*#__PURE__*/React.memo(function (inProps) {
 });
 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.memo(function (inProps) {
-  var props = NextPageLinkBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = NextPageLinkBase.getProps(inProps, context);
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      context: {
+        disabled: props.disabled
+      }
+    });
+  };
   var className = classNames('p-paginator-next p-paginator-element p-link', {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon';
-  var icon = props.nextPageLinkIcon || /*#__PURE__*/React.createElement(AngleRightIcon, {
+  var nextPageIconProps = mergeProps({
     className: iconClassName
-  });
-  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, {
-    className: iconClassName
-  }, {
+  }, getPTOptions('nextPageIcon'));
+  var icon = props.nextPageLinkIcon || /*#__PURE__*/React.createElement(AngleRightIcon, nextPageIconProps);
+  var nextPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread$1({}, nextPageIconProps), {
     props: props
   });
-  var element = /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  var nextPageButtonProps = mergeProps({
+    type: 'button',
     className: className,
     onClick: props.onClick,
     disabled: props.disabled,
-    "aria-label": ariaLabel('nextPageLabel')
-  }, nextPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
+    'aria-label': ariaLabel('nextPageLabel')
+  }, getPTOptions('nextPageButton'));
+  var element = /*#__PURE__*/React.createElement("button", nextPageButtonProps, nextPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
   if (props.template) {
     var defaultOptions = {
       onClick: props.onClick,
@@ -455,7 +421,15 @@ var NextPageLink = /*#__PURE__*/React.memo(function (inProps) {
 NextPageLink.displayName = 'NextPageLink';
 
 var PageLinks = /*#__PURE__*/React.memo(function (inProps) {
-  var props = PageLinksBase.getProps(inProps);
+  var context = React.useContext(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({
@@ -475,14 +449,18 @@ var PageLinks = /*#__PURE__*/React.memo(function (inProps) {
         'p-paginator-page-end': pageLink === endPageInView,
         'p-highlight': pageLink - 1 === props.page
       });
-      var element = /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: className,
+      var pageButtonProps = mergeProps({
+        type: 'button',
         onClick: function onClick(e) {
           return onPageLinkClick(e, pageLink);
         },
-        "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-      }, pageLink, /*#__PURE__*/React.createElement(Ripple, null));
+        className: className,
+        disabled: props.disabled,
+        'aria-label': ariaLabel('pageLabel', {
+          page: pageLink + 1
+        })
+      }, getPTOptions(pageLink, 'pageButton'));
+      var element = /*#__PURE__*/React.createElement("button", pageButtonProps, pageLink, /*#__PURE__*/React.createElement(Ripple, null));
       if (props.template) {
         var defaultOptions = {
           onClick: function onClick(e) {
@@ -506,33 +484,44 @@ var PageLinks = /*#__PURE__*/React.memo(function (inProps) {
       }, element);
     });
   }
-  return /*#__PURE__*/React.createElement("span", {
-    className: "p-paginator-pages"
-  }, elements);
+  var pagesProps = mergeProps({
+    className: 'p-paginator-pages'
+  }, props.ptm('pages'));
+  return /*#__PURE__*/React.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.memo(function (inProps) {
-  var props = PrevPageLinkBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = PrevPageLinkBase.getProps(inProps, context);
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      context: {
+        disabled: props.disabled
+      }
+    });
+  };
   var className = classNames('p-paginator-prev p-paginator-element p-link', {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon';
-  var icon = props.prevPageLinkIcon || /*#__PURE__*/React.createElement(AngleLeftIcon, {
-    className: iconClassName
-  });
-  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, {
+  var prevPageIconProps = mergeProps({
     className: iconClassName
-  }, {
+  }, getPTOptions('prevPageIcon'));
+  var icon = props.prevPageLinkIcon || /*#__PURE__*/React.createElement(AngleLeftIcon, prevPageIconProps);
+  var prevPageLinkIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, prevPageIconProps), {
     props: props
   });
-  var element = /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  var prevPageButtonProps = mergeProps({
+    type: 'button',
     className: className,
     onClick: props.onClick,
     disabled: props.disabled,
-    "aria-label": ariaLabel('previousPageLabel')
-  }, prevPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
+    'aria-label': ariaLabel('previousPageLabel')
+  }, getPTOptions('prevPageButton'));
+  var element = /*#__PURE__*/React.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React.createElement(Ripple, null));
   if (props.template) {
     var defaultOptions = {
       onClick: props.onClick,
@@ -549,7 +538,8 @@ var PrevPageLink = /*#__PURE__*/React.memo(function (inProps) {
 PrevPageLink.displayName = 'PrevPageLink';
 
 var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (inProps) {
-  var props = RowsPerPageDropdownBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = RowsPerPageDropdownBase.getProps(inProps, context);
   var hasOptions = props.options && props.options.length > 0;
   var options = hasOptions ? props.options.map(function (opt) {
     return {
@@ -565,7 +555,8 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (inProps) {
     appendTo: props.appendTo,
     disabled: props.disabled,
     placeholder: ariaLabel,
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    pt: props.ptm('RPPDropdown')
   }) : null;
   if (props.template) {
     var defaultOptions = {
@@ -587,7 +578,12 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (inProps) {
 RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
 
 var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = PaginatorBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = PaginatorBase.getProps(inProps, context);
+  var _PaginatorBase$setMet = PaginatorBase.setMetaData({
+      props: props
+    }),
+    ptm = _PaginatorBase$setMet.ptm;
   var elementRef = React.useRef(null);
   var page = Math.floor(props.first / props.rows);
   var pageCount = Math.ceil(props.totalRecords / props.rows);
@@ -677,7 +673,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           onClick: changePageToFirst,
           disabled: isFirstPage || isEmpty,
           template: template,
-          firstPageLinkIcon: props.firstPageLinkIcon
+          firstPageLinkIcon: props.firstPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'PrevPageLink':
@@ -686,7 +683,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           onClick: changePageToPrev,
           disabled: isFirstPage || isEmpty,
           template: template,
-          prevPageLinkIcon: props.prevPageLinkIcon
+          prevPageLinkIcon: props.prevPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'NextPageLink':
@@ -695,7 +693,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           onClick: changePageToNext,
           disabled: isLastPage || isEmpty,
           template: template,
-          nextPageLinkIcon: props.nextPageLinkIcon
+          nextPageLinkIcon: props.nextPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'LastPageLink':
@@ -704,7 +703,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           onClick: changePageToLast,
           disabled: isLastPage || isEmpty,
           template: template,
-          lastPageLinkIcon: props.lastPageLinkIcon
+          lastPageLinkIcon: props.lastPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'PageLinks':
@@ -715,7 +715,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           rows: props.rows,
           pageCount: pageCount,
           onClick: onPageLinkClick,
-          template: template
+          template: template,
+          ptm: ptm
         });
         break;
       case 'RowsPerPageDropdown':
@@ -729,7 +730,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           onChange: onRowsChange,
           appendTo: props.dropdownAppendTo,
           template: template,
-          disabled: isEmpty
+          disabled: isEmpty,
+          ptm: ptm
         });
         break;
       case 'CurrentPageReport':
@@ -741,7 +743,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           first: props.first,
           rows: props.rows,
           totalRecords: props.totalRecords,
-          template: template
+          template: template,
+          ptm: ptm
         });
         break;
       case 'JumpToPageInput':
@@ -752,7 +755,8 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           pageCount: pageCount,
           onChange: changePage,
           disabled: isEmpty,
-          template: template
+          template: template,
+          ptm: ptm
         });
         break;
       default:
@@ -784,22 +788,24 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   if (!props.alwaysShow && pageCount <= 1) {
     return null;
   } else {
-    var otherProps = PaginatorBase.getOtherProps(props);
     var className = classNames('p-paginator p-component', props.className);
     var leftContent = ObjectUtils.getJSXElement(props.leftContent, props);
     var rightContent = ObjectUtils.getJSXElement(props.rightContent, props);
     var elements = createElements();
-    var leftElement = leftContent && /*#__PURE__*/React.createElement("div", {
-      className: "p-paginator-left-content"
-    }, leftContent);
-    var rightElement = rightContent && /*#__PURE__*/React.createElement("div", {
-      className: "p-paginator-right-content"
-    }, rightContent);
-    return /*#__PURE__*/React.createElement("div", _extends({
+    var leftProps = mergeProps({
+      className: 'p-paginator-left-content'
+    }, ptm('left'));
+    var leftElement = leftContent && /*#__PURE__*/React.createElement("div", leftProps, leftContent);
+    var endProps = mergeProps({
+      className: 'p-paginator-right-content'
+    }, ptm('end'));
+    var rightElement = rightContent && /*#__PURE__*/React.createElement("div", endProps, rightContent);
+    var rootProps = mergeProps({
       ref: elementRef,
       className: className,
       style: props.style
-    }, otherProps), leftElement, elements, rightElement);
+    }, PaginatorBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React.createElement("div", rootProps, leftElement, elements, rightElement);
   }
 }));
 Paginator.displayName = 'Paginator';