primereact 8.4.0 → 8.5.0

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,38 +111,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 +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)));
@@ -169,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)};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,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);