primereact 8.7.2 → 9.0.0-beta.1

package/radiobutton/radiobutton.esm.js

@@ -6,14 +6,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);
@@ -24,42 +22,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;
 }
 
@@ -82,25 +78,21 @@ function _slicedToArray(arr, i) {
 
 var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.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.useRef(null);
   var inputRef = React.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 && (DomHandler.hasClass(elementRef.current, 'p-radiobutton-checked') === checked ? !checked : false);
       if (isInputToggled || isRadioToggled) {
         var value = !checked;
         props.onChange({
@@ -117,27 +109,26 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             checked: value
           }
         });
+        if (isRadioToggled) {
+          inputRef.current.checked = value;
+        }
       }
-
       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.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -150,6 +141,9 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return {
       props: props,
       select: select,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

package/radiobutton/radiobutton.esm.min.js

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

package/radiobutton/radiobutton.js

@@ -26,14 +26,12 @@ this.primereact.radiobutton = (function (exports, React, tooltip, 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);
@@ -44,42 +42,40 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
   }
 
   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;
   }
 
@@ -102,25 +98,21 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
 
   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({
@@ -137,27 +129,26 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
               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;
@@ -170,6 +161,9 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       return {
         props: props,
         select: select,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },

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 i=a(t);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 c(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,i=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return i}}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=i.memo(i.forwardRef((function(e,t){var a,u,p=i.useState(!1),m=(u=2,c(a=p)||l(a,u)||d(a,u)||s()),b=m[0],h=m[1],v=i.useRef(null),y=i.useRef(e.inputRef),g=function(e){O(e)},O=function(t){if(!e.disabled&&e.onChange){var n=e.checked,a=t.target instanceof HTMLDivElement;if(t.target===y.current&&t.target.checked!==n||a&&!t.target.checked){var i=!n;e.onChange({originalEvent:t,value:e.value,checked:i,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:i}})}r.DomHandler.focus(y.current),t.preventDefault()}};i.useEffect((function(){y.current&&(y.current.checked=e.checked)}),[e.checked]),i.useEffect((function(){r.ObjectUtils.combinedRefs(y,e.inputRef)}),[y,e.inputRef]),i.useImperativeHandle(t,(function(){return{props:e,select:g,getElement:function(){return v.current},getInput:function(){return y.current}}}));var j=r.ObjectUtils.isNotEmpty(e.tooltip),k=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.ObjectUtils.reduceKeys(k,r.DomHandler.ARIA_PROPS),R=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":b},e.className),I=r.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":b});return i.createElement(i.Fragment,null,i.createElement("div",o({ref:v,id:e.id,className:R,style:e.style},k,{onClick:O}),i.createElement("div",{className:"p-hidden-accessible"},i.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&&O(e)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex},E))),i.createElement("div",{className:I},i.createElement("div",{className:"p-radiobutton-icon"}))),j&&i.createElement(n.Tooltip,o({target:v,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,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 o=a(t);function i(){return i=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},i.apply(this,arguments)}function c(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,c=[],u=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw a}}return c}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function 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=o.memo(o.forwardRef((function(e,t){var a,l,p=o.useState(!1),m=(l=2,c(a=p)||u(a,l)||d(a,l)||s()),b=m[0],h=m[1],y=o.useRef(null),v=o.useRef(e.inputRef),g=function(e){O(e)},O=function(t){if(!e.disabled&&e.onChange){var n=e.checked,a=t.target instanceof HTMLDivElement,o=t.target===v.current&&t.target.checked!==n,i=a&&r.DomHandler.hasClass(y.current,"p-radiobutton-checked")===n&&!n;if(o||i){var c=!n;e.onChange({originalEvent:t,value:e.value,checked:c,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:c}}),i&&(v.current.checked=c)}r.DomHandler.focus(v.current),t.preventDefault()}};o.useEffect((function(){v.current&&(v.current.checked=e.checked)}),[e.checked]),o.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]),o.useImperativeHandle(t,(function(){return{props:e,select:g,focus:function(){return r.DomHandler.focus(v.current)},getElement:function(){return y.current},getInput:function(){return v.current}}}));var j=r.ObjectUtils.isNotEmpty(e.tooltip),k=r.ObjectUtils.findDiffKeys(e,f.defaultProps),E=r.ObjectUtils.reduceKeys(k,r.DomHandler.ARIA_PROPS),R=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":b},e.className),I=r.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":b});return o.createElement(o.Fragment,null,o.createElement("div",i({ref:y,id:e.id,className:R,style:e.style},k,{onClick:O}),o.createElement("div",{className:"p-hidden-accessible"},o.createElement("input",i({ref:v,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))),o.createElement("div",{className:I},o.createElement("div",{className:"p-radiobutton-icon"}))),j&&o.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,onChange:null},e.RadioButton=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/rating/rating.cjs.js

@@ -30,20 +30,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -54,18 +79,15 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
   var tabIndex = enabled ? 0 : null;
-
   var rate = function rate(event, i) {
     if (enabled && props.onChange) {
       props.onChange({
@@ -80,10 +102,8 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         }
       });
     }
-
     event.preventDefault();
   };
-
   var clear = function clear(event) {
     if (enabled && props.onChange) {
       props.onChange({
@@ -98,22 +118,18 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         }
       });
     }
-
     event.preventDefault();
   };
-
   var onStarKeyDown = function onStarKeyDown(event, value) {
     if (event.key === 'Enter') {
       rate(event, value);
     }
   };
-
   var onCancelKeyDown = function onCancelKeyDown(event) {
     if (event.key === 'Enter') {
       clear(event);
     }
   };
-
   var createIcons = function createIcons() {
     return Array.from({
       length: props.stars
@@ -149,7 +165,6 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       }, content);
     });
   };
-
   var createCancelIcon = function createCancelIcon() {
     if (props.cancel) {
       var content = utils.IconUtils.getJSXIcon(props.cancelIcon, _objectSpread({
@@ -164,10 +179,8 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         onKeyDown: onCancelKeyDown
       }, content);
     }
-
     return null;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/tooltip"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){i(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u=o.memo(o.forwardRef((function(e,r){var i=o.useRef(null),l=!e.disabled&&!e.readOnly,p=l?0:null,s=function(n,t){l&&e.onChange&&e.onChange({originalEvent:n,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t}}),n.preventDefault()},f=function(n){l&&e.onChange&&e.onChange({originalEvent:n,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:null}}),n.preventDefault()},g=function(e,n){"Enter"===e.key&&s(e,n)},d=function(e){"Enter"===e.key&&f(e)};o.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return i.current}}}));var b=t.ObjectUtils.isNotEmpty(e.tooltip),m=t.ObjectUtils.findDiffKeys(e,u.defaultProps),y=t.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),O=function(){if(e.cancel){var n=t.IconUtils.getJSXIcon(e.cancelIcon,c({className:"p-rating-icon p-rating-cancel"},e.cancelIconProps),{props:e});return o.createElement("div",{className:"p-rating-item p-rating-cancel-item",onClick:f,tabIndex:p,onKeyDown:d},n)}return null}(),v=Array.from({length:e.stars},(function(e,n){return n+1})).map((function(n){var r=n<=e.value,a=t.classNames("p-rating-item",{"p-rating-item-active":r}),i=r?{type:e.onIcon,props:e.onIconProps}:{type:e.offIcon,props:e.offIconProps},l=t.IconUtils.getJSXIcon(i.type,c({className:"p-rating-icon"},i.props),{props:e});return o.createElement("div",{key:n,className:a,tabIndex:p,onClick:function(e){return s(e,n)},onKeyDown:function(e){return g(e,n)}},l)}));return o.createElement(o.Fragment,null,o.createElement("div",a({ref:i,id:e.id,className:y,style:e.style},m),O,v),b&&o.createElement(n.Tooltip,a({target:i,content:e.tooltip},e.tooltipOptions)))})));u.displayName="Rating",u.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,onIcon:"pi pi-star-fill",offIcon:"pi pi-star",cancelIcon:"pi pi-ban",cancelIconProps:null,onIconProps:null,offIconProps:null},exports.Rating=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(e);function i(){return i=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},i.apply(this,arguments)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function l(e,t){if("object"!==a(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=l(e,"string");return"symbol"===a(t)?t:String(t)}function u(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var f=o.memo(o.forwardRef((function(e,r){var a=o.useRef(null),l=!e.disabled&&!e.readOnly,c=l?0:null,u=function(t,n){l&&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){l&&e.onChange&&e.onChange({originalEvent:t,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:null}}),t.preventDefault()},y=function(e,t){"Enter"===e.key&&u(e,t)},m=function(e){"Enter"===e.key&&p(e)};o.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return a.current}}}));var b=n.ObjectUtils.isNotEmpty(e.tooltip),g=n.ObjectUtils.findDiffKeys(e,f.defaultProps),v=n.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),d=function(){if(e.cancel){var t=n.IconUtils.getJSXIcon(e.cancelIcon,s({className:"p-rating-icon p-rating-cancel"},e.cancelIconProps),{props:e});return o.createElement("div",{className:"p-rating-item p-rating-cancel-item",onClick:p,tabIndex:c,onKeyDown:m},t)}return null}(),O=Array.from({length:e.stars},(function(e,t){return t+1})).map((function(t){var r=t<=e.value,i=n.classNames("p-rating-item",{"p-rating-item-active":r}),a=r?{type:e.onIcon,props:e.onIconProps}:{type:e.offIcon,props:e.offIconProps},l=n.IconUtils.getJSXIcon(a.type,s({className:"p-rating-icon"},a.props),{props:e});return o.createElement("div",{key:t,className:i,tabIndex:c,onClick:function(e){return u(e,t)},onKeyDown:function(e){return y(e,t)}},l)}));return o.createElement(o.Fragment,null,o.createElement("div",i({ref:a,id:e.id,className:v,style:e.style},g),d,O),b&&o.createElement(t.Tooltip,i({target:a,content:e.tooltip},e.tooltipOptions)))})));f.displayName="Rating",f.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,onIcon:"pi pi-star-fill",offIcon:"pi pi-star",cancelIcon:"pi pi-ban",cancelIconProps:null,onIconProps:null,offIconProps:null},exports.Rating=f;

package/rating/rating.d.ts

@@ -1,39 +1,116 @@
+/**
+ *
+ * Rating component is a star based selection input.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/rating/)
+ *
+ * @module rating
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
 import { IconType } from '../utils';
 
-interface RatingChangeTargetOptions {
-    name: string;
-    id: string;
-    value: number | undefined | null;
-}
-
-interface RatingChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: number | undefined | null;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: RatingChangeTargetOptions;
-}
+/**
+ * Custom change event.
+ * @see {@link RatingProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface RatingChangeEvent extends FormEvent<number> {}
 
+/**
+ * Defines valid properties in Rating component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    value?: number;
-    disabled?: boolean;
-    readOnly?: boolean;
-    stars?: number;
-    cancel?: boolean;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    onChange?(e: RatingChangeParams): void;
-    children?: React.ReactNode;
-    onIcon?: IconType<RatingProps>;
+    /**
+     * Value of the rating.
+     */
+    value?: number | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that the input cannot be typed.
+     * @defaultValue false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Number of stars.
+     * @defaultValue 5
+     */
+    stars?: number | undefined;
+    /**
+     * When specified a cancel icon is displayed to allow removing the value.
+     * @defaultValue true
+     */
+    cancel?: 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 {RatingChangeEvent} event - Custom change event.
+     */
+    onChange?(event: RatingChangeEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * ClassName of the on icon component.
+     * @defaultValue pi pi-star-fill
+     */
+    onIcon?: IconType<RatingProps> | undefined;
+    /**
+     * ClassName of the off icon component.
+     * @defaultValue pi pi-star
+     */
     offIcon?: IconType<RatingProps>;
+    /**
+     * ClassName of the cancel icon component.
+     * @defaultValue pi pi-ban
+     */
     cancelIcon?: IconType<RatingProps>;
+    /**
+     * Properties of the cancel icon.
+     */
     cancelIconProps?: React.HTMLAttributes<HTMLSpanElement>;
+    /**
+     * Properties of the on icon.
+     */
     onIconProps?: React.HTMLAttributes<HTMLSpanElement>;
+    /**
+     * Properties of the off icon.
+     */
     offIconProps?: React.HTMLAttributes<HTMLSpanElement>;
 }
 
+/**
+ * **PrimeReact - Rating**
+ *
+ * _Rating component is a star based selection input._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/rating/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Rating extends React.Component<RatingProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }