primereact 8.7.2 → 9.0.0-beta.1

package/progressbar/progressbar.cjs.js

@@ -29,14 +29,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -44,16 +42,13 @@ 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;
       return label;
     }
-
     return null;
   };
-
   var createDeterminate = function createDeterminate() {
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
     var className = utils.classNames('p-progressbar p-component p-progressbar-determinate', props.className);
@@ -78,7 +73,6 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: "p-progressbar-label"
     }, label)));
   };
-
   var createIndeterminate = function createIndeterminate() {
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
     var className = utils.classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
@@ -97,7 +91,6 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       }
     })));
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/progressbar/progressbar.d.ts

@@ -1,19 +1,68 @@
+/**
+ *
+ * ProgressBar is a process status indicator.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/progressbar)
+ *
+ * @module progressbar
+ *
+ */
 import * as React from 'react';
 
-type ProgressBarModeType = 'determinate' | 'indeterminate';
-
-type ProgressBarValueType = string | number | undefined | null;
-
+/**
+ * Defines valid properties in ProgressBar component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ProgressBarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    value?: ProgressBarValueType;
-    showValue?: boolean;
-    unit?: string;
-    mode?: ProgressBarModeType;
-    color?: string;
-    displayValueTemplate?(value: ProgressBarValueType): React.ReactNode;
-    children?: React.ReactNode;
+    /**
+     * Current value of the progress.
+     */
+    value?: string | number | null | undefined;
+    /**
+     * Show or hide progress bar value.
+     * @defaultValue true
+     */
+    showValue?: boolean | undefined;
+    /**
+     * Unit sign appended to the value.
+     * @defaultValue %
+     */
+    unit?: string | undefined;
+    /**
+     * Defines the mode of the progress, valid values are "determinate" and "indeterminate".
+     * @defaultValue determinate
+     */
+    mode?: 'determinate' | 'indeterminate' | undefined;
+    /**
+     * Color for the background of the progress.
+     */
+    color?: string | undefined;
+    /**
+     * Custom display value template
+     */
+    displayValueTemplate?(value: string | number | undefined | null | undefined): React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ProgressBar**
+ *
+ * _ProgressBar is a process status indicator._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/progressbar/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ProgressBar extends React.Component<ProgressBarProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/progressbar/progressbar.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -20,16 +18,13 @@ 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;
       return label;
     }
-
     return null;
   };
-
   var createDeterminate = function createDeterminate() {
     var otherProps = ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
     var className = classNames('p-progressbar p-component p-progressbar-determinate', props.className);
@@ -54,7 +49,6 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       className: "p-progressbar-label"
     }, label)));
   };
-
   var createIndeterminate = function createIndeterminate() {
     var otherProps = ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
     var className = classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
@@ -73,7 +67,6 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       }
     })));
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/progressbar/progressbar.js

@@ -26,14 +26,12 @@ this.primereact.progressbar = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,16 +39,13 @@ 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;
         return label;
       }
-
       return null;
     };
-
     var createDeterminate = function createDeterminate() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
       var className = utils.classNames('p-progressbar p-component p-progressbar-determinate', props.className);
@@ -75,7 +70,6 @@ this.primereact.progressbar = (function (exports, React, utils) {
         className: "p-progressbar-label"
       }, label)));
     };
-
     var createIndeterminate = function createIndeterminate() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
       var className = utils.classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
@@ -94,7 +88,6 @@ this.primereact.progressbar = (function (exports, React, utils) {
         }
       })));
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/progressspinner/progressspinner.cjs.js

@@ -29,14 +29,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);

package/progressspinner/progressspinner.d.ts

@@ -1,12 +1,55 @@
+/**
+ *
+ * ProgressSpinner is a process status indicator.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/progressspinner)
+ *
+ * @module progressspinner
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in ProgressSpinner component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ProgressSpinnerProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    strokeWidth?: string;
-    fill?: string;
-    animationDuration?: string;
-    children?: React.ReactNode;
+    /**
+     * Width of the circle stroke.
+     * @defaultValue 2
+     */
+    strokeWidth?: string | undefined;
+    /**
+     * 	Color for the background of the circle.
+     */
+    fill?: string | undefined;
+    /**
+     * Duration of the rotate animation.
+     * @defaultValue 2s
+     */
+    animationDuration?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ProgressSpinner**
+ *
+ * _ProgressSpinner is a process status indicator._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/progressspinner/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ProgressSpinner extends React.Component<ProgressSpinnerProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/progressspinner/progressspinner.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);

package/progressspinner/progressspinner.js

@@ -26,14 +26,12 @@ this.primereact.progressspinner = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);

package/radiobutton/radiobutton.cjs.js

@@ -30,14 +30,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -48,42 +46,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -106,25 +102,21 @@ function _slicedToArray(arr, i) {
 
 var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
-
   var select = function select(e) {
     onClick(e);
   };
-
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
       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;
-
+      var isRadioToggled = radioClicked && (utils.DomHandler.hasClass(elementRef.current, 'p-radiobutton-checked') === checked ? !checked : false);
       if (isInputToggled || isRadioToggled) {
         var value = !checked;
         props.onChange({
@@ -141,27 +133,26 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
             checked: value
           }
         });
+        if (isRadioToggled) {
+          inputRef.current.checked = value;
+        }
       }
-
       utils.DomHandler.focus(inputRef.current);
       e.preventDefault();
     }
   };
-
   var onFocus = function onFocus() {
     setFocusedState(true);
   };
-
   var onBlur = function onBlur() {
     setFocusedState(false);
   };
-
   var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space') {
+    if (event.code === 'Space' || event.key === ' ') {
+      // event.key is for Android support
       onClick(event);
     }
   };
-
   React__namespace.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -174,6 +165,9 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return {
       props: props,
       select: select,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

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

package/radiobutton/radiobutton.d.ts

@@ -1,39 +1,109 @@
+/**
+ *
+ * RadioButton is an extension to standard radio button element with theming.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/radiobutton/)
+ *
+ * @module radiobutton
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
 
-interface RadioButtonChangeTargetOptions {
-    type: string;
-    name: string;
-    id: string;
-    value: any;
-    checked: boolean;
-}
-
-interface RadioButtonChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: any;
-    checked: boolean;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: RadioButtonChangeTargetOptions;
-}
+/**
+ * Custom change event.
+ * @see {@link RadioButtonProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface RadioButtonChangeEvent extends FormEvent {}
 
+/**
+ * Defines valid properties in RadioButton component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    inputRef?: React.Ref<HTMLInputElement>;
-    inputId?: string;
-    name?: string;
-    value?: any;
-    checked?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    onChange?(e: RadioButtonChangeParams): void;
-    children?: React.ReactNode;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Unique identifier of the inner native radiobutton.
+     */
+    inputId?: string | undefined;
+    /**
+     * Name of the checkbox element.
+     */
+    name?: string | undefined;
+    /**
+     * Value of the checkbox.
+     */
+    value?: any | undefined;
+    /**
+     * Specifies whether a checkbox should be checked or not.
+     * @defaultValue false
+     */
+    checked?: boolean | undefined;
+    /**
+     * When present, it specifies that the element value cannot be altered.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @defaultValue false
+     */
+    required?: boolean | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * Callback to invoke on value change
+     * @param {RadioButtonChangeEvent} event - Custom change event.
+     */
+    onChange?(event: RadioButtonChangeEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - RadioButton**
+ *
+ * _RadioButton is an extension to standard radio button element with theming._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/radiobutton/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class RadioButton extends React.Component<RadioButtonProps, any> {
-    public select(e?: React.SyntheticEvent): void;
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to select a button
+     * @param {React.SyntheticEvent} event - Browser event
+     */
+    public select(event?: React.SyntheticEvent): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get input element.
+     * @return {HTMLInputElement} Input element
+     */
     public getInput(): HTMLInputElement;
 }