primereact 9.4.0 → 9.6.0

package/progressbar/progressbar.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -43,7 +44,8 @@ var ProgressBarBase = componentbase.ComponentBase.extend({
 });
 
 var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ProgressBarBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ProgressBarBase.getProps(inProps, context);
   var _ProgressBarBase$setM = ProgressBarBase.setMetaData({
       props: props
     }),

package/progressbar/progressbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),a=require("primereact/componentbase");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var l=t(e),s=a.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),o=l.memo(l.forwardRef((function(e,a){var t,o,n,u,i,p=s.getProps(e),m=s.setMetaData({props:p}).ptm,c=l.useRef(null);if(l.useImperativeHandle(a,(function(){return{props:p,getElement:function(){return c.current}}})),"determinate"===p.mode)return t=r.classNames("p-progressbar p-component p-progressbar-determinate",p.className),o=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,n=r.mergeProps({id:p.id,ref:c,className:t,style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},s.getOtherProps(p),m("root")),u=r.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},m("value")),i=r.mergeProps({className:"p-progressbar-label"},m("label")),l.createElement("div",n,l.createElement("div",u,null!=p.value&&0!==p.value&&p.showValue&&l.createElement("div",i,o)));if("indeterminate"===p.mode)return function(){var e=r.classNames("p-progressbar p-component p-progressbar-indeterminate",p.className),a=r.mergeProps({id:p.id,ref:c,className:e,style:p.style,role:"progressbar"},s.getOtherProps(p),m("root")),t=r.mergeProps({className:"p-progressbar-indeterminate-container"},m("indeterminateContainer")),o=r.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:p.color}},m("value"));return l.createElement("div",a,l.createElement("div",t,l.createElement("div",o)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));o.displayName="ProgressBar",exports.ProgressBar=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),a=require("primereact/componentbase"),t=require("primereact/api");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var s=l(e),o=a.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),n=s.memo(s.forwardRef((function(e,a){var l,n,i,u,p,m=s.useContext(t.PrimeReactContext),c=o.getProps(e,m),d=o.setMetaData({props:c}).ptm,v=s.useRef(null);if(s.useImperativeHandle(a,(function(){return{props:c,getElement:function(){return v.current}}})),"determinate"===c.mode)return l=r.classNames("p-progressbar p-component p-progressbar-determinate",c.className),n=c.showValue&&null!=c.value?c.displayValueTemplate?c.displayValueTemplate(c.value):c.value+c.unit:null,i=r.mergeProps({id:c.id,ref:v,className:l,style:c.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":c.value,"aria-valuemax":"100"},o.getOtherProps(c),d("root")),u=r.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{width:c.value+"%",display:"flex",backgroundColor:c.color}},d("value")),p=r.mergeProps({className:"p-progressbar-label"},d("label")),s.createElement("div",i,s.createElement("div",u,null!=c.value&&0!==c.value&&c.showValue&&s.createElement("div",p,n)));if("indeterminate"===c.mode)return function(){var e=r.classNames("p-progressbar p-component p-progressbar-indeterminate",c.className),a=r.mergeProps({id:c.id,ref:v,className:e,style:c.style,role:"progressbar"},o.getOtherProps(c),d("root")),t=r.mergeProps({className:"p-progressbar-indeterminate-container"},d("indeterminateContainer")),l=r.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:c.color}},d("value"));return s.createElement("div",a,s.createElement("div",t,s.createElement("div",l)))}();throw new Error(c.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));n.displayName="ProgressBar",exports.ProgressBar=n;

package/progressbar/progressbar.esm.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { classNames, mergeProps } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 var ProgressBarBase = ComponentBase.extend({
   defaultProps: {
@@ -19,7 +20,8 @@ var ProgressBarBase = ComponentBase.extend({
 });
 
 var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ProgressBarBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ProgressBarBase.getProps(inProps, context);
   var _ProgressBarBase$setM = ProgressBarBase.setMetaData({
       props: props
     }),

package/progressbar/progressbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as r,mergeProps as a}from"primereact/utils";import{ComponentBase as l}from"primereact/componentbase";var t=l.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),s=e.memo(e.forwardRef((function(l,s){var o,n,i,m,u,p=t.getProps(l),d=t.setMetaData({props:p}).ptm,c=e.useRef(null);if(e.useImperativeHandle(s,(function(){return{props:p,getElement:function(){return c.current}}})),"determinate"===p.mode)return o=r("p-progressbar p-component p-progressbar-determinate",p.className),n=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,i=a({id:p.id,ref:c,className:o,style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},t.getOtherProps(p),d("root")),m=a({className:"p-progressbar-value p-progressbar-value-animate",style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},d("value")),u=a({className:"p-progressbar-label"},d("label")),e.createElement("div",i,e.createElement("div",m,null!=p.value&&0!==p.value&&p.showValue&&e.createElement("div",u,n)));if("indeterminate"===p.mode)return function(){var l=r("p-progressbar p-component p-progressbar-indeterminate",p.className),s=a({id:p.id,ref:c,className:l,style:p.style,role:"progressbar"},t.getOtherProps(p),d("root")),o=a({className:"p-progressbar-indeterminate-container"},d("indeterminateContainer")),n=a({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:p.color}},d("value"));return e.createElement("div",s,e.createElement("div",o,e.createElement("div",n)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar";export{s as ProgressBar};
+import*as e from"react";import{classNames as r,mergeProps as a}from"primereact/utils";import{ComponentBase as l}from"primereact/componentbase";import{PrimeReactContext as t}from"primereact/api";var s=l.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),o=e.memo(e.forwardRef((function(l,o){var n,i,m,p,u,d=e.useContext(t),c=s.getProps(l,d),v=s.setMetaData({props:c}).ptm,g=e.useRef(null);if(e.useImperativeHandle(o,(function(){return{props:c,getElement:function(){return g.current}}})),"determinate"===c.mode)return n=r("p-progressbar p-component p-progressbar-determinate",c.className),i=c.showValue&&null!=c.value?c.displayValueTemplate?c.displayValueTemplate(c.value):c.value+c.unit:null,m=a({id:c.id,ref:g,className:n,style:c.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":c.value,"aria-valuemax":"100"},s.getOtherProps(c),v("root")),p=a({className:"p-progressbar-value p-progressbar-value-animate",style:{width:c.value+"%",display:"flex",backgroundColor:c.color}},v("value")),u=a({className:"p-progressbar-label"},v("label")),e.createElement("div",m,e.createElement("div",p,null!=c.value&&0!==c.value&&c.showValue&&e.createElement("div",u,i)));if("indeterminate"===c.mode)return function(){var l=r("p-progressbar p-component p-progressbar-indeterminate",c.className),t=a({id:c.id,ref:g,className:l,style:c.style,role:"progressbar"},s.getOtherProps(c),v("root")),o=a({className:"p-progressbar-indeterminate-container"},v("indeterminateContainer")),n=a({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:c.color}},v("value"));return e.createElement("div",t,e.createElement("div",o,e.createElement("div",n)))}();throw new Error(c.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));o.displayName="ProgressBar";export{o as ProgressBar};

package/progressbar/progressbar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.progressbar = (function (exports, React, utils, componentbase) {
+this.primereact.progressbar = (function (exports, React, utils, componentbase, api) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -39,7 +39,8 @@ this.primereact.progressbar = (function (exports, React, utils, componentbase) {
     });
 
     var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-      var props = ProgressBarBase.getProps(inProps);
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = ProgressBarBase.getProps(inProps, context);
       var _ProgressBarBase$setM = ProgressBarBase.setMetaData({
           props: props
         }),
@@ -116,4 +117,4 @@ this.primereact.progressbar = (function (exports, React, utils, componentbase) {
 
     return exports;
 
-})({}, React, primereact.utils, primereact.componentbase);
+})({}, React, primereact.utils, primereact.componentbase, primereact.api);

package/progressbar/progressbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a,t){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var s=l(r),n=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),o=s.memo(s.forwardRef((function(e,r){var t,l,o,i,u,p=n.getProps(e),m=n.setMetaData({props:p}).ptm,c=s.useRef(null);if(s.useImperativeHandle(r,(function(){return{props:p,getElement:function(){return c.current}}})),"determinate"===p.mode)return t=a.classNames("p-progressbar p-component p-progressbar-determinate",p.className),l=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,o=a.mergeProps({id:p.id,ref:c,className:t,style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},n.getOtherProps(p),m("root")),i=a.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},m("value")),u=a.mergeProps({className:"p-progressbar-label"},m("label")),s.createElement("div",o,s.createElement("div",i,null!=p.value&&0!==p.value&&p.showValue&&s.createElement("div",u,l)));if("indeterminate"===p.mode)return function(){var e=a.classNames("p-progressbar p-component p-progressbar-indeterminate",p.className),r=a.mergeProps({id:p.id,ref:c,className:e,style:p.style,role:"progressbar"},n.getOtherProps(p),m("root")),t=a.mergeProps({className:"p-progressbar-indeterminate-container"},m("indeterminateContainer")),l=a.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:p.color}},m("value"));return s.createElement("div",r,s.createElement("div",t,s.createElement("div",l)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return o.displayName="ProgressBar",e.ProgressBar=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a,t,l){"use strict";function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var n=s(r),o=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0}}),i=n.memo(n.forwardRef((function(e,r){var t,s,i,u,p,m=n.useContext(l.PrimeReactContext),c=o.getProps(e,m),d=o.setMetaData({props:c}).ptm,v=n.useRef(null);if(n.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return v.current}}})),"determinate"===c.mode)return t=a.classNames("p-progressbar p-component p-progressbar-determinate",c.className),s=c.showValue&&null!=c.value?c.displayValueTemplate?c.displayValueTemplate(c.value):c.value+c.unit:null,i=a.mergeProps({id:c.id,ref:v,className:t,style:c.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":c.value,"aria-valuemax":"100"},o.getOtherProps(c),d("root")),u=a.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{width:c.value+"%",display:"flex",backgroundColor:c.color}},d("value")),p=a.mergeProps({className:"p-progressbar-label"},d("label")),n.createElement("div",i,n.createElement("div",u,null!=c.value&&0!==c.value&&c.showValue&&n.createElement("div",p,s)));if("indeterminate"===c.mode)return function(){var e=a.classNames("p-progressbar p-component p-progressbar-indeterminate",c.className),r=a.mergeProps({id:c.id,ref:v,className:e,style:c.style,role:"progressbar"},o.getOtherProps(c),d("root")),t=a.mergeProps({className:"p-progressbar-indeterminate-container"},d("indeterminateContainer")),l=a.mergeProps({className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:c.color}},d("value"));return n.createElement("div",r,n.createElement("div",t,n.createElement("div",l)))}();throw new Error(c.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return i.displayName="ProgressBar",e.ProgressBar=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);

package/progressspinner/progressspinner.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -40,7 +41,8 @@ var ProgressSpinnerBase = componentbase.ComponentBase.extend({
 });
 
 var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ProgressSpinnerBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ProgressSpinnerBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
   var className = utils.classNames('p-progress-spinner', props.className);
   var _ProgressSpinnerBase$ = ProgressSpinnerBase.setMetaData({

package/progressspinner/progressspinner.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(e),i=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),a=s.memo(s.forwardRef((function(e,t){var n=i.getProps(e),a=s.useRef(null),o=r.classNames("p-progress-spinner",n.className),l=i.setMetaData({props:n}).ptm;s.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return a.current}}}));var c=r.mergeProps({id:n.id,ref:a,style:n.style,className:o,role:"alert","aria-busy":!0},l("spinner")),p=r.mergeProps({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:n.animationDuration}},l("spinner")),u=r.mergeProps({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:n.fill,strokeWidth:n.strokeWidth,strokeMiterlimit:"10"},l("circle"));return s.createElement("div",c,s.createElement("svg",p,s.createElement("circle",u)))})));a.displayName="ProgressSpinner",exports.ProgressSpinner=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase"),n=require("primereact/api");function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=s(e),a=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),o=i.memo(i.forwardRef((function(e,t){var s=i.useContext(n.PrimeReactContext),o=a.getProps(e,s),l=i.useRef(null),c=r.classNames("p-progress-spinner",o.className),p=a.setMetaData({props:o}).ptm;i.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return l.current}}}));var u=r.mergeProps({id:o.id,ref:l,style:o.style,className:c,role:"alert","aria-busy":!0},p("spinner")),m=r.mergeProps({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:o.animationDuration}},p("spinner")),f=r.mergeProps({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:o.fill,strokeWidth:o.strokeWidth,strokeMiterlimit:"10"},p("circle"));return i.createElement("div",u,i.createElement("svg",m,i.createElement("circle",f)))})));o.displayName="ProgressSpinner",exports.ProgressSpinner=o;

package/progressspinner/progressspinner.esm.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { classNames, mergeProps } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 var ProgressSpinnerBase = ComponentBase.extend({
   defaultProps: {
@@ -16,7 +17,8 @@ var ProgressSpinnerBase = ComponentBase.extend({
 });
 
 var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ProgressSpinnerBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ProgressSpinnerBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
   var className = classNames('p-progress-spinner', props.className);
   var _ProgressSpinnerBase$ = ProgressSpinnerBase.setMetaData({

package/progressspinner/progressspinner.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as r,mergeProps as t}from"primereact/utils";import{ComponentBase as n}from"primereact/componentbase";var s=n.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),i=e.memo(e.forwardRef((function(n,i){var a=s.getProps(n),l=e.useRef(null),o=r("p-progress-spinner",a.className),p=s.setMetaData({props:a}).ptm;e.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return l.current}}}));var m=t({id:a.id,ref:l,style:a.style,className:o,role:"alert","aria-busy":!0},p("spinner")),c=t({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:a.animationDuration}},p("spinner")),u=t({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:a.fill,strokeWidth:a.strokeWidth,strokeMiterlimit:"10"},p("circle"));return e.createElement("div",m,e.createElement("svg",c,e.createElement("circle",u)))})));i.displayName="ProgressSpinner";export{i as ProgressSpinner};
+import*as e from"react";import{classNames as r,mergeProps as t}from"primereact/utils";import{ComponentBase as i}from"primereact/componentbase";import{PrimeReactContext as n}from"primereact/api";var s=i.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),a=e.memo(e.forwardRef((function(i,a){var o=e.useContext(n),l=s.getProps(i,o),p=e.useRef(null),m=r("p-progress-spinner",l.className),c=s.setMetaData({props:l}).ptm;e.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return p.current}}}));var u=t({id:l.id,ref:p,style:l.style,className:m,role:"alert","aria-busy":!0},c("spinner")),f=t({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:l.animationDuration}},c("spinner")),d=t({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:l.fill,strokeWidth:l.strokeWidth,strokeMiterlimit:"10"},c("circle"));return e.createElement("div",u,e.createElement("svg",f,e.createElement("circle",d)))})));a.displayName="ProgressSpinner";export{a as ProgressSpinner};

package/progressspinner/progressspinner.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.progressspinner = (function (exports, React, utils, componentbase) {
+this.primereact.progressspinner = (function (exports, React, utils, componentbase, api) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -36,7 +36,8 @@ this.primereact.progressspinner = (function (exports, React, utils, componentbas
     });
 
     var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-      var props = ProgressSpinnerBase.getProps(inProps);
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = ProgressSpinnerBase.getProps(inProps, context);
       var elementRef = React__namespace.useRef(null);
       var className = utils.classNames('p-progress-spinner', props.className);
       var _ProgressSpinnerBase$ = ProgressSpinnerBase.setMetaData({
@@ -85,4 +86,4 @@ this.primereact.progressspinner = (function (exports, React, utils, componentbas
 
     return exports;
 
-})({}, React, primereact.utils, primereact.componentbase);
+})({}, React, primereact.utils, primereact.componentbase, primereact.api);

package/progressspinner/progressspinner.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,r,t,n){"use strict";function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=s(r),a=n.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),o=i.memo(i.forwardRef((function(e,r){var n=a.getProps(e),s=i.useRef(null),o=t.classNames("p-progress-spinner",n.className),l=a.setMetaData({props:n}).ptm;i.useImperativeHandle(r,(function(){return{props:n,getElement:function(){return s.current}}}));var c=t.mergeProps({id:n.id,ref:s,style:n.style,className:o,role:"alert","aria-busy":!0},l("spinner")),p=t.mergeProps({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:n.animationDuration}},l("spinner")),u=t.mergeProps({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:n.fill,strokeWidth:n.strokeWidth,strokeMiterlimit:"10"},l("circle"));return i.createElement("div",c,i.createElement("svg",p,i.createElement("circle",u)))})));return o.displayName="ProgressSpinner",e.ProgressSpinner=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,r,t,n,s){"use strict";function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=i(r),o=n.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),l=a.memo(a.forwardRef((function(e,r){var n=a.useContext(s.PrimeReactContext),i=o.getProps(e,n),l=a.useRef(null),c=t.classNames("p-progress-spinner",i.className),p=o.setMetaData({props:i}).ptm;a.useImperativeHandle(r,(function(){return{props:i,getElement:function(){return l.current}}}));var u=t.mergeProps({id:i.id,ref:l,style:i.style,className:c,role:"alert","aria-busy":!0},p("spinner")),m=t.mergeProps({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:i.animationDuration}},p("spinner")),f=t.mergeProps({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:i.fill,strokeWidth:i.strokeWidth,strokeMiterlimit:"10"},p("circle"));return a.createElement("div",u,a.createElement("svg",m,a.createElement("circle",f)))})));return l.displayName="ProgressSpinner",e.ProgressSpinner=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);

package/radiobutton/radiobutton.cjs.js

@@ -3,8 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var hooks = require('primereact/hooks');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -41,6 +44,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -96,42 +140,47 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var RadioButtonBase = {
+var RadioButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'RadioButton',
-    id: null,
-    inputRef: null,
-    inputId: null,
-    name: null,
-    value: null,
+    autoFocus: false,
     checked: false,
-    style: null,
     className: null,
     disabled: false,
+    id: null,
+    inputId: null,
+    inputRef: null,
+    name: null,
+    onChange: null,
+    onClick: null,
     required: false,
+    style: null,
     tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
-    onChange: null,
-    onClick: null,
+    value: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, RadioButtonBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, RadioButtonBase.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; }
 var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = RadioButtonBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = RadioButtonBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
+  var _RadioButtonBase$setM = RadioButtonBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState
+      }
+    }),
+    ptm = _RadioButtonBase$setM.ptm;
   var select = function select(event) {
     onClick(event);
   };
@@ -200,6 +249,11 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
+  hooks.useMountEffect(function () {
+    if (props.autoFocus) {
+      utils.DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -228,19 +282,20 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
-    style: props.style
-  }, otherProps, {
-    onPointerUp: onClick
-  }), /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", _extends({
+    style: props.style,
+    onClick: onClick
+  }, RadioButtonBase.getOtherProps(props), ptm('root'));
+  var hiddenInputWrapperProps = utils.mergeProps({
+    className: 'p-hidden-accessible'
+  }, ptm('hiddenInputWrapper'));
+  var hiddenInputProps = utils.mergeProps(_objectSpread({
     ref: inputRef,
     id: props.inputId,
-    type: "radio",
+    type: 'radio',
     name: props.name,
     defaultChecked: props.checked,
     onFocus: onFocus,
@@ -249,14 +304,19 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
-  }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps), ptm('hiddenInput'));
+  var inputProps = utils.mergeProps({
     className: boxClassName
-  }, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-radiobutton-icon"
-  }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, ptm('input'));
+  var iconProps = utils.mergeProps({
+    className: 'p-radiobutton-icon'
+  }, ptm('icon'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", hiddenInputProps)), /*#__PURE__*/React__namespace.createElement("div", inputProps, /*#__PURE__*/React__namespace.createElement("div", iconProps))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 RadioButton.displayName = 'RadioButton';
 

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");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 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 o=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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,u=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function l(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 c(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s={defaultProps:{__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,s.defaultProps)}},f=o.memo(o.forwardRef((function(e,r){var l,f,p=s.getProps(e),b=o.useState(!1),m=(f=2,i(l=b)||u(l,f)||c(l,f)||d()),h=m[0],v=m[1],g=o.useRef(null),y=o.useRef(p.inputRef),O=function(e){k(e)},k=function(e){if(!p.disabled&&(p.onChange||p.onClick)){var t=p.checked,r=e.target instanceof HTMLDivElement,o=e.target===y.current&&e.target.checked!==t,a=r&&n.DomHandler.hasClass(g.current,"p-radiobutton-checked")===t&&!t;if(o||a){var i=!t,u={originalEvent:e,value:p.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:i}};if(p.onClick&&p.onClick(u),e.defaultPrevented)return;p.onChange&&p.onChange(u),a&&(y.current.checked=i)}n.DomHandler.focus(y.current),e.preventDefault()}};o.useEffect((function(){y.current&&(y.current.checked=p.checked)}),[p.checked]),o.useEffect((function(){n.ObjectUtils.combinedRefs(y,p.inputRef)}),[y,p.inputRef]),o.useImperativeHandle(r,(function(){return{props:p,select:O,focus:function(){return n.DomHandler.focus(y.current)},getElement:function(){return g.current},getInput:function(){return y.current}}}));var P=n.ObjectUtils.isNotEmpty(p.tooltip),j=s.getOtherProps(p),E=n.ObjectUtils.reduceKeys(j,n.DomHandler.ARIA_PROPS),R=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":p.checked,"p-radiobutton-disabled":p.disabled,"p-radiobutton-focused":h},p.className),C=n.classNames("p-radiobutton-box",{"p-highlight":p.checked,"p-disabled":p.disabled,"p-focus":h});return o.createElement(o.Fragment,null,o.createElement("div",a({ref:g,id:p.id,className:R,style:p.style},j,{onPointerUp:k}),o.createElement("div",{className:"p-hidden-accessible"},o.createElement("input",a({ref:y,id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||k(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},E))),o.createElement("div",{className:C},o.createElement("div",{className:"p-radiobutton-icon"}))),P&&o.createElement(t.Tooltip,a({target:g,content:p.tooltip},p.tooltipOptions)))})));f.displayName="RadioButton",exports.RadioButton=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/tooltip"),n=require("primereact/utils"),o=require("primereact/componentbase"),i=require("primereact/api");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=u(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function l(e){return l="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},l(e)}function s(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===l(t)?t:String(t)}function f(e,t,r){return(t=p(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e,t){if(e){if("string"==typeof e)return b(e,t);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)?b(e,t):void 0}}function v(){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 g=o.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=c.memo(c.forwardRef((function(e,o){var u,l,s=c.useContext(i.PrimeReactContext),p=g.getProps(e,s),f=c.useState(!1),b=(l=2,d(u=f)||m(u,l)||y(u,l)||v()),h=b[0],j=b[1],P=c.useRef(null),k=c.useRef(p.inputRef),E=g.setMetaData({props:p,state:{focused:h}}).ptm,S=function(e){w(e)},w=function(e){if(!p.disabled&&(p.onChange||p.onClick)){var t=p.checked,r=e.target instanceof HTMLDivElement,o=e.target===k.current&&e.target.checked!==t,i=r&&n.DomHandler.hasClass(P.current,"p-radiobutton-checked")===t&&!t;if(o||i){var u=!t,c={originalEvent:e,value:p.value,checked:u,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:u}};if(p.onClick&&p.onClick(c),e.defaultPrevented)return;p.onChange&&p.onChange(c),i&&(k.current.checked=u)}n.DomHandler.focus(k.current),e.preventDefault()}};c.useEffect((function(){k.current&&(k.current.checked=p.checked)}),[p.checked]),c.useEffect((function(){n.ObjectUtils.combinedRefs(k,p.inputRef)}),[k,p.inputRef]),t.useMountEffect((function(){p.autoFocus&&n.DomHandler.focus(k.current,p.autoFocus)})),c.useImperativeHandle(o,(function(){return{props:p,select:S,focus:function(){return n.DomHandler.focus(k.current)},getElement:function(){return P.current},getInput:function(){return k.current}}}));var D=n.ObjectUtils.isNotEmpty(p.tooltip),C=g.getOtherProps(p),R=n.ObjectUtils.reduceKeys(C,n.DomHandler.ARIA_PROPS),I=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":p.checked,"p-radiobutton-disabled":p.disabled,"p-radiobutton-focused":h},p.className),N=n.classNames("p-radiobutton-box",{"p-highlight":p.checked,"p-disabled":p.disabled,"p-focus":h}),x=n.mergeProps({ref:P,id:p.id,className:I,style:p.style,onClick:w},g.getOtherProps(p),E("root")),q=n.mergeProps({className:"p-hidden-accessible"},E("hiddenInputWrapper")),A=n.mergeProps(O({ref:k,id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:function(){j(!0)},onBlur:function(){j(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||w(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},R),E("hiddenInput")),H=n.mergeProps({className:N},E("input")),_=n.mergeProps({className:"p-radiobutton-icon"},E("icon"));return c.createElement(c.Fragment,null,c.createElement("div",x,c.createElement("div",q,c.createElement("input",A)),c.createElement("div",H,c.createElement("div",_))),D&&c.createElement(r.Tooltip,a({target:P,content:p.tooltip},p.tooltipOptions,{pt:E("tooltip")})))})));j.displayName="RadioButton",exports.RadioButton=j;

package/radiobutton/radiobutton.d.ts

@@ -8,8 +8,63 @@
  *
  */
 import * as React from 'react';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
+import { PassThroughType } from '../utils/utils';
+
+export declare type RadioButtonPassThroughType<T> = PassThroughType<T, RadioButtonPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RadioButtonPassThroughMethodOptions {
+    props: RadioButtonProps;
+    state: RadioButtonState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RadioButtonProps.pt}
+ */
+export interface RadioButtonPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hidden accessible DOM element wrapper.
+     */
+    hiddenInputWrapper?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hidden accessible DOM element.
+     */
+    hiddenInput?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
+
+/**
+ * Defines current inline state in RadioButton component.
+ */
+export interface RadioButtonState {
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+}
 
 /**
  * Custom change event.
@@ -31,7 +86,12 @@ interface RadioButtonClickEvent extends FormEvent {}
  * Defines valid properties in RadioButton component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onClick' | 'ref'> {
+export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onClick' | 'ref' | 'pt'> {
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Reference of the input element.
      */
@@ -86,6 +146,11 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {RadioButtonPassThroughOptions}
+     */
+    pt?: RadioButtonPassThroughOptions;
 }
 
 /**