primereact 8.1.1 → 8.4.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

@@ -121,21 +121,29 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 
   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;
+
+      if (inputRef.current.checked === checked) {
+        var value = !checked;
+        props.onChange({
+          originalEvent: e,
           value: props.value,
-          checked: !props.checked
-        }
-      });
-      inputRef.current.checked = !props.checked;
-      inputRef.current.focus();
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'radio',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+        inputRef.current.checked = value;
+      }
+
+      utils.DomHandler.focus(inputRef.current);
+      e.preventDefault();
     }
   };
 
@@ -157,7 +165,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);

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,v.current.focus())};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],h=b[1],y=a.useRef(null),v=a.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){if(!e.disabled&&e.onChange){var r=e.checked;if(v.current.checked===r){var a=!r;e.onChange({originalEvent:t,value:e.value,checked:a,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:a}}),v.current.checked=a}n.DomHandler.focus(v.current),t.preventDefault()}};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{props:e,select:g,getElement:function(){return y.current},getInput:function(){return v.current}}}));var O=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:y,id:e.id,className:j,style:e.style},E,{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;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -97,21 +97,29 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 
   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;
+
+      if (inputRef.current.checked === checked) {
+        var value = !checked;
+        props.onChange({
+          originalEvent: e,
           value: props.value,
-          checked: !props.checked
-        }
-      });
-      inputRef.current.checked = !props.checked;
-      inputRef.current.focus();
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'radio',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+        inputRef.current.checked = value;
+      }
+
+      DomHandler.focus(inputRef.current);
+      e.preventDefault();
     }
   };
 
@@ -133,7 +141,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);

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}from"primereact/utils";function a(){return a=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},a.apply(this,arguments)}function l(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=[],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 i(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 u(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function c(){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 d=e.memo(e.forwardRef((function(i,s){var f,p,m=e.useState(!1),b=(p=2,l(f=m)||o(f,p)||u(f,p)||c()),h=b[0],y=b[1],v=e.useRef(null),g=e.useRef(i.inputRef),k=function(e){g.current.checked=!0,E(e)},E=function(e){!i.disabled&&i.onChange&&(i.onChange({originalEvent:e,value:i.value,checked:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:i.value,checked:!i.checked}}),g.current.checked=!i.checked,g.current.focus())};e.useEffect((function(){g.current&&(g.current.checked=i.checked)}),[i.checked]),e.useEffect((function(){n.combinedRefs(g,i.inputRef)}),[g,i.inputRef]),e.useImperativeHandle(s,(function(){return{select:k}}));var R=n.isNotEmpty(i.tooltip),I=n.findDiffKeys(i,d.defaultProps),N=r("p-radiobutton p-component",{"p-radiobutton-checked":i.checked,"p-radiobutton-disabled":i.disabled,"p-radiobutton-focused":h},i.className),O=r("p-radiobutton-box",{"p-highlight":i.checked,"p-disabled":i.disabled,"p-focus":h});return e.createElement(e.Fragment,null,e.createElement("div",a({ref:v,id:i.id,className:N,style:i.style},I,{onClick:E}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:g,id:i.inputId,type:"radio",name:i.name,defaultChecked:i.checked,"aria-labelledby":i["aria-labelledby"],"aria-label":i["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},disabled:i.disabled,required:i.required,tabIndex:i.tabIndex})),e.createElement("div",{className:O},e.createElement("div",{className:"p-radiobutton-icon"}))),R&&e.createElement(t,a({target:v,content:i.tooltip},i.tooltipOptions)))})));d.displayName="RadioButton",d.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{d 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){k.current.checked=!0,I(e)},I=function(e){if(!u.disabled&&u.onChange){var t=u.checked;if(k.current.checked===t){var n=!t;u.onChange({originalEvent:e,value:u.value,checked:n,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:u.name,id:u.id,value:u.value,checked:n}}),k.current.checked=n}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),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: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)},disabled:u.disabled,required:u.required,tabIndex:u.tabIndex})),e.createElement("div",{className:w},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

@@ -117,21 +117,29 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
 
     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;
+
+        if (inputRef.current.checked === checked) {
+          var value = !checked;
+          props.onChange({
+            originalEvent: e,
             value: props.value,
-            checked: !props.checked
-          }
-        });
-        inputRef.current.checked = !props.checked;
-        inputRef.current.focus();
+            checked: value,
+            stopPropagation: function stopPropagation() {},
+            preventDefault: function preventDefault() {},
+            target: {
+              type: 'radio',
+              name: props.name,
+              id: props.id,
+              value: props.value,
+              checked: value
+            }
+          });
+          inputRef.current.checked = value;
+        }
+
+        utils.DomHandler.focus(inputRef.current);
+        e.preventDefault();
       }
     };
 
@@ -153,7 +161,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);

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r){"use strict";function a(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 l=a(t);function i(){return i=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},i.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function c(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 d(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 s(){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=l.memo(l.forwardRef((function(e,t){var a,u,p=l.useState(!1),b=(u=2,o(a=p)||c(a,u)||d(a,u)||s()),m=b[0],h=b[1],y=l.useRef(null),v=l.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,v.current.focus())};l.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),l.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),l.useImperativeHandle(t,(function(){return{select:g}}));var O=r.ObjectUtils.isNotEmpty(e.tooltip),j=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=r.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return l.createElement(l.Fragment,null,l.createElement("div",i({ref:y,id:e.id,className:E,style:e.style},j,{onClick:k}),l.createElement("div",{className:"p-hidden-accessible"},l.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})),l.createElement("div",{className:R},l.createElement("div",{className:"p-radiobutton-icon"}))),O&&l.createElement(n.Tooltip,i({target:y,content:e.tooltip},e.tooltipOptions)))})));return 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},e.RadioButton=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r){"use strict";function a(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 l=a(t);function i(){return i=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},i.apply(this,arguments)}function o(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,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 c(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 d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function s(){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=l.memo(l.forwardRef((function(e,t){var a,c,p=l.useState(!1),b=(c=2,o(a=p)||u(a,c)||d(a,c)||s()),m=b[0],h=b[1],y=l.useRef(null),v=l.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){if(!e.disabled&&e.onChange){var n=e.checked;if(v.current.checked===n){var a=!n;e.onChange({originalEvent:t,value:e.value,checked:a,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:a}}),v.current.checked=a}r.DomHandler.focus(v.current),t.preventDefault()}};l.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),l.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),l.useImperativeHandle(t,(function(){return{props:e,select:g,getElement:function(){return y.current},getInput:function(){return v.current}}}));var O=r.ObjectUtils.isNotEmpty(e.tooltip),E=r.ObjectUtils.findDiffKeys(e,f.defaultProps),j=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=r.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return l.createElement(l.Fragment,null,l.createElement("div",i({ref:y,id:e.id,className:j,style:e.style},E,{onClick:k}),l.createElement("div",{className:"p-hidden-accessible"},l.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})),l.createElement("div",{className:R},l.createElement("div",{className:"p-radiobutton-icon"}))),O&&l.createElement(n.Tooltip,i({target:y,content:e.tooltip},e.tooltipOptions)))})));return 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},e.RadioButton=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/rating/rating.cjs.js

@@ -134,6 +134,14 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Rating.defaultProps);
   var className = utils.classNames('p-rating', {

package/rating/rating.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 a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=a(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(this,arguments)}var i=r.memo(r.forwardRef((function(e,a){var o=r.useRef(null),u=!e.disabled&&!e.readOnly,c=u?0:null,s=function(t,n){u&&e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),t.preventDefault()},p=function(t){u&&e.onChange&&e.onChange({originalEvent:t,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:null}}),t.preventDefault()},f=function(e,t){"Enter"===e.key&&s(e,t)},d=function(e){"Enter"===e.key&&p(e)},g=n.ObjectUtils.isNotEmpty(e.tooltip),m=n.ObjectUtils.findDiffKeys(e,i.defaultProps),v=n.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),y=e.cancel?r.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:p,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:e.stars},(function(e,t){return t+1})).map((function(t){var a=n.classNames("p-rating-icon",{"pi pi-star":!e.value||t>e.value,"pi pi-star-fill":t<=e.value});return r.createElement("span",{className:a,onClick:function(e){return s(e,t)},key:t,tabIndex:c,onKeyDown:function(e){return f(e,t)}})}));return r.createElement(r.Fragment,null,r.createElement("div",l({ref:o,id:e.id,className:v,style:e.style},m),y,b),g&&r.createElement(t.Tooltip,l({target:o,content:e.tooltip},e.tooltipOptions)))})));i.displayName="Rating",i.defaultProps={__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null},exports.Rating=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/tooltip"),t=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var r=a(e);function l(){return l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},l.apply(this,arguments)}var i=r.memo(r.forwardRef((function(e,a){var o=r.useRef(null),u=!e.disabled&&!e.readOnly,c=u?0:null,s=function(n,t){u&&e.onChange&&e.onChange({originalEvent:n,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t}}),n.preventDefault()},p=function(n){u&&e.onChange&&e.onChange({originalEvent:n,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:null}}),n.preventDefault()},f=function(e,n){"Enter"===e.key&&s(e,n)},d=function(e){"Enter"===e.key&&p(e)};r.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return o.current}}}));var m=t.ObjectUtils.isNotEmpty(e.tooltip),v=t.ObjectUtils.findDiffKeys(e,i.defaultProps),g=t.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),y=e.cancel?r.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:p,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:e.stars},(function(e,n){return n+1})).map((function(n){var a=t.classNames("p-rating-icon",{"pi pi-star":!e.value||n>e.value,"pi pi-star-fill":n<=e.value});return r.createElement("span",{className:a,onClick:function(e){return s(e,n)},key:n,tabIndex:c,onKeyDown:function(e){return f(e,n)}})}));return r.createElement(r.Fragment,null,r.createElement("div",l({ref:o,id:e.id,className:g,style:e.style},v),y,b),m&&r.createElement(n.Tooltip,l({target:o,content:e.tooltip},e.tooltipOptions)))})));i.displayName="Rating",i.defaultProps={__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null},exports.Rating=i;