primereact 8.4.0 → 8.6.0

package/rating/rating.cjs.js

@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -40,10 +40,27 @@ function _extends() {
 
     return target;
   };
-
   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 +114,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 +183,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 +207,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?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;

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;
@@ -15,7 +16,7 @@ interface RatingChangeParams {
     target: RatingChangeTargetOptions;
 }
 
-export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
+export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
     value?: number;
     disabled?: boolean;
     readOnly?: boolean;
@@ -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,9 +1,9 @@
 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) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -16,10 +16,27 @@ function _extends() {
 
     return target;
   };
-
   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 +90,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 +159,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 +183,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?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 p=e.memo(e.forwardRef((function(i,l){var u=e.useRef(null),s=!i.disabled&&!i.readOnly,f=s?0:null,m=function(e,n){s&&i.onChange&&i.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:n}}),e.preventDefault()},g=function(e){s&&i.onChange&&i.onChange({originalEvent:e,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:null}}),e.preventDefault()},d=function(e,n){"Enter"===e.key&&m(e,n)},y=function(e){"Enter"===e.key&&g(e)};e.useImperativeHandle(l,(function(){return{props:i,getElement:function(){return u.current}}}));var v=t.isNotEmpty(i.tooltip),b=t.findDiffKeys(i,p.defaultProps),O=r("p-rating",{"p-disabled":i.disabled,"p-readonly":i.readOnly},i.className),P=function(){if(i.cancel){var n=o.getJSXIcon(i.cancelIcon,c({className:"p-rating-icon p-rating-cancel"},i.cancelIconProps),{props:i});return e.createElement("div",{className:"p-rating-item p-rating-cancel-item",onClick:g,tabIndex:f,onKeyDown:y},n)}return null}(),I=Array.from({length:i.stars},(function(e,n){return n+1})).map((function(n){var t=n<=i.value,a=r("p-rating-item",{"p-rating-item-active":t}),l=t?{type:i.onIcon,props:i.onIconProps}:{type:i.offIcon,props:i.offIconProps},p=o.getJSXIcon(l.type,c({className:"p-rating-icon"},l.props),{props:i});return e.createElement("div",{key:n,className:a,tabIndex:f,onClick:function(e){return m(e,n)},onKeyDown:function(e){return d(e,n)}},p)}));return e.createElement(e.Fragment,null,e.createElement("div",a({ref:u,id:i.id,className:O,style:i.style},b),P,I),v&&e.createElement(n,a({target:u,content:i.tooltip},i.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

@@ -23,7 +23,7 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -36,10 +36,27 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
 
       return target;
     };
-
     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,38 +110,55 @@ 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
+        });
+        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;
@@ -145,13 +179,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)));
@@ -169,7 +203,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)};l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var 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,n,t,r){"use strict";function o(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 a=o(n);function i(){return i=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},i.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 c(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 u(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?c(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var p=a.memo(a.forwardRef((function(e,n){var o=a.useRef(null),l=!e.disabled&&!e.readOnly,c=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)},m=function(e){"Enter"===e.key&&f(e)};a.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return o.current}}}));var d=r.ObjectUtils.isNotEmpty(e.tooltip),b=r.ObjectUtils.findDiffKeys(e,p.defaultProps),y=r.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),O=function(){if(e.cancel){var n=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},n)}return null}(),v=Array.from({length:e.stars},(function(e,n){return n+1})).map((function(n){var t=n<=e.value,o=r.classNames("p-rating-item",{"p-rating-item-active":t}),i=t?{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:n,className:o,tabIndex:c,onClick:function(e){return s(e,n)},onKeyDown:function(e){return g(e,n)}},l)}));return a.createElement(a.Fragment,null,a.createElement("div",i({ref:o,id:e.id,className:y,style:e.style},b),O,v),d&&a.createElement(t.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);