primereact 8.2.0 → 8.5.0

package/radiobutton/radiobutton.min.js

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

package/rating/rating.js

@@ -40,6 +40,24 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
     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;
@@ -93,43 +111,68 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
       }
     };
 
-    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
         });
-        return /*#__PURE__*/React__namespace.createElement("span", {
-          className: iconClassName,
+        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("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;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Rating.defaultProps);
     var className = utils.classNames('p-rating', {
@@ -137,13 +180,13 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
       '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)));
@@ -161,7 +204,13 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
     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.min.css

@@ -1 +1 @@
-.p-rating-icon{cursor:pointer}.p-rating.p-readonly .p-rating-icon{cursor:default}
+.p-rating{display:flex;align-items:center}.p-rating-item{display:inline-flex;align-items:center;cursor:pointer}.p-rating.p-readonly .p-rating-item{cursor:default}

package/rating/rating.min.js

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