primereact 9.5.0 → 9.6.1

package/paginator/paginator.cjs.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var api = require('primereact/api');
-var ripple = require('primereact/ripple');
 var angledoubleleft = require('primereact/icons/angledoubleleft');
+var ripple = require('primereact/ripple');
 var inputnumber = require('primereact/inputnumber');
 var angledoubleright = require('primereact/icons/angledoubleright');
 var angleright = require('primereact/icons/angleright');
@@ -34,21 +35,6 @@ function _interopNamespace(e) {
 
 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;
 }
@@ -145,7 +131,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var PaginatorBase = {
+var PaginatorBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Paginator',
     totalRecords: 0,
@@ -163,15 +149,9 @@ var PaginatorBase = {
     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,
@@ -182,15 +162,9 @@ var CurrentPageReportBase = {
     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,
@@ -198,15 +172,9 @@ var FirstPageLinkBase = {
     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,
@@ -216,15 +184,9 @@ var JumpToPageInputBase = {
     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,
@@ -232,15 +194,9 @@ var LastPageLinkBase = {
     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,
@@ -248,15 +204,9 @@ var NextPageLinkBase = {
     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,
@@ -266,15 +216,9 @@ var PageLinksBase = {
     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,
@@ -282,15 +226,9 @@ var PrevPageLinkBase = {
     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,
@@ -303,19 +241,14 @@ var RowsPerPageDropdownBase = {
     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,
@@ -325,11 +258,12 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.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__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
@@ -340,27 +274,37 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.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__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, {
-    className: iconClassName
-  });
-  var firstPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+  var firstPageIconProps = utils.mergeProps({
     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,
@@ -377,7 +321,8 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 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);
@@ -388,7 +333,8 @@ var JumpToPageInput = /*#__PURE__*/React__namespace.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 = {
@@ -405,27 +351,37 @@ var JumpToPageInput = /*#__PURE__*/React__namespace.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__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, {
-    className: iconClassName
-  });
-  var lastPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
+  var lastPageIconProps = utils.mergeProps({
     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,
@@ -441,27 +397,37 @@ var LastPageLink = /*#__PURE__*/React__namespace.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__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, {
+  var nextPageIconProps = utils.mergeProps({
     className: iconClassName
-  });
-  var nextPageLinkIcon = utils.IconUtils.getJSXIcon(icon, {
-    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,
@@ -479,7 +445,15 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 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({
@@ -499,14 +473,18 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
         '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) {
@@ -530,33 +508,44 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
       }, 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,
@@ -573,7 +562,8 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
 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 {
@@ -589,7 +579,8 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.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 = {
@@ -611,7 +602,12 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps)
 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);
@@ -701,7 +697,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           onClick: changePageToFirst,
           disabled: isFirstPage || isEmpty,
           template: template,
-          firstPageLinkIcon: props.firstPageLinkIcon
+          firstPageLinkIcon: props.firstPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'PrevPageLink':
@@ -710,7 +707,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           onClick: changePageToPrev,
           disabled: isFirstPage || isEmpty,
           template: template,
-          prevPageLinkIcon: props.prevPageLinkIcon
+          prevPageLinkIcon: props.prevPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'NextPageLink':
@@ -719,7 +717,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           onClick: changePageToNext,
           disabled: isLastPage || isEmpty,
           template: template,
-          nextPageLinkIcon: props.nextPageLinkIcon
+          nextPageLinkIcon: props.nextPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'LastPageLink':
@@ -728,7 +727,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           onClick: changePageToLast,
           disabled: isLastPage || isEmpty,
           template: template,
-          lastPageLinkIcon: props.lastPageLinkIcon
+          lastPageLinkIcon: props.lastPageLinkIcon,
+          ptm: ptm
         });
         break;
       case 'PageLinks':
@@ -739,7 +739,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           rows: props.rows,
           pageCount: pageCount,
           onClick: onPageLinkClick,
-          template: template
+          template: template,
+          ptm: ptm
         });
         break;
       case 'RowsPerPageDropdown':
@@ -753,7 +754,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           onChange: onRowsChange,
           appendTo: props.dropdownAppendTo,
           template: template,
-          disabled: isEmpty
+          disabled: isEmpty,
+          ptm: ptm
         });
         break;
       case 'CurrentPageReport':
@@ -765,7 +767,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           first: props.first,
           rows: props.rows,
           totalRecords: props.totalRecords,
-          template: template
+          template: template,
+          ptm: ptm
         });
         break;
       case 'JumpToPageInput':
@@ -776,7 +779,8 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           pageCount: pageCount,
           onChange: changePage,
           disabled: isEmpty,
-          template: template
+          template: template,
+          ptm: ptm
         });
         break;
       default:
@@ -808,22 +812,24 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   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';