primereact 8.4.0 → 8.5.0

package/progressbar/progressbar.d.ts

@@ -14,6 +14,6 @@ export interface ProgressBarProps extends Omit<React.DetailedHTMLProps<React.HTM
     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/progressspinner/progressspinner.d.ts

@@ -7,6 +7,6 @@ export interface ProgressSpinnerProps extends Omit<React.DetailedHTMLProps<React
     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/radiobutton/radiobutton.cjs.js

@@ -115,15 +115,18 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var inputRef = React__namespace.useRef(props.inputRef);
 
   var select = function select(e) {
-    inputRef.current.checked = true;
     onClick(e);
   };
 
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
       var checked = props.checked;
+      var radioClicked = e.target instanceof HTMLDivElement;
+      var inputClicked = e.target === inputRef.current;
+      var isInputToggled = inputClicked && e.target.checked !== checked;
+      var isRadioToggled = radioClicked && !e.target.checked;
 
-      if (inputRef.current.checked === checked) {
+      if (isInputToggled || isRadioToggled) {
         var value = !checked;
         props.onChange({
           originalEvent: e,
@@ -139,7 +142,6 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
             checked: value
           }
         });
-        inputRef.current.checked = value;
       }
 
       utils.DomHandler.focus(inputRef.current);
@@ -155,6 +157,12 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   React__namespace.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -206,6 +214,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=a.memo(a.forwardRef((function(e,r){var u,f,p=a.useState(!1),b=(f=2,i(u=p)||o(u,f)||c(u,f)||d()),m=b[0],h=b[1],y=a.useRef(null),v=a.useRef(e.inputRef),g=function(e){v.current.checked=!0,k(e)},k=function(t){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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=a.memo(a.forwardRef((function(e,r){var u,f,p=a.useState(!1),b=(f=2,i(u=p)||o(u,f)||c(u,f)||d()),m=b[0],y=b[1],v=a.useRef(null),h=a.useRef(e.inputRef),g=function(e){O(e)},O=function(t){if(!e.disabled&&e.onChange){var r=e.checked,a=t.target instanceof HTMLDivElement;if(t.target===h.current&&t.target.checked!==r||a&&!t.target.checked){var l=!r;e.onChange({originalEvent:t,value:e.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:l}})}n.DomHandler.focus(h.current),t.preventDefault()}};a.useEffect((function(){h.current&&(h.current.checked=e.checked)}),[e.checked]),a.useEffect((function(){n.ObjectUtils.combinedRefs(h,e.inputRef)}),[h,e.inputRef]),a.useImperativeHandle(r,(function(){return{props:e,select:g,getElement:function(){return v.current},getInput:function(){return h.current}}}));var k=n.ObjectUtils.isNotEmpty(e.tooltip),E=n.ObjectUtils.findDiffKeys(e,s.defaultProps),j=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":e.checked,"p-radiobutton-disabled":e.disabled,"p-radiobutton-focused":m},e.className),R=n.classNames("p-radiobutton-box",{"p-highlight":e.checked,"p-disabled":e.disabled,"p-focus":m});return a.createElement(a.Fragment,null,a.createElement("div",l({ref:v,id:e.id,className:j,style:e.style},E,{onClick:O}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:h,id:e.inputId,type:"radio",name:e.name,defaultChecked:e.checked,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){y(!0)},onBlur:function(){y(!1)},onKeyDown:function(e){"Space"===e.code&&O(e)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),a.createElement("div",{className:R},a.createElement("div",{className:"p-radiobutton-icon"}))),k&&a.createElement(t.Tooltip,l({target:v,content:e.tooltip},e.tooltipOptions)))})));s.displayName="RadioButton",s.defaultProps={__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null},exports.RadioButton=s;

package/radiobutton/radiobutton.esm.js

@@ -91,15 +91,18 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var inputRef = React.useRef(props.inputRef);
 
   var select = function select(e) {
-    inputRef.current.checked = true;
     onClick(e);
   };
 
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
       var checked = props.checked;
+      var radioClicked = e.target instanceof HTMLDivElement;
+      var inputClicked = e.target === inputRef.current;
+      var isInputToggled = inputClicked && e.target.checked !== checked;
+      var isRadioToggled = radioClicked && !e.target.checked;
 
-      if (inputRef.current.checked === checked) {
+      if (isInputToggled || isRadioToggled) {
         var value = !checked;
         props.onChange({
           originalEvent: e,
@@ -115,7 +118,6 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             checked: value
           }
         });
-        inputRef.current.checked = value;
       }
 
       DomHandler.focus(inputRef.current);
@@ -131,6 +133,12 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   React.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -182,6 +190,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex

package/radiobutton/radiobutton.esm.min.js

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

package/radiobutton/radiobutton.js

@@ -111,15 +111,18 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
     var inputRef = React__namespace.useRef(props.inputRef);
 
     var select = function select(e) {
-      inputRef.current.checked = true;
       onClick(e);
     };
 
     var onClick = function onClick(e) {
       if (!props.disabled && props.onChange) {
         var checked = props.checked;
+        var radioClicked = e.target instanceof HTMLDivElement;
+        var inputClicked = e.target === inputRef.current;
+        var isInputToggled = inputClicked && e.target.checked !== checked;
+        var isRadioToggled = radioClicked && !e.target.checked;
 
-        if (inputRef.current.checked === checked) {
+        if (isInputToggled || isRadioToggled) {
           var value = !checked;
           props.onChange({
             originalEvent: e,
@@ -135,7 +138,6 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
               checked: value
             }
           });
-          inputRef.current.checked = value;
         }
 
         utils.DomHandler.focus(inputRef.current);
@@ -151,6 +153,12 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Space') {
+        onClick(event);
+      }
+    };
+
     React__namespace.useEffect(function () {
       if (inputRef.current) {
         inputRef.current.checked = props.checked;
@@ -202,6 +210,7 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex

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 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);
+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){O(e)},O=function(t){if(!e.disabled&&e.onChange){var n=e.checked,a=t.target instanceof HTMLDivElement;if(t.target===v.current&&t.target.checked!==n||a&&!t.target.checked){var l=!n;e.onChange({originalEvent:t,value:e.value,checked:l,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:e.name,id:e.id,value:e.value,checked:l}})}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 k=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:O}),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)},onKeyDown:function(e){"Space"===e.code&&O(e)},disabled:e.disabled,required:e.required,tabIndex:e.tabIndex})),l.createElement("div",{className:R},l.createElement("div",{className:"p-radiobutton-icon"}))),k&&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

@@ -44,6 +44,24 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } 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;
@@ -97,38 +115,55 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     }
   };
 
-  var createStars = function createStars() {
+  var createIcons = function createIcons() {
     return Array.from({
       length: props.stars
     }, function (_, i) {
       return i + 1;
     }).map(function (value) {
-      var iconClassName = utils.classNames('p-rating-icon', {
-        'pi pi-star': !props.value || value > props.value,
-        'pi pi-star-fill': value <= props.value
+      var active = value <= props.value;
+      var className = utils.classNames('p-rating-item', {
+        'p-rating-item-active': active
+      });
+      var icon = active ? {
+        type: props.onIcon,
+        props: props.onIconProps
+      } : {
+        type: props.offIcon,
+        props: props.offIconProps
+      };
+      var content = utils.IconUtils.getJSXIcon(icon.type, _objectSpread({
+        className: 'p-rating-icon'
+      }, icon.props), {
+        props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName,
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        key: value,
+        className: className,
+        tabIndex: tabIndex,
         onClick: function onClick(e) {
           return rate(e, value);
         },
-        key: value,
-        tabIndex: tabIndex,
         onKeyDown: function onKeyDown(e) {
           return onStarKeyDown(e, value);
         }
-      });
+      }, content);
     });
   };
 
   var createCancelIcon = function createCancelIcon() {
     if (props.cancel) {
-      return /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-rating-icon p-rating-cancel pi pi-ban",
+      var content = utils.IconUtils.getJSXIcon(props.cancelIcon, _objectSpread({
+        className: 'p-rating-icon p-rating-cancel'
+      }, props.cancelIconProps), {
+        props: props
+      });
+      return /*#__PURE__*/React__namespace.createElement("div", {
+        className: "p-rating-item p-rating-cancel-item",
         onClick: clear,
         tabIndex: tabIndex,
         onKeyDown: onCancelKeyDown
-      });
+      }, content);
     }
 
     return null;
@@ -149,13 +184,13 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     'p-readonly': props.readOnly
   }, props.className);
   var cancelIcon = createCancelIcon();
-  var stars = createStars();
+  var icons = createIcons();
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, otherProps), cancelIcon, stars), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, otherProps), cancelIcon, icons), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));
@@ -173,7 +208,13 @@ Rating.defaultProps = {
   className: null,
   tooltip: null,
   tooltipOptions: null,
-  onChange: null
+  onChange: null,
+  onIcon: 'pi pi-star-fill',
+  offIcon: 'pi pi-star',
+  cancelIcon: 'pi pi-ban',
+  cancelIconProps: null,
+  onIconProps: null,
+  offIconProps: null
 };
 
 exports.Rating = Rating;

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 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;
+"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||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 l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function i(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?i(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(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 l=o.useRef(null),i=!e.disabled&&!e.readOnly,p=i?0:null,s=function(n,t){i&&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){i&&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 l.current}}}));var m=t.ObjectUtils.isNotEmpty(e.tooltip),y=t.ObjectUtils.findDiffKeys(e,u.defaultProps),b=t.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),v=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}(),O=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}),l=r?{type:e.onIcon,props:e.onIconProps}:{type:e.offIcon,props:e.offIconProps},i=t.IconUtils.getJSXIcon(l.type,c({className:"p-rating-icon"},l.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)}},i)}));return o.createElement(o.Fragment,null,o.createElement("div",a({ref:l,id:e.id,className:b,style:e.style},y),v,O),m&&o.createElement(n.Tooltip,a({target:l,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;

package/rating/rating.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
+import { IconType } from '../utils';
 
 interface RatingChangeTargetOptions {
     name: string;
@@ -25,8 +26,14 @@ export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTM
     tooltipOptions?: TooltipOptions;
     onChange?(e: RatingChangeParams): void;
     children?: React.ReactNode;
+    onIcon?: IconType<RatingProps>;
+    offIcon?: IconType<RatingProps>;
+    cancelIcon?: IconType<RatingProps>;
+    cancelIconProps?: React.HTMLAttributes<HTMLSpanElement>;
+    onIconProps?: React.HTMLAttributes<HTMLSpanElement>;
+    offIconProps?: React.HTMLAttributes<HTMLSpanElement>;
 }
 
-export declare class Rating extends React.Component<RatingProps, any> { 
+export declare class Rating extends React.Component<RatingProps, any> {
     public getElement(): HTMLDivElement;
 }

package/rating/rating.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, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -20,6 +20,24 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
@@ -73,38 +91,55 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     }
   };
 
-  var createStars = function createStars() {
+  var createIcons = function createIcons() {
     return Array.from({
       length: props.stars
     }, function (_, i) {
       return i + 1;
     }).map(function (value) {
-      var iconClassName = classNames('p-rating-icon', {
-        'pi pi-star': !props.value || value > props.value,
-        'pi pi-star-fill': value <= props.value
+      var active = value <= props.value;
+      var className = classNames('p-rating-item', {
+        'p-rating-item-active': active
+      });
+      var icon = active ? {
+        type: props.onIcon,
+        props: props.onIconProps
+      } : {
+        type: props.offIcon,
+        props: props.offIconProps
+      };
+      var content = IconUtils.getJSXIcon(icon.type, _objectSpread({
+        className: 'p-rating-icon'
+      }, icon.props), {
+        props: props
       });
-      return /*#__PURE__*/React.createElement("span", {
-        className: iconClassName,
+      return /*#__PURE__*/React.createElement("div", {
+        key: value,
+        className: className,
+        tabIndex: tabIndex,
         onClick: function onClick(e) {
           return rate(e, value);
         },
-        key: value,
-        tabIndex: tabIndex,
         onKeyDown: function onKeyDown(e) {
           return onStarKeyDown(e, value);
         }
-      });
+      }, content);
     });
   };
 
   var createCancelIcon = function createCancelIcon() {
     if (props.cancel) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "p-rating-icon p-rating-cancel pi pi-ban",
+      var content = IconUtils.getJSXIcon(props.cancelIcon, _objectSpread({
+        className: 'p-rating-icon p-rating-cancel'
+      }, props.cancelIconProps), {
+        props: props
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: "p-rating-item p-rating-cancel-item",
         onClick: clear,
         tabIndex: tabIndex,
         onKeyDown: onCancelKeyDown
-      });
+      }, content);
     }
 
     return null;
@@ -125,13 +160,13 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     'p-readonly': props.readOnly
   }, props.className);
   var cancelIcon = createCancelIcon();
-  var stars = createStars();
+  var icons = createIcons();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, otherProps), cancelIcon, stars), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, otherProps), cancelIcon, icons), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));
@@ -149,7 +184,13 @@ Rating.defaultProps = {
   className: null,
   tooltip: null,
   tooltipOptions: null,
-  onChange: null
+  onChange: null,
+  onIcon: 'pi pi-star-fill',
+  offIcon: 'pi pi-star',
+  cancelIcon: 'pi pi-ban',
+  cancelIconProps: null,
+  onIconProps: null,
+  offIconProps: null
 };
 
 export { Rating };

package/rating/rating.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{Tooltip as e}from"primereact/tooltip";import{ObjectUtils as t,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n},l.apply(this,arguments)}var r=n.memo(n.forwardRef((function(i,o){var u=n.useRef(null),p=!i.disabled&&!i.readOnly,c=p?0:null,s=function(n,e){p&&i.onChange&&i.onChange({originalEvent:n,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:e}}),n.preventDefault()},f=function(n){p&&i.onChange&&i.onChange({originalEvent:n,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:null}}),n.preventDefault()},m=function(n,e){"Enter"===n.key&&s(n,e)},d=function(n){"Enter"===n.key&&f(n)};n.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return u.current}}}));var g=t.isNotEmpty(i.tooltip),v=t.findDiffKeys(i,r.defaultProps),y=a("p-rating",{"p-disabled":i.disabled,"p-readonly":i.readOnly},i.className),E=i.cancel?n.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:f,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:i.stars},(function(n,e){return e+1})).map((function(e){var t=a("p-rating-icon",{"pi pi-star":!i.value||e>i.value,"pi pi-star-fill":e<=i.value});return n.createElement("span",{className:t,onClick:function(n){return s(n,e)},key:e,tabIndex:c,onKeyDown:function(n){return m(n,e)}})}));return n.createElement(n.Fragment,null,n.createElement("div",l({ref:u,id:i.id,className:y,style:i.style},v),E,b),g&&n.createElement(e,l({target:u,content:i.tooltip},i.tooltipOptions)))})));r.displayName="Rating",r.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};export{r as Rating};
+import*as e from"react";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as t,classNames as r,IconUtils as o}from"primereact/utils";function a(){return a=Object.assign||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 l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function i(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?i(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var p=e.memo(e.forwardRef((function(l,i){var u=e.useRef(null),s=!l.disabled&&!l.readOnly,f=s?0:null,m=function(e,n){s&&l.onChange&&l.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:l.name,id:l.id,value:n}}),e.preventDefault()},g=function(e){s&&l.onChange&&l.onChange({originalEvent:e,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:l.name,id:l.id,value:null}}),e.preventDefault()},y=function(e,n){"Enter"===e.key&&m(e,n)},d=function(e){"Enter"===e.key&&g(e)};e.useImperativeHandle(i,(function(){return{props:l,getElement:function(){return u.current}}}));var v=t.isNotEmpty(l.tooltip),b=t.findDiffKeys(l,p.defaultProps),O=r("p-rating",{"p-disabled":l.disabled,"p-readonly":l.readOnly},l.className),P=function(){if(l.cancel){var n=o.getJSXIcon(l.cancelIcon,c({className:"p-rating-icon p-rating-cancel"},l.cancelIconProps),{props:l});return e.createElement("div",{className:"p-rating-item p-rating-cancel-item",onClick:g,tabIndex:f,onKeyDown:d},n)}return null}(),I=Array.from({length:l.stars},(function(e,n){return n+1})).map((function(n){var t=n<=l.value,a=r("p-rating-item",{"p-rating-item-active":t}),i=t?{type:l.onIcon,props:l.onIconProps}:{type:l.offIcon,props:l.offIconProps},p=o.getJSXIcon(i.type,c({className:"p-rating-icon"},i.props),{props:l});return e.createElement("div",{key:n,className:a,tabIndex:f,onClick:function(e){return m(e,n)},onKeyDown:function(e){return y(e,n)}},p)}));return e.createElement(e.Fragment,null,e.createElement("div",a({ref:u,id:l.id,className:O,style:l.style},b),P,I),v&&e.createElement(n,a({target:u,content:l.tooltip},l.tooltipOptions)))})));p.displayName="Rating",p.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};export{p as Rating};