primereact 8.2.0 → 8.5.0

package/progressbar/progressbar.cjs.js

@@ -44,6 +44,8 @@ function _extends() {
 }
 
 var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var createLabel = function createLabel() {
     if (props.showValue && props.value != null) {
       var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
@@ -62,6 +64,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       role: "progressbar",
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style,
       "aria-valuemin": "0",
@@ -83,6 +86,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       role: "progressbar",
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
@@ -95,6 +99,14 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     })));
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   if (props.mode === 'determinate') return createDeterminate();else if (props.mode === 'indeterminate') return createIndeterminate();else throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
 }));
 ProgressBar.displayName = 'ProgressBar';

package/progressbar/progressbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function a(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 t=a(e);function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var s=t.memo(t.forwardRef((function(e,a){var n,o,i,u=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return t.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===e.mode)return n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=r.classNames("p-progressbar p-component p-progressbar-determinate",e.className),i=u(),t.createElement("div",l({role:"progressbar",id:e.id,className:o,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},n),t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),i);if("indeterminate"===e.mode)return function(){var a=r.ObjectUtils.findDiffKeys(e,s.defaultProps),n=r.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return t.createElement("div",l({role:"progressbar",id:e.id,className:n,style:e.style},a),t.createElement("div",{className:"p-progressbar-indeterminate-container"},t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar",s.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},exports.ProgressBar=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function a(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 t=a(e);function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},l.apply(this,arguments)}var s=t.memo(t.forwardRef((function(e,a){var n,o,i,u=t.useRef(null),c=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return t.createElement("div",{className:"p-progressbar-label"},r)}return null};if(t.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return u.current}}})),"determinate"===e.mode)return n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),o=r.classNames("p-progressbar p-component p-progressbar-determinate",e.className),i=c(),t.createElement("div",l({role:"progressbar",id:e.id,ref:u,className:o,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},n),t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),i);if("indeterminate"===e.mode)return function(){var a=r.ObjectUtils.findDiffKeys(e,s.defaultProps),n=r.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return t.createElement("div",l({role:"progressbar",id:e.id,ref:u,className:n,style:e.style},a),t.createElement("div",{className:"p-progressbar-indeterminate-container"},t.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));s.displayName="ProgressBar",s.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},exports.ProgressBar=s;

package/progressbar/progressbar.d.ts

@@ -4,17 +4,16 @@ type ProgressBarModeType = 'determinate' | 'indeterminate';
 
 type ProgressBarValueType = string | number | undefined | null;
 
-export interface ProgressBarProps {
-    id?: string;
+export interface ProgressBarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     value?: ProgressBarValueType;
     showValue?: boolean;
     unit?: string;
-    style?: object;
-    className?: string;
     mode?: ProgressBarModeType;
     color?: string;
     displayValueTemplate?(value: ProgressBarValueType): React.ReactNode;
     children?: React.ReactNode;
 }
 
-export declare class ProgressBar extends React.Component<ProgressBarProps, any> { }
+export declare class ProgressBar extends React.Component<ProgressBarProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/progressbar/progressbar.esm.js

@@ -20,6 +20,8 @@ function _extends() {
 }
 
 var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
+
   var createLabel = function createLabel() {
     if (props.showValue && props.value != null) {
       var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
@@ -38,6 +40,7 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return /*#__PURE__*/React.createElement("div", _extends({
       role: "progressbar",
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style,
       "aria-valuemin": "0",
@@ -59,6 +62,7 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return /*#__PURE__*/React.createElement("div", _extends({
       role: "progressbar",
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React.createElement("div", {
@@ -71,6 +75,14 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     })));
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   if (props.mode === 'determinate') return createDeterminate();else if (props.mode === 'indeterminate') return createIndeterminate();else throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
 }));
 ProgressBar.displayName = 'ProgressBar';

package/progressbar/progressbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var t=e.memo(e.forwardRef((function(s,o){var n,i,u,p=function(){if(s.showValue&&null!=s.value){var r=s.displayValueTemplate?s.displayValueTemplate(s.value):s.value+s.unit;return e.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===s.mode)return n=r.findDiffKeys(s,t.defaultProps),i=a("p-progressbar p-component p-progressbar-determinate",s.className),u=p(),e.createElement("div",l({role:"progressbar",id:s.id,className:i,style:s.style,"aria-valuemin":"0","aria-valuenow":s.value,"aria-valuemax":"100"},n),e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:s.value+"%",display:"block",backgroundColor:s.color}}),u);if("indeterminate"===s.mode)return function(){var o=r.findDiffKeys(s,t.defaultProps),n=a("p-progressbar p-component p-progressbar-indeterminate",s.className);return e.createElement("div",l({role:"progressbar",id:s.id,className:n,style:s.style},o),e.createElement("div",{className:"p-progressbar-indeterminate-container"},e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:s.color}})))}();throw new Error(s.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));t.displayName="ProgressBar",t.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null};export{t as ProgressBar};
+import*as e from"react";import{ObjectUtils as r,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var t=e.memo(e.forwardRef((function(s,n){var o,i,u,p=e.useRef(null),m=function(){if(s.showValue&&null!=s.value){var r=s.displayValueTemplate?s.displayValueTemplate(s.value):s.value+s.unit;return e.createElement("div",{className:"p-progressbar-label"},r)}return null};if(e.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return p.current}}})),"determinate"===s.mode)return o=r.findDiffKeys(s,t.defaultProps),i=a("p-progressbar p-component p-progressbar-determinate",s.className),u=m(),e.createElement("div",l({role:"progressbar",id:s.id,ref:p,className:i,style:s.style,"aria-valuemin":"0","aria-valuenow":s.value,"aria-valuemax":"100"},o),e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:s.value+"%",display:"block",backgroundColor:s.color}}),u);if("indeterminate"===s.mode)return function(){var n=r.findDiffKeys(s,t.defaultProps),o=a("p-progressbar p-component p-progressbar-indeterminate",s.className);return e.createElement("div",l({role:"progressbar",id:s.id,ref:p,className:o,style:s.style},n),e.createElement("div",{className:"p-progressbar-indeterminate-container"},e.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:s.color}})))}();throw new Error(s.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));t.displayName="ProgressBar",t.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null};export{t as ProgressBar};

package/progressbar/progressbar.js

@@ -41,6 +41,8 @@ this.primereact.progressbar = (function (exports, React, utils) {
   }
 
   var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
+
     var createLabel = function createLabel() {
       if (props.showValue && props.value != null) {
         var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
@@ -59,6 +61,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         role: "progressbar",
         id: props.id,
+        ref: elementRef,
         className: className,
         style: props.style,
         "aria-valuemin": "0",
@@ -80,6 +83,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         role: "progressbar",
         id: props.id,
+        ref: elementRef,
         className: className,
         style: props.style
       }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
@@ -92,6 +96,14 @@ this.primereact.progressbar = (function (exports, React, utils) {
       })));
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     if (props.mode === 'determinate') return createDeterminate();else if (props.mode === 'indeterminate') return createIndeterminate();else throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
   }));
   ProgressBar.displayName = 'ProgressBar';

package/progressbar/progressbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a){"use strict";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(r);function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},s.apply(this,arguments)}var n=l.memo(l.forwardRef((function(e,r){var t,i,o,u=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return l.createElement("div",{className:"p-progressbar-label"},r)}return null};if("determinate"===e.mode)return t=a.ObjectUtils.findDiffKeys(e,n.defaultProps),i=a.classNames("p-progressbar p-component p-progressbar-determinate",e.className),o=u(),l.createElement("div",s({role:"progressbar",id:e.id,className:i,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),o);if("indeterminate"===e.mode)return function(){var r=a.ObjectUtils.findDiffKeys(e,n.defaultProps),t=a.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return l.createElement("div",s({role:"progressbar",id:e.id,className:t,style:e.style},r),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return n.displayName="ProgressBar",n.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},e.ProgressBar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a){"use strict";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(r);function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},s.apply(this,arguments)}var n=l.memo(l.forwardRef((function(e,r){var t,i,o,u=l.useRef(null),c=function(){if(e.showValue&&null!=e.value){var r=e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit;return l.createElement("div",{className:"p-progressbar-label"},r)}return null};if(l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current}}})),"determinate"===e.mode)return t=a.ObjectUtils.findDiffKeys(e,n.defaultProps),i=a.classNames("p-progressbar p-component p-progressbar-determinate",e.className),o=c(),l.createElement("div",s({role:"progressbar",id:e.id,ref:u,className:i,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"block",backgroundColor:e.color}}),o);if("indeterminate"===e.mode)return function(){var r=a.ObjectUtils.findDiffKeys(e,n.defaultProps),t=a.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return l.createElement("div",s({role:"progressbar",id:e.id,ref:u,className:t,style:e.style},r),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return n.displayName="ProgressBar",n.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},e.ProgressBar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/progressspinner/progressspinner.cjs.js

@@ -44,10 +44,20 @@ function _extends() {
 }
 
 var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressSpinner.defaultProps);
   var className = utils.classNames('p-progress-spinner', props.className);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     style: props.style,
     className: className,
     role: "alert",

package/progressspinner/progressspinner.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=t(e);function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},n.apply(this,arguments)}var i=s.memo(s.forwardRef((function(e,t){var a=r.ObjectUtils.findDiffKeys(e,i.defaultProps),l=r.classNames("p-progress-spinner",e.className);return s.createElement("div",n({id:e.id,style:e.style,className:l,role:"alert","aria-busy":!0},a),s.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:e.animationDuration}},s.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:e.fill,strokeWidth:e.strokeWidth,strokeMiterlimit:"10"})))})));i.displayName="ProgressSpinner",i.defaultProps={__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s"},exports.ProgressSpinner=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(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 n=t(e);function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,t){var a=n.useRef(null),l=r.ObjectUtils.findDiffKeys(e,i.defaultProps),o=r.classNames("p-progress-spinner",e.className);return n.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return a.current}}})),n.createElement("div",s({id:e.id,ref:a,style:e.style,className:o,role:"alert","aria-busy":!0},l),n.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:e.animationDuration}},n.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:e.fill,strokeWidth:e.strokeWidth,strokeMiterlimit:"10"})))})));i.displayName="ProgressSpinner",i.defaultProps={__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s"},exports.ProgressSpinner=i;

package/progressspinner/progressspinner.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 
-export interface ProgressSpinnerProps {
-    id?: string;
-    style?: object;
-    className?: string;
+export interface ProgressSpinnerProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     strokeWidth?: string;
     fill?: string;
     animationDuration?: string;
     children?: React.ReactNode;
 }
 
-export declare class ProgressSpinner extends React.Component<ProgressSpinnerProps, any> { }
+export declare class ProgressSpinner extends React.Component<ProgressSpinnerProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/progressspinner/progressspinner.esm.js

@@ -20,10 +20,20 @@ function _extends() {
 }
 
 var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, ProgressSpinner.defaultProps);
   var className = classNames('p-progress-spinner', props.className);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     style: props.style,
     className: className,
     role: "alert",

package/progressspinner/progressspinner.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function s(){return s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},s.apply(this,arguments)}var i=e.memo(e.forwardRef((function(a,n){var l=r.findDiffKeys(a,i.defaultProps),o=t("p-progress-spinner",a.className);return e.createElement("div",s({id:a.id,style:a.style,className:o,role:"alert","aria-busy":!0},l),e.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:a.animationDuration}},e.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:a.fill,strokeWidth:a.strokeWidth,strokeMiterlimit:"10"})))})));i.displayName="ProgressSpinner",i.defaultProps={__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s"};export{i as ProgressSpinner};
+import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var s=e.memo(e.forwardRef((function(i,a){var l=e.useRef(null),o=r.findDiffKeys(i,s.defaultProps),p=t("p-progress-spinner",i.className);return e.useImperativeHandle(a,(function(){return{props:i,getElement:function(){return l.current}}})),e.createElement("div",n({id:i.id,ref:l,style:i.style,className:p,role:"alert","aria-busy":!0},o),e.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:i.animationDuration}},e.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:i.fill,strokeWidth:i.strokeWidth,strokeMiterlimit:"10"})))})));s.displayName="ProgressSpinner",s.defaultProps={__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s"};export{s as ProgressSpinner};

package/progressspinner/progressspinner.js

@@ -41,10 +41,20 @@ this.primereact.progressspinner = (function (exports, React, utils) {
   }
 
   var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressSpinner.defaultProps);
     var className = utils.classNames('p-progress-spinner', props.className);
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       style: props.style,
       className: className,
       role: "alert",

package/progressspinner/progressspinner.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,r,t){"use strict";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(r);function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}var a=s.memo(s.forwardRef((function(e,r){var n=t.ObjectUtils.findDiffKeys(e,a.defaultProps),l=t.classNames("p-progress-spinner",e.className);return s.createElement("div",i({id:e.id,style:e.style,className:l,role:"alert","aria-busy":!0},n),s.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:e.animationDuration}},s.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:e.fill,strokeWidth:e.strokeWidth,strokeMiterlimit:"10"})))})));return a.displayName="ProgressSpinner",a.defaultProps={__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s"},e.ProgressSpinner=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,r,t){"use strict";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(r);function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}var a=s.memo(s.forwardRef((function(e,r){var n=s.useRef(null),l=t.ObjectUtils.findDiffKeys(e,a.defaultProps),o=t.classNames("p-progress-spinner",e.className);return s.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return n.current}}})),s.createElement("div",i({id:e.id,ref:n,style:e.style,className:o,role:"alert","aria-busy":!0},l),s.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:e.animationDuration}},s.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:e.fill,strokeWidth:e.strokeWidth,strokeMiterlimit:"10"})))})));return a.displayName="ProgressSpinner",a.defaultProps={__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s"},e.ProgressSpinner=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/radiobutton/radiobutton.cjs.js

@@ -115,27 +115,37 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var inputRef = React__namespace.useRef(props.inputRef);
 
   var select = function select(e) {
-    inputRef.current.checked = true;
     onClick(e);
   };
 
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
-      props.onChange({
-        originalEvent: e,
-        value: props.value,
-        checked: !props.checked,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          name: props.name,
-          id: props.id,
+      var checked = props.checked;
+      var radioClicked = e.target instanceof HTMLDivElement;
+      var inputClicked = e.target === inputRef.current;
+      var isInputToggled = inputClicked && e.target.checked !== checked;
+      var isRadioToggled = radioClicked && !e.target.checked;
+
+      if (isInputToggled || isRadioToggled) {
+        var value = !checked;
+        props.onChange({
+          originalEvent: e,
           value: props.value,
-          checked: !props.checked
-        }
-      });
-      inputRef.current.checked = !props.checked;
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'radio',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+      }
+
       utils.DomHandler.focus(inputRef.current);
+      e.preventDefault();
     }
   };
 
@@ -147,6 +157,12 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   React__namespace.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -157,7 +173,14 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, [inputRef, props.inputRef]);
   React__namespace.useImperativeHandle(ref, function () {
     return {
-      select: select
+      props: props,
+      select: select,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
     };
   });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
@@ -191,6 +214,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex

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 a=r(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(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 u(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)?u(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=a.memo(a.forwardRef((function(e,r){var u,f,p=a.useState(!1),b=(f=2,i(u=p)||o(u,f)||c(u,f)||d()),m=b[0],h=b[1],y=a.useRef(null),v=a.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){!e.disabled&&e.onChange&&(e.onChange({originalEvent:t,value:e.value,checked:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:e.value,checked:!e.checked}}),v.current.checked=!e.checked,n.DomHandler.focus(v.current))};a.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),a.useEffect((function(){n.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),a.useImperativeHandle(r,(function(){return{select:g}}));var O=n.ObjectUtils.isNotEmpty(e.tooltip),j=n.ObjectUtils.findDiffKeys(e,s.defaultProps),E=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=n.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return a.createElement(a.Fragment,null,a.createElement("div",l({ref:y,id:e.id,className:E,style:e.style},j,{onClick:k}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:v,id:e.inputId,type:"radio",name:e.name,defaultChecked:e.checked,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){h(!0)},onBlur:function(){h(!1)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),a.createElement("div",{className:R},a.createElement("div",{className:"p-radiobutton-icon"}))),O&&a.createElement(t.Tooltip,l({target:y,content:e.tooltip},e.tooltipOptions)))})));s.displayName="RadioButton",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,"aria-label":null,"aria-labelledby":null,onChange:null},exports.RadioButton=s;
+"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 a=r(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(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 u(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)?u(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=a.memo(a.forwardRef((function(e,r){var u,f,p=a.useState(!1),b=(f=2,i(u=p)||o(u,f)||c(u,f)||d()),m=b[0],y=b[1],v=a.useRef(null),h=a.useRef(e.inputRef),g=function(e){O(e)},O=function(t){if(!e.disabled&&e.onChange){var r=e.checked,a=t.target instanceof HTMLDivElement;if(t.target===h.current&&t.target.checked!==r||a&&!t.target.checked){var l=!r;e.onChange({originalEvent:t,value:e.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:l}})}n.DomHandler.focus(h.current),t.preventDefault()}};a.useEffect((function(){h.current&&(h.current.checked=e.checked)}),[e.checked]),a.useEffect((function(){n.ObjectUtils.combinedRefs(h,e.inputRef)}),[h,e.inputRef]),a.useImperativeHandle(r,(function(){return{props:e,select:g,getElement:function(){return v.current},getInput:function(){return h.current}}}));var k=n.ObjectUtils.isNotEmpty(e.tooltip),E=n.ObjectUtils.findDiffKeys(e,s.defaultProps),j=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=n.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return a.createElement(a.Fragment,null,a.createElement("div",l({ref:v,id:e.id,className:j,style:e.style},E,{onClick:O}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:h,id:e.inputId,type:"radio",name:e.name,defaultChecked:e.checked,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},onKeyDown:function(e){"Space"===e.code&&O(e)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),a.createElement("div",{className:R},a.createElement("div",{className:"p-radiobutton-icon"}))),k&&a.createElement(t.Tooltip,l({target:v,content:e.tooltip},e.tooltipOptions)))})));s.displayName="RadioButton",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,"aria-label":null,"aria-labelledby":null,onChange:null},exports.RadioButton=s;

package/radiobutton/radiobutton.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
 
 interface RadioButtonChangeTargetOptions {
+    type: string;
     name: string;
     id: string;
     value: any;
@@ -18,17 +19,13 @@ interface RadioButtonChangeParams {
 }
 
 export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    id?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     inputId?: string;
     name?: string;
     value?: any;
     checked?: boolean;
-    style?: object;
-    className?: string;
     disabled?: boolean;
     required?: boolean;
-    tabIndex?: number;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     onChange?(e: RadioButtonChangeParams): void;
@@ -37,4 +34,6 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
 
 export declare class RadioButton extends React.Component<RadioButtonProps, any> {
     public select(e?: React.SyntheticEvent): void;
+    public getElement(): HTMLDivElement;
+    public getInput(): HTMLInputElement;
 }

package/radiobutton/radiobutton.esm.js

@@ -91,27 +91,37 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var inputRef = React.useRef(props.inputRef);
 
   var select = function select(e) {
-    inputRef.current.checked = true;
     onClick(e);
   };
 
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
-      props.onChange({
-        originalEvent: e,
-        value: props.value,
-        checked: !props.checked,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          name: props.name,
-          id: props.id,
+      var checked = props.checked;
+      var radioClicked = e.target instanceof HTMLDivElement;
+      var inputClicked = e.target === inputRef.current;
+      var isInputToggled = inputClicked && e.target.checked !== checked;
+      var isRadioToggled = radioClicked && !e.target.checked;
+
+      if (isInputToggled || isRadioToggled) {
+        var value = !checked;
+        props.onChange({
+          originalEvent: e,
           value: props.value,
-          checked: !props.checked
-        }
-      });
-      inputRef.current.checked = !props.checked;
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'radio',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+      }
+
       DomHandler.focus(inputRef.current);
+      e.preventDefault();
     }
   };
 
@@ -123,6 +133,12 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   React.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -133,7 +149,14 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, [inputRef, props.inputRef]);
   React.useImperativeHandle(ref, function () {
     return {
-      select: select
+      props: props,
+      select: select,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
     };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
@@ -167,6 +190,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as r,DomHandler as a}from"primereact/utils";function l(){return l=Object.assign||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},l.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function u(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 u(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)?u(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=e.memo(e.forwardRef((function(u,f){var p,m,b=e.useState(!1),h=(m=2,o(p=b)||i(p,m)||c(p,m)||d()),y=h[0],v=h[1],g=e.useRef(null),k=e.useRef(u.inputRef),E=function(e){k.current.checked=!0,R(e)},R=function(e){!u.disabled&&u.onChange&&(u.onChange({originalEvent:e,value:u.value,checked:!u.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:u.value,checked:!u.checked}}),k.current.checked=!u.checked,a.focus(k.current))};e.useEffect((function(){k.current&&(k.current.checked=u.checked)}),[u.checked]),e.useEffect((function(){n.combinedRefs(k,u.inputRef)}),[k,u.inputRef]),e.useImperativeHandle(f,(function(){return{select:E}}));var I=n.isNotEmpty(u.tooltip),N=n.findDiffKeys(u,s.defaultProps),O=r("p-radiobutton p-component",{"p-radiobutton-checked":u.checked,"p-radiobutton-disabled":u.disabled,"p-radiobutton-focused":y},u.className),w=r("p-radiobutton-box",{"p-highlight":u.checked,"p-disabled":u.disabled,"p-focus":y});return e.createElement(e.Fragment,null,e.createElement("div",l({ref:g,id:u.id,className:O,style:u.style},N,{onClick:R}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:k,id:u.inputId,type:"radio",name:u.name,defaultChecked:u.checked,"aria-labelledby":u["aria-labelledby"],"aria-label":u["aria-label"],onFocus:function(){v(!0)},onBlur:function(){v(!1)},disabled:u.disabled,required:u.required,tabIndex:u.tabIndex})),e.createElement("div",{className:w},e.createElement("div",{className:"p-radiobutton-icon"}))),I&&e.createElement(t,l({target:g,content:u.tooltip},u.tooltipOptions)))})));s.displayName="RadioButton",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,"aria-label":null,"aria-labelledby":null,onChange:null};export{s as RadioButton};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as r,DomHandler as a}from"primereact/utils";function l(){return l=Object.assign||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},l.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function u(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 u(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)?u(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 f=e.memo(e.forwardRef((function(u,s){var p,m,b=e.useState(!1),h=(m=2,o(p=b)||i(p,m)||c(p,m)||d()),y=h[0],v=h[1],g=e.useRef(null),k=e.useRef(u.inputRef),E=function(e){I(e)},I=function(e){if(!u.disabled&&u.onChange){var t=u.checked,n=e.target instanceof HTMLDivElement;if(e.target===k.current&&e.target.checked!==t||n&&!e.target.checked){var r=!t;u.onChange({originalEvent:e,value:u.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:u.name,id:u.id,value:u.value,checked:r}})}a.focus(k.current),e.preventDefault()}};e.useEffect((function(){k.current&&(k.current.checked=u.checked)}),[u.checked]),e.useEffect((function(){n.combinedRefs(k,u.inputRef)}),[k,u.inputRef]),e.useImperativeHandle(s,(function(){return{props:u,select:E,getElement:function(){return g.current},getInput:function(){return k.current}}}));var R=n.isNotEmpty(u.tooltip),N=n.findDiffKeys(u,f.defaultProps),w=r("p-radiobutton p-component",{"p-radiobutton-checked":u.checked,"p-radiobutton-disabled":u.disabled,"p-radiobutton-focused":y},u.className),O=r("p-radiobutton-box",{"p-highlight":u.checked,"p-disabled":u.disabled,"p-focus":y});return e.createElement(e.Fragment,null,e.createElement("div",l({ref:g,id:u.id,className:w,style:u.style},N,{onClick:I}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:k,id:u.inputId,type:"radio",name:u.name,defaultChecked:u.checked,"aria-labelledby":u["aria-labelledby"],"aria-label":u["aria-label"],onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"===e.code&&I(e)},disabled:u.disabled,required:u.required,tabIndex:u.tabIndex})),e.createElement("div",{className:O},e.createElement("div",{className:"p-radiobutton-icon"}))),R&&e.createElement(t,l({target:g,content:u.tooltip},u.tooltipOptions)))})));f.displayName="RadioButton",f.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,"aria-label":null,"aria-labelledby":null,onChange:null};export{f as RadioButton};

package/radiobutton/radiobutton.js

@@ -111,27 +111,37 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
     var inputRef = React__namespace.useRef(props.inputRef);
 
     var select = function select(e) {
-      inputRef.current.checked = true;
       onClick(e);
     };
 
     var onClick = function onClick(e) {
       if (!props.disabled && props.onChange) {
-        props.onChange({
-          originalEvent: e,
-          value: props.value,
-          checked: !props.checked,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
-          target: {
-            name: props.name,
-            id: props.id,
+        var checked = props.checked;
+        var radioClicked = e.target instanceof HTMLDivElement;
+        var inputClicked = e.target === inputRef.current;
+        var isInputToggled = inputClicked && e.target.checked !== checked;
+        var isRadioToggled = radioClicked && !e.target.checked;
+
+        if (isInputToggled || isRadioToggled) {
+          var value = !checked;
+          props.onChange({
+            originalEvent: e,
             value: props.value,
-            checked: !props.checked
-          }
-        });
-        inputRef.current.checked = !props.checked;
+            checked: value,
+            stopPropagation: function stopPropagation() {},
+            preventDefault: function preventDefault() {},
+            target: {
+              type: 'radio',
+              name: props.name,
+              id: props.id,
+              value: props.value,
+              checked: value
+            }
+          });
+        }
+
         utils.DomHandler.focus(inputRef.current);
+        e.preventDefault();
       }
     };
 
@@ -143,6 +153,12 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Space') {
+        onClick(event);
+      }
+    };
+
     React__namespace.useEffect(function () {
       if (inputRef.current) {
         inputRef.current.checked = props.checked;
@@ -153,7 +169,14 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
     }, [inputRef, props.inputRef]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        select: select
+        props: props,
+        select: select,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
       };
     });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
@@ -187,6 +210,7 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex