primereact 9.3.1 → 9.4.0

package/blockui/blockui.esm.js

@@ -2,22 +2,8 @@ import * as React from 'react';
 import PrimeReact from 'primereact/api';
 import { useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, DomHandler, ZIndexUtils, classNames } from 'primereact/utils';
-
-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);
-}
+import { DomHandler, ZIndexUtils, classNames, mergeProps, ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -74,7 +60,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var BlockUIBase = {
+var BlockUIBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'BlockUI',
     autoZIndex: true,
@@ -90,14 +76,8 @@ var BlockUIBase = {
     style: null,
     template: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, BlockUIBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, BlockUIBase.defaultProps);
   }
-};
+});
 
 var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = BlockUIBase.getProps(inProps);
@@ -107,6 +87,10 @@ var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setVisibleState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var maskRef = React.useRef(null);
+  var _BlockUIBase$setMetaD = BlockUIBase.setMetaData({
+      props: props
+    }),
+    ptm = _BlockUIBase$setMetaD.ptm;
   var block = function block() {
     setVisibleState(true);
   };
@@ -179,15 +163,15 @@ var BlockUI = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
     return null;
   };
-  var otherProps = BlockUIBase.getOtherProps(props);
   var mask = createMask();
   var className = classNames('p-blockui-container', props.containerClassName);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
-    className: className,
-    style: props.containerStyle
-  }, otherProps), props.children, mask);
+    style: props.containerStyle,
+    className: className
+  }, BlockUIBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, props.children, mask);
 });
 BlockUI.displayName = 'BlockUI';
 

package/blockui/blockui.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{useMountEffect as r,useUpdateEffect as t,useUnmountEffect as o}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{ObjectUtils as a,DomHandler as c,ZIndexUtils as u,classNames as i}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function s(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,o,l,a,c=[],u=!0,i=!1;try{if(l=(r=r.call(e)).next,0===n){if(Object(r)!==r)return;u=!1}else for(;!(u=(t=l.call(r)).done)&&(c.push(t.value),c.length!==n);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}function m(e,n){if(e){if("string"==typeof e)return p(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},getProps:function(e){return a.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return a.getDiffProps(e,b.defaultProps)}},v=e.forwardRef((function(p,v){var h,g,k=b.getProps(p),S=e.useState(k.blocked),I=(g=2,d(h=S)||s(h,g)||m(h,g)||y()),P=I[0],O=I[1],w=e.useRef(null),E=e.useRef(null),j=function(){O(!0)},x=function(){var e=function(){O(!1),k.fullScreen&&c.removeClass(document.body,"p-overflow-hidden"),k.onUnblocked&&k.onUnblocked()};E.current?(c.addClass(E.current,"p-component-overlay-leave"),E.current.addEventListener("animationend",(function(){u.clear(E.current),e()}))):e()},C=function(){if(k.fullScreen&&(c.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),k.autoZIndex){var e=k.fullScreen?"modal":"overlay";u.set(e,E.current,n.autoZIndex,k.baseZIndex||n.zIndex[e])}k.onBlocked&&k.onBlocked()};r((function(){P&&j()})),t((function(){k.blocked?j():x()}),[k.blocked]),o((function(){k.fullScreen&&c.removeClass(document.body,"p-overflow-hidden"),u.clear(E.current)})),e.useImperativeHandle(v,(function(){return{props:k,block:j,unblock:x,getElement:function(){return w.current}}}));var N=b.getOtherProps(k),A=function(){if(P){var n=k.fullScreen?document.body:"self",r=i("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":k.fullScreen},k.className),t=k.template?a.getJSXElement(k.template,k):null;return e.createElement(l,{element:e.createElement("div",{ref:E,className:r,style:k.style},t),appendTo:n,onMounted:C})}return null}(),U=i("p-blockui-container",k.containerClassName);return e.createElement("div",f({id:k.id,ref:w,className:U,style:k.containerStyle},N),k.children,A)}));v.displayName="BlockUI";export{v as BlockUI};
+import*as e from"react";import n from"primereact/api";import{useMountEffect as t,useUpdateEffect as r,useUnmountEffect as o}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{DomHandler as a,ZIndexUtils as c,classNames as u,mergeProps as i,ObjectUtils as d}from"primereact/utils";import{ComponentBase as m}from"primereact/componentbase";function f(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,c=[],u=!0,i=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(c.push(r.value),c.length!==n);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return p(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?p(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=m.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0}}),k=e.forwardRef((function(m,p){var k,h,S=v.getProps(m),I=e.useState(S.blocked),g=(h=2,f(k=I)||s(k,h)||y(k,h)||b()),x=g[0],E=g[1],w=e.useRef(null),C=e.useRef(null),N=v.setMetaData({props:S}).ptm,A=function(){E(!0)},U=function(){var e=function(){E(!1),S.fullScreen&&a.removeClass(document.body,"p-overflow-hidden"),S.onUnblocked&&S.onUnblocked()};C.current?(a.addClass(C.current,"p-component-overlay-leave"),C.current.addEventListener("animationend",(function(){c.clear(C.current),e()}))):e()},j=function(){if(S.fullScreen&&(a.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),S.autoZIndex){var e=S.fullScreen?"modal":"overlay";c.set(e,C.current,n.autoZIndex,S.baseZIndex||n.zIndex[e])}S.onBlocked&&S.onBlocked()};t((function(){x&&A()})),r((function(){S.blocked?A():U()}),[S.blocked]),o((function(){S.fullScreen&&a.removeClass(document.body,"p-overflow-hidden"),c.clear(C.current)})),e.useImperativeHandle(p,(function(){return{props:S,block:A,unblock:U,getElement:function(){return w.current}}}));var B=function(){if(x){var n=S.fullScreen?document.body:"self",t=u("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":S.fullScreen},S.className),r=S.template?d.getJSXElement(S.template,S):null;return e.createElement(l,{element:e.createElement("div",{ref:C,className:t,style:S.style},r),appendTo:n,onMounted:j})}return null}(),O=u("p-blockui-container",S.containerClassName),Z=i({id:S.id,ref:w,style:S.containerStyle,className:O},v.getOtherProps(S),N("root"));return e.createElement("div",Z,S.children,B)}));k.displayName="BlockUI";export{k as BlockUI};

package/blockui/blockui.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal, utils) {
+this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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;
   }
@@ -95,7 +80,7 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var BlockUIBase = {
+  var BlockUIBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'BlockUI',
       autoZIndex: true,
@@ -111,14 +96,8 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
       style: null,
       template: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, BlockUIBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, BlockUIBase.defaultProps);
     }
-  };
+  });
 
   var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = BlockUIBase.getProps(inProps);
@@ -128,6 +107,10 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
       setVisibleState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
+    var _BlockUIBase$setMetaD = BlockUIBase.setMetaData({
+        props: props
+      }),
+      ptm = _BlockUIBase$setMetaD.ptm;
     var block = function block() {
       setVisibleState(true);
     };
@@ -200,15 +183,15 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
       }
       return null;
     };
-    var otherProps = BlockUIBase.getOtherProps(props);
     var mask = createMask();
     var className = utils.classNames('p-blockui-container', props.containerClassName);
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: props.id,
       ref: elementRef,
-      className: className,
-      style: props.containerStyle
-    }, otherProps), props.children, mask);
+      style: props.containerStyle,
+      className: className
+    }, BlockUIBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.children, mask);
   });
   BlockUI.displayName = 'BlockUI';
 
@@ -218,4 +201,4 @@ this.primereact.blockui = (function (exports, React, PrimeReact, hooks, portal,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.portal, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.portal, primereact.utils, primereact.componentbase);

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.blockui=function(e,t,n,r,l,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(t),i=a(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,c=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y={defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=u.forwardRef((function(e,t){var n,a,c=y.getProps(e),p=u.useState(c.blocked),v=(a=2,f(n=p)||d(n,a)||m(n,a)||b()),h=v[0],g=v[1],k=u.useRef(null),O=u.useRef(null),j=function(){g(!0)},I=function(){var e=function(){g(!1),c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),c.onUnblocked&&c.onUnblocked()};O.current?(o.DomHandler.addClass(O.current,"p-component-overlay-leave"),O.current.addEventListener("animationend",(function(){o.ZIndexUtils.clear(O.current),e()}))):e()},S=function(){if(c.fullScreen&&(o.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),c.autoZIndex){var e=c.fullScreen?"modal":"overlay";o.ZIndexUtils.set(e,O.current,i.default.autoZIndex,c.baseZIndex||i.default.zIndex[e])}c.onBlocked&&c.onBlocked()};r.useMountEffect((function(){h&&j()})),r.useUpdateEffect((function(){c.blocked?j():I()}),[c.blocked]),r.useUnmountEffect((function(){c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),o.ZIndexUtils.clear(O.current)})),u.useImperativeHandle(t,(function(){return{props:c,block:j,unblock:I,getElement:function(){return k.current}}}));var P=y.getOtherProps(c),U=function(){if(h){var e=c.fullScreen?document.body:"self",t=o.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":c.fullScreen},c.className),n=c.template?o.ObjectUtils.getJSXElement(c.template,c):null;return u.createElement(l.Portal,{element:u.createElement("div",{ref:O,className:t,style:c.style},n),appendTo:e,onMounted:S})}return null}(),E=o.classNames("p-blockui-container",c.containerClassName);return u.createElement("div",s({id:c.id,ref:k,className:E,style:c.containerStyle},P),c.children,U)}));return v.displayName="BlockUI",e.BlockUI=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.blockui=function(e,t,n,r,l,o,a){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=u(t),d=c(n);function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,c=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=a.ComponentBase.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0}}),v=i.forwardRef((function(e,t){var n,a,c=y.getProps(e),u=i.useState(c.blocked),m=(a=2,s(n=u)||f(n,a)||p(n,a)||b()),v=m[0],k=m[1],h=i.useRef(null),I=i.useRef(null),S=y.setMetaData({props:c}).ptm,g=function(){k(!0)},j=function(){var e=function(){k(!1),c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),c.onUnblocked&&c.onUnblocked()};I.current?(o.DomHandler.addClass(I.current,"p-component-overlay-leave"),I.current.addEventListener("animationend",(function(){o.ZIndexUtils.clear(I.current),e()}))):e()},E=function(){if(c.fullScreen&&(o.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),c.autoZIndex){var e=c.fullScreen?"modal":"overlay";o.ZIndexUtils.set(e,I.current,d.default.autoZIndex,c.baseZIndex||d.default.zIndex[e])}c.onBlocked&&c.onBlocked()};r.useMountEffect((function(){v&&g()})),r.useUpdateEffect((function(){c.blocked?g():j()}),[c.blocked]),r.useUnmountEffect((function(){c.fullScreen&&o.DomHandler.removeClass(document.body,"p-overflow-hidden"),o.ZIndexUtils.clear(I.current)})),i.useImperativeHandle(t,(function(){return{props:c,block:g,unblock:j,getElement:function(){return h.current}}}));var O=function(){if(v){var e=c.fullScreen?document.body:"self",t=o.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":c.fullScreen},c.className),n=c.template?o.ObjectUtils.getJSXElement(c.template,c):null;return i.createElement(l.Portal,{element:i.createElement("div",{ref:I,className:t,style:c.style},n),appendTo:e,onMounted:E})}return null}(),U=o.classNames("p-blockui-container",c.containerClassName),x=o.mergeProps({id:c.id,ref:h,style:c.containerStyle,className:U},y.getOtherProps(c),S("root"));return i.createElement("div",x,c.children,O)}));return v.displayName="BlockUI",e.BlockUI=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.portal,primereact.utils,primereact.componentbase);

package/button/button.cjs.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var spinner = require('primereact/icons/spinner');
 var ripple = require('primereact/ripple');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
-var spinner = require('primereact/icons/spinner');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -84,40 +85,41 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var ButtonBase = {
+var ButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Button',
-    label: null,
+    badge: null,
+    badgeClassName: null,
+    className: null,
+    children: undefined,
+    disabled: false,
     icon: null,
     iconPos: 'left',
-    badge: null,
-    severity: null,
-    rounded: false,
-    raised: false,
+    label: null,
+    link: false,
+    loading: false,
+    loadingIcon: null,
     outlined: false,
+    raised: false,
+    rounded: false,
+    severity: null,
+    size: null,
     text: false,
-    link: false,
-    badgeClassName: null,
     tooltip: null,
-    size: null,
     tooltipOptions: null,
-    disabled: false,
-    loading: false,
-    loadingIcon: null,
-    visible: true,
-    children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ButtonBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ButtonBase.defaultProps);
+    visible: true
   }
-};
+});
 
+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 Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _classNames2;
   var props = ButtonBase.getProps(inProps);
+  var _ButtonBase$setMetaDa = ButtonBase.setMetaData({
+      props: props
+    }),
+    ptm = _ButtonBase$setMetaDa.ptm;
   var elementRef = React__namespace.useRef(ref);
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(elementRef, ref);
@@ -126,24 +128,29 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     return null;
   }
   var createIcon = function createIcon() {
-    var className = utils.classNames('p-button-icon p-c', _defineProperty({
+    var className = utils.classNames('p-button-icon p-c', _defineProperty({}, "p-button-icon-".concat(props.iconPos), props.label));
+    var iconsProps = utils.mergeProps({
+      className: className
+    }, ptm('icon'));
+    className = utils.classNames(className, {
       'p-button-loading-icon': props.loading
-    }, "p-button-icon-".concat(props.iconPos), props.label));
-    var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
-      className: className,
-      spin: true
-    }) : props.icon;
-    return utils.IconUtils.getJSXIcon(icon, {
+    });
+    var loadingIconProps = utils.mergeProps({
       className: className
-    }, {
+    }, ptm('loadingIcon'));
+    var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, _extends({}, loadingIconProps, {
+      spin: true
+    })) : props.icon;
+    return utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconsProps), {
       props: props
     });
   };
   var createLabel = function createLabel() {
     if (props.label) {
-      return /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-button-label p-c"
-      }, props.label);
+      var labelProps = utils.mergeProps({
+        className: 'p-button-label p-c'
+      }, ptm('label'));
+      return /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label);
     }
     return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label p-c",
@@ -155,23 +162,23 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var createBadge = function createBadge() {
     if (props.badge) {
       var badgeClassName = utils.classNames('p-badge', props.badgeClassName);
-      return /*#__PURE__*/React__namespace.createElement("span", {
+      var badgeProps = utils.mergeProps({
         className: badgeClassName
-      }, props.badge);
+      }, ptm('badge'));
+      return /*#__PURE__*/React__namespace.createElement("span", badgeProps, props.badge);
     }
     return null;
   };
   var disabled = props.disabled || props.loading;
   var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
-  var otherProps = ButtonBase.getOtherProps(props);
   var sizeMapping = {
     large: 'lg',
     small: 'sm'
   };
   var size = sizeMapping[props.size];
   var className = utils.classNames('p-button p-component', props.className, (_classNames2 = {
-    'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
+    'p-button-icon-only': (props.icon || props.loading) && !props.label && !props.children,
     'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
     'p-disabled': disabled,
     'p-button-loading': props.loading,
@@ -181,18 +188,18 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     'p-button-text': props.text,
     'p-button-rounded': props.rounded,
     'p-button-loading-label-only': props.loading && !props.icon && props.label
-  }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(size), size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
+  }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.label), _defineProperty(_classNames2, "p-button-".concat(size), size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
   var icon = createIcon();
   var label = createLabel();
   var badge = createBadge();
   var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
-    "aria-label": defaultAriaLabel
-  }, otherProps, {
+    'aria-label': defaultAriaLabel,
     className: className,
     disabled: disabled
-  }), icon, label, props.children, badge, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, ButtonBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", rootProps, icon, label, props.children, badge, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils"),l=require("primereact/icons/spinner");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=r(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var b={defaultProps:{__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,link:!1,badgeClassName:null,tooltip:null,size:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:null,visible:!0,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,b.defaultProps)}},d=i.memo(i.forwardRef((function(e,r){var u,c=b.getProps(e),s=i.useRef(r);if(i.useEffect((function(){o.ObjectUtils.combinedRefs(s,r)}),[s,r]),!1===c.visible)return null;var d=c.disabled||c.loading,f=!d||c.tooltipOptions&&c.tooltipOptions.showOnDisabled,m=o.ObjectUtils.isNotEmpty(c.tooltip)&&f,g=b.getOtherProps(c),y={large:"lg",small:"sm"}[c.size],v=o.classNames("p-button p-component",c.className,(p(u={"p-button-icon-only":(c.icon||c.loading&&c.loadingIcon)&&!c.label&&!c.children,"p-button-vertical":("top"===c.iconPos||"bottom"===c.iconPos)&&c.label,"p-disabled":d,"p-button-loading":c.loading,"p-button-outlined":c.outlined,"p-button-raised":c.raised,"p-button-link":c.link,"p-button-text":c.text,"p-button-rounded":c.rounded,"p-button-loading-label-only":c.loading&&!c.icon&&c.label},"p-button-loading-".concat(c.iconPos),c.loading&&c.loadingIcon&&c.label),p(u,"p-button-".concat(y),y),p(u,"p-button-".concat(c.severity),c.severity),u)),O=function(){var e=o.classNames("p-button-icon p-c",p({"p-button-loading-icon":c.loading},"p-button-icon-".concat(c.iconPos),c.label));return o.IconUtils.getJSXIcon(c.loading?c.loadingIcon||i.createElement(l.SpinnerIcon,{className:e,spin:!0}):c.icon,{className:e},{props:c})}(),P=c.label?i.createElement("span",{className:"p-button-label p-c"},c.label):!c.children&&!c.label&&i.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),j=function(){if(c.badge){var e=o.classNames("p-badge",c.badgeClassName);return i.createElement("span",{className:e},c.badge)}return null}();return i.createElement(i.Fragment,null,i.createElement("button",a({ref:s,"aria-label":c.label?c.label+(c.badge?" "+c.badge:""):c["aria-label"]},g,{className:v,disabled:d}),O,P,c.children,j,i.createElement(t.Ripple,null)),m&&i.createElement(n.Tooltip,a({target:s,content:c.tooltip},c.tooltipOptions)))})));d.displayName="Button",exports.Button=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/icons/spinner"),n=require("primereact/ripple"),r=require("primereact/tooltip"),o=require("primereact/utils"),l=require("primereact/componentbase");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(e);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function b(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=l.ComponentBase.extend({defaultProps:{__TYPE:"Button",badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=a.memo(a.forwardRef((function(e,l){var i,s=d.getProps(e),u=d.setMetaData({props:s}).ptm,p=a.useRef(l);if(a.useEffect((function(){o.ObjectUtils.combinedRefs(p,l)}),[p,l]),!1===s.visible)return null;var m=s.disabled||s.loading,g=!m||s.tooltipOptions&&s.tooltipOptions.showOnDisabled,y=o.ObjectUtils.isNotEmpty(s.tooltip)&&g,O={large:"lg",small:"sm"}[s.size],v=o.classNames("p-button p-component",s.className,(b(i={"p-button-icon-only":(s.icon||s.loading)&&!s.label&&!s.children,"p-button-vertical":("top"===s.iconPos||"bottom"===s.iconPos)&&s.label,"p-disabled":m,"p-button-loading":s.loading,"p-button-outlined":s.outlined,"p-button-raised":s.raised,"p-button-link":s.link,"p-button-text":s.text,"p-button-rounded":s.rounded,"p-button-loading-label-only":s.loading&&!s.icon&&s.label},"p-button-loading-".concat(s.iconPos),s.loading&&s.label),b(i,"p-button-".concat(O),O),b(i,"p-button-".concat(s.severity),s.severity),i)),P=function(){var e=o.classNames("p-button-icon p-c",b({},"p-button-icon-".concat(s.iconPos),s.label)),n=o.mergeProps({className:e},u("icon"));e=o.classNames(e,{"p-button-loading-icon":s.loading});var r=o.mergeProps({className:e},u("loadingIcon")),l=s.loading?s.loadingIcon||a.createElement(t.SpinnerIcon,c({},r,{spin:!0})):s.icon;return o.IconUtils.getJSXIcon(l,f({},n),{props:s})}(),j=function(){if(s.label){var e=o.mergeProps({className:"p-button-label p-c"},u("label"));return a.createElement("span",e,s.label)}return!s.children&&!s.label&&a.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}})}(),N=function(){if(s.badge){var e=o.classNames("p-badge",s.badgeClassName),t=o.mergeProps({className:e},u("badge"));return a.createElement("span",t,s.badge)}return null}(),h=o.mergeProps({ref:p,"aria-label":s.label?s.label+(s.badge?" "+s.badge:""):s["aria-label"],className:v,disabled:m},d.getOtherProps(s),u("root"));return a.createElement(a.Fragment,null,a.createElement("button",h,P,j,s.children,N,a.createElement(n.Ripple,null)),y&&a.createElement(r.Tooltip,c({target:p,content:s.tooltip},s.tooltipOptions)))})));g.displayName="Button",exports.Button=g;

package/button/button.d.ts

@@ -9,7 +9,43 @@
  */
 import * as React from 'react';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
-import { IconType } from '../utils';
+import { IconType, PassThroughType } from '../utils';
+
+export declare type ButtonPassThroughType<T> = PassThroughType<T, ButtonPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ButtonPassThroughMethodOptions {
+    props: ButtonProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ButtonProps.pt}
+ */
+export interface ButtonPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ButtonPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the loading icon's DOM element.
+     */
+    loadingIcon?: ButtonPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement | SVGSVGElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: ButtonPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement | SVGSVGElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: ButtonPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the badge's DOM element.
+     */
+    badge?: ButtonPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+}
 
 /**
  * Defines valid properties in Button component. In addition to these, all properties of HTMLButtonElement can be used in this component.
@@ -102,6 +138,11 @@ export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHT
      * @defaultValue true
      */
     visible?: boolean | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ButtonPassThroughOptions}
+     */
+    pt?: ButtonPassThroughOptions;
 }
 
 /**

package/button/button.esm.js

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { SpinnerIcon } from 'primereact/icons/spinner';
 import { Ripple } from 'primereact/ripple';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
-import { SpinnerIcon } from 'primereact/icons/spinner';
+import { ObjectUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -60,40 +61,41 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var ButtonBase = {
+var ButtonBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Button',
-    label: null,
+    badge: null,
+    badgeClassName: null,
+    className: null,
+    children: undefined,
+    disabled: false,
     icon: null,
     iconPos: 'left',
-    badge: null,
-    severity: null,
-    rounded: false,
-    raised: false,
+    label: null,
+    link: false,
+    loading: false,
+    loadingIcon: null,
     outlined: false,
+    raised: false,
+    rounded: false,
+    severity: null,
+    size: null,
     text: false,
-    link: false,
-    badgeClassName: null,
     tooltip: null,
-    size: null,
     tooltipOptions: null,
-    disabled: false,
-    loading: false,
-    loadingIcon: null,
-    visible: true,
-    children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ButtonBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ButtonBase.defaultProps);
+    visible: true
   }
-};
+});
 
+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 Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _classNames2;
   var props = ButtonBase.getProps(inProps);
+  var _ButtonBase$setMetaDa = ButtonBase.setMetaData({
+      props: props
+    }),
+    ptm = _ButtonBase$setMetaDa.ptm;
   var elementRef = React.useRef(ref);
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
@@ -102,24 +104,29 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     return null;
   }
   var createIcon = function createIcon() {
-    var className = classNames('p-button-icon p-c', _defineProperty({
+    var className = classNames('p-button-icon p-c', _defineProperty({}, "p-button-icon-".concat(props.iconPos), props.label));
+    var iconsProps = mergeProps({
+      className: className
+    }, ptm('icon'));
+    className = classNames(className, {
       'p-button-loading-icon': props.loading
-    }, "p-button-icon-".concat(props.iconPos), props.label));
-    var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
-      className: className,
-      spin: true
-    }) : props.icon;
-    return IconUtils.getJSXIcon(icon, {
+    });
+    var loadingIconProps = mergeProps({
       className: className
-    }, {
+    }, ptm('loadingIcon'));
+    var icon = props.loading ? props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
+      spin: true
+    })) : props.icon;
+    return IconUtils.getJSXIcon(icon, _objectSpread({}, iconsProps), {
       props: props
     });
   };
   var createLabel = function createLabel() {
     if (props.label) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "p-button-label p-c"
-      }, props.label);
+      var labelProps = mergeProps({
+        className: 'p-button-label p-c'
+      }, ptm('label'));
+      return /*#__PURE__*/React.createElement("span", labelProps, props.label);
     }
     return !props.children && !props.label && /*#__PURE__*/React.createElement("span", {
       className: "p-button-label p-c",
@@ -131,23 +138,23 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var createBadge = function createBadge() {
     if (props.badge) {
       var badgeClassName = classNames('p-badge', props.badgeClassName);
-      return /*#__PURE__*/React.createElement("span", {
+      var badgeProps = mergeProps({
         className: badgeClassName
-      }, props.badge);
+      }, ptm('badge'));
+      return /*#__PURE__*/React.createElement("span", badgeProps, props.badge);
     }
     return null;
   };
   var disabled = props.disabled || props.loading;
   var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
-  var otherProps = ButtonBase.getOtherProps(props);
   var sizeMapping = {
     large: 'lg',
     small: 'sm'
   };
   var size = sizeMapping[props.size];
   var className = classNames('p-button p-component', props.className, (_classNames2 = {
-    'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
+    'p-button-icon-only': (props.icon || props.loading) && !props.label && !props.children,
     'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
     'p-disabled': disabled,
     'p-button-loading': props.loading,
@@ -157,18 +164,18 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     'p-button-text': props.text,
     'p-button-rounded': props.rounded,
     'p-button-loading-label-only': props.loading && !props.icon && props.label
-  }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.loadingIcon && props.label), _defineProperty(_classNames2, "p-button-".concat(size), size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
+  }, _defineProperty(_classNames2, "p-button-loading-".concat(props.iconPos), props.loading && props.label), _defineProperty(_classNames2, "p-button-".concat(size), size), _defineProperty(_classNames2, "p-button-".concat(props.severity), props.severity), _classNames2));
   var icon = createIcon();
   var label = createLabel();
   var badge = createBadge();
   var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
-    "aria-label": defaultAriaLabel
-  }, otherProps, {
+    'aria-label': defaultAriaLabel,
     className: className,
     disabled: disabled
-  }), icon, label, props.children, badge, /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, ButtonBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", rootProps, icon, label, props.children, badge, /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));