primereact 9.4.0 → 9.6.0

package/rating/rating.d.ts

@@ -8,9 +8,67 @@
  *
  */
 import * as React from 'react';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
-import { IconType } from '../utils';
+import { IconType, PassThroughType } from '../utils';
+
+export declare type RatingPassThroughType<T> = PassThroughType<T, RatingPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RatingPassThroughMethodOptions {
+    props: RatingProps;
+    context: RatingContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RatingProps.pt}
+ */
+export interface RatingPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: RatingPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the cancel icon's DOM element.
+     */
+    cancelIcon?: RatingPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: RatingPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the cancel item's DOM element.
+     */
+    cancelItem?: RatingPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the on icon's DOM element.
+     */
+    onIcon?: RatingPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the off icon's DOM element.
+     */
+    offIcon?: RatingPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
+
+/**
+ * Defines current options in Rating component.
+ */
+export interface RatingContext {
+    /**
+     * Current active state of the item as a boolean.
+     * @defaultValue false
+     */
+    active: boolean;
+}
 
 /**
  * Custom change event.
@@ -91,6 +149,11 @@ export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTM
      * Properties of the off icon.
      */
     offIconProps?: React.HTMLAttributes<HTMLSpanElement>;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {RatingPassThroughOptions}
+     */
+    pt?: RatingPassThroughOptions;
 }
 
 /**

package/rating/rating.esm.js

@@ -3,7 +3,9 @@ import { BanIcon } from 'primereact/icons/ban';
 import { StarIcon } from 'primereact/icons/star';
 import { StarFillIcon } from 'primereact/icons/starfill';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -61,7 +63,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var RatingBase = {
+var RatingBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Rating',
     id: null,
@@ -82,20 +84,26 @@ var RatingBase = {
     onIconProps: null,
     offIconProps: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, RatingBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, RatingBase.defaultProps);
   }
-};
+});
 
 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 (inProps, ref) {
-  var props = RatingBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = RatingBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
+  var _RatingBase$setMetaDa = RatingBase.setMetaData({
+      props: props
+    }),
+    ptm = _RatingBase$setMetaDa.ptm;
+  var getPTOptions = function getPTOptions(value, key) {
+    return ptm(key, {
+      context: {
+        active: value <= props.value
+      }
+    });
+  };
   var enabled = !props.disabled && !props.readOnly;
   var tabIndex = enabled ? 0 : null;
   var rate = function rate(event, i) {
@@ -159,21 +167,21 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
         'p-rating-item-active': active
       });
       var iconClassName = 'p-rating-icon';
+      var onIconProps = mergeProps({
+        className: iconClassName
+      }, getPTOptions(props.value, 'onIcon'));
+      var offIconProps = mergeProps({
+        className: iconClassName
+      }, getPTOptions(props.value, 'offIcon'));
       var icon = active ? {
-        type: props.onIcon || /*#__PURE__*/React.createElement(StarFillIcon, {
-          className: iconClassName
-        })
+        type: props.onIcon || /*#__PURE__*/React.createElement(StarFillIcon, onIconProps)
       } : {
-        type: props.offIcon || /*#__PURE__*/React.createElement(StarIcon, {
-          className: iconClassName
-        })
+        type: props.offIcon || /*#__PURE__*/React.createElement(StarIcon, offIconProps)
       };
-      var content = IconUtils.getJSXIcon(icon.type, _objectSpread({
-        className: iconClassName
-      }, icon.props), {
+      var content = IconUtils.getJSXIcon(icon.type, active ? _objectSpread({}, onIconProps) : _objectSpread({}, offIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("div", {
+      var itemProps = mergeProps({
         key: value,
         className: className,
         tabIndex: tabIndex,
@@ -183,28 +191,29 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
         onKeyDown: function onKeyDown(e) {
           return onStarKeyDown(e, value);
         }
-      }, content);
+      }, getPTOptions(props.value, 'item'));
+      return /*#__PURE__*/React.createElement("div", _extends({
+        key: value
+      }, itemProps), content);
     });
   };
   var createCancelIcon = function createCancelIcon() {
     if (props.cancel) {
       var iconClassName = 'p-rating-icon p-rating-cancel';
-      var icon = props.cancelIcon || /*#__PURE__*/React.createElement(BanIcon, {
+      var cancelIconProps = mergeProps({
         className: iconClassName
-      });
-      var content = IconUtils.getJSXIcon(icon, _objectSpread({
-        className: {
-          iconClassName: iconClassName
-        }
-      }, props.cancelIconProps), {
+      }, ptm('cancelIcon'));
+      var icon = props.cancelIcon || /*#__PURE__*/React.createElement(BanIcon, cancelIconProps);
+      var content = IconUtils.getJSXIcon(icon, _objectSpread(_objectSpread({}, cancelIconProps), props.cancelIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-rating-item p-rating-cancel-item",
+      var cancelItemProps = mergeProps({
+        className: 'p-rating-item p-rating-cancel-item',
         onClick: clear,
         tabIndex: tabIndex,
         onKeyDown: onCancelKeyDown
-      }, content);
+      }, ptm('cancelItem'));
+      return /*#__PURE__*/React.createElement("div", cancelItemProps, content);
     }
     return null;
   };
@@ -217,22 +226,24 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = RatingBase.getOtherProps(props);
   var className = classNames('p-rating', {
     'p-disabled': props.disabled,
     'p-readonly': props.readOnly
   }, props.className);
-  var cancelIcon = createCancelIcon();
-  var icons = createIcons();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, otherProps), cancelIcon, icons), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, RatingBase.getOtherProps(props), ptm('root'));
+  var cancelIcon = createCancelIcon();
+  var icons = createIcons();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, cancelIcon, icons), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 Rating.displayName = 'Rating';
 

package/rating/rating.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{BanIcon as t}from"primereact/icons/ban";import{StarIcon as n}from"primereact/icons/star";import{StarFillIcon as r}from"primereact/icons/starfill";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as a,classNames as i,IconUtils as l}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function p(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=p(e,"string");return"symbol"===u(t)?t:String(t)}function f(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var m={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:null,offIcon:null,cancelIcon:null,cancelIconProps:null,onIconProps:null,offIconProps:null,children:void 0},getProps:function(e){return a.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return a.getDiffProps(e,m.defaultProps)}};function g(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=e.memo(e.forwardRef((function(u,p){var s=m.getProps(u),f=e.useRef(null),g=!s.disabled&&!s.readOnly,v=g?0:null,b=function(e,t){g&&s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}}),e.preventDefault()},d=function(e){g&&s.onChange&&s.onChange({originalEvent:e,value:null,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:null}}),e.preventDefault()},P=function(e,t){"Enter"===e.key&&b(e,t)},O=function(e){"Enter"===e.key&&d(e)};e.useImperativeHandle(p,(function(){return{props:s,getElement:function(){return f.current}}}));var E=a.isNotEmpty(s.tooltip),h=m.getOtherProps(s),j=i("p-rating",{"p-disabled":s.disabled,"p-readonly":s.readOnly},s.className),I=function(){if(s.cancel){var n="p-rating-icon p-rating-cancel",r=l.getJSXIcon(s.cancelIcon||e.createElement(t,{className:n}),y({className:{iconClassName:n}},s.cancelIconProps),{props:s});return e.createElement("div",{className:"p-rating-item p-rating-cancel-item",onClick:d,tabIndex:v,onKeyDown:O},r)}return null}(),N=Array.from({length:s.stars},(function(e,t){return t+1})).map((function(t){var o=t<=s.value,a=i("p-rating-item",{"p-rating-item-active":o}),c="p-rating-icon",u=o?{type:s.onIcon||e.createElement(r,{className:c})}:{type:s.offIcon||e.createElement(n,{className:c})},p=l.getJSXIcon(u.type,y({className:c},u.props),{props:s});return e.createElement("div",{key:t,className:a,tabIndex:v,onClick:function(e){return b(e,t)},onKeyDown:function(e){return P(e,t)}},p)}));return e.createElement(e.Fragment,null,e.createElement("div",c({ref:f,id:s.id,className:j,style:s.style},h),I,N),E&&e.createElement(o,c({target:f,content:s.tooltip},s.tooltipOptions)))})));v.displayName="Rating";export{v as Rating};
+import*as e from"react";import{BanIcon as t}from"primereact/icons/ban";import{StarIcon as n}from"primereact/icons/star";import{StarFillIcon as r}from"primereact/icons/starfill";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as a,classNames as i,mergeProps as l,IconUtils as c}from"primereact/utils";import{ComponentBase as u}from"primereact/componentbase";import{PrimeReactContext as p}from"primereact/api";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function m(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=m(e,"string");return"symbol"===s(t)?t:String(t)}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=u.extend({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:null,offIcon:null,cancelIcon:null,cancelIconProps:null,onIconProps:null,offIconProps:null,children:void 0}});function b(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 d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(u,s){var m=e.useContext(p),y=g.getProps(u,m),v=e.useRef(null),b=g.setMetaData({props:y}).ptm,O=function(e,t){return b(t,{context:{active:e<=y.value}})},P=!y.disabled&&!y.readOnly,I=P?0:null,E=function(e,t){P&&y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}}),e.preventDefault()},j=function(e){P&&y.onChange&&y.onChange({originalEvent:e,value:null,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:null}}),e.preventDefault()},h=function(e,t){"Enter"===e.key&&E(e,t)},w=function(e){"Enter"===e.key&&j(e)};e.useImperativeHandle(s,(function(){return{props:y,getElement:function(){return v.current}}}));var D=a.isNotEmpty(y.tooltip),S=i("p-rating",{"p-disabled":y.disabled,"p-readonly":y.readOnly},y.className),N=l({ref:v,id:y.id,className:S,style:y.style},g.getOtherProps(y),b("root")),C=function(){if(y.cancel){var n=l({className:"p-rating-icon p-rating-cancel"},b("cancelIcon")),r=c.getJSXIcon(y.cancelIcon||e.createElement(t,n),d(d({},n),y.cancelIconProps),{props:y}),o=l({className:"p-rating-item p-rating-cancel-item",onClick:j,tabIndex:I,onKeyDown:w},b("cancelItem"));return e.createElement("div",o,r)}return null}(),k=Array.from({length:y.stars},(function(e,t){return t+1})).map((function(t){var o=t<=y.value,a=i("p-rating-item",{"p-rating-item-active":o}),u="p-rating-icon",p=l({className:u},O(y.value,"onIcon")),s=l({className:u},O(y.value,"offIcon")),m=c.getJSXIcon((o?{type:y.onIcon||e.createElement(r,p)}:{type:y.offIcon||e.createElement(n,s)}).type,d({},o?p:s),{props:y}),v=l({key:t,className:a,tabIndex:I,onClick:function(e){return E(e,t)},onKeyDown:function(e){return h(e,t)}},O(y.value,"item"));return e.createElement("div",f({key:t},v),m)}));return e.createElement(e.Fragment,null,e.createElement("div",N,C,k),D&&e.createElement(o,f({target:v,content:y.tooltip},y.tooltipOptions,{pt:b("tooltip")})))})));O.displayName="Rating";export{O as Rating};

package/rating/rating.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip, utils) {
+this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -78,7 +78,7 @@ this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip
     return obj;
   }
 
-  var RatingBase = {
+  var RatingBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Rating',
       id: null,
@@ -99,20 +99,26 @@ this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip
       onIconProps: null,
       offIconProps: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, RatingBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, RatingBase.defaultProps);
     }
-  };
+  });
 
   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 (inProps, ref) {
-    var props = RatingBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = RatingBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
+    var _RatingBase$setMetaDa = RatingBase.setMetaData({
+        props: props
+      }),
+      ptm = _RatingBase$setMetaDa.ptm;
+    var getPTOptions = function getPTOptions(value, key) {
+      return ptm(key, {
+        context: {
+          active: value <= props.value
+        }
+      });
+    };
     var enabled = !props.disabled && !props.readOnly;
     var tabIndex = enabled ? 0 : null;
     var rate = function rate(event, i) {
@@ -176,21 +182,21 @@ this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip
           'p-rating-item-active': active
         });
         var iconClassName = 'p-rating-icon';
+        var onIconProps = utils.mergeProps({
+          className: iconClassName
+        }, getPTOptions(props.value, 'onIcon'));
+        var offIconProps = utils.mergeProps({
+          className: iconClassName
+        }, getPTOptions(props.value, 'offIcon'));
         var icon = active ? {
-          type: props.onIcon || /*#__PURE__*/React__namespace.createElement(starfill.StarFillIcon, {
-            className: iconClassName
-          })
+          type: props.onIcon || /*#__PURE__*/React__namespace.createElement(starfill.StarFillIcon, onIconProps)
         } : {
-          type: props.offIcon || /*#__PURE__*/React__namespace.createElement(star.StarIcon, {
-            className: iconClassName
-          })
+          type: props.offIcon || /*#__PURE__*/React__namespace.createElement(star.StarIcon, offIconProps)
         };
-        var content = utils.IconUtils.getJSXIcon(icon.type, _objectSpread({
-          className: iconClassName
-        }, icon.props), {
+        var content = utils.IconUtils.getJSXIcon(icon.type, active ? _objectSpread({}, onIconProps) : _objectSpread({}, offIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("div", {
+        var itemProps = utils.mergeProps({
           key: value,
           className: className,
           tabIndex: tabIndex,
@@ -200,28 +206,29 @@ this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip
           onKeyDown: function onKeyDown(e) {
             return onStarKeyDown(e, value);
           }
-        }, content);
+        }, getPTOptions(props.value, 'item'));
+        return /*#__PURE__*/React__namespace.createElement("div", _extends({
+          key: value
+        }, itemProps), content);
       });
     };
     var createCancelIcon = function createCancelIcon() {
       if (props.cancel) {
         var iconClassName = 'p-rating-icon p-rating-cancel';
-        var icon = props.cancelIcon || /*#__PURE__*/React__namespace.createElement(ban.BanIcon, {
+        var cancelIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var content = utils.IconUtils.getJSXIcon(icon, _objectSpread({
-          className: {
-            iconClassName: iconClassName
-          }
-        }, props.cancelIconProps), {
+        }, ptm('cancelIcon'));
+        var icon = props.cancelIcon || /*#__PURE__*/React__namespace.createElement(ban.BanIcon, cancelIconProps);
+        var content = utils.IconUtils.getJSXIcon(icon, _objectSpread(_objectSpread({}, cancelIconProps), props.cancelIconProps), {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-rating-item p-rating-cancel-item",
+        var cancelItemProps = utils.mergeProps({
+          className: 'p-rating-item p-rating-cancel-item',
           onClick: clear,
           tabIndex: tabIndex,
           onKeyDown: onCancelKeyDown
-        }, content);
+        }, ptm('cancelItem'));
+        return /*#__PURE__*/React__namespace.createElement("div", cancelItemProps, content);
       }
       return null;
     };
@@ -234,22 +241,24 @@ this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip
       };
     });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = RatingBase.getOtherProps(props);
     var className = utils.classNames('p-rating', {
       'p-disabled': props.disabled,
       'p-readonly': props.readOnly
     }, props.className);
-    var cancelIcon = createCancelIcon();
-    var icons = createIcons();
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), cancelIcon, icons), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, RatingBase.getOtherProps(props), ptm('root'));
+    var cancelIcon = createCancelIcon();
+    var icons = createIcons();
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, cancelIcon, icons), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   Rating.displayName = 'Rating';
 
@@ -259,4 +268,4 @@ this.primereact.rating = (function (exports, React, ban, star, starfill, tooltip
 
   return exports;
 
-})({}, React, primereact.icons.ban, primereact.icons.star, primereact.icons.starfill, primereact.tooltip, primereact.utils);
+})({}, React, primereact.icons.ban, primereact.icons.star, primereact.icons.starfill, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.api);

package/rating/rating.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.rating=function(e,t,n,r,o,a,i){"use strict";function l(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 c=l(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function m(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g={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:null,offIcon:null,cancelIcon:null,cancelIconProps:null,onIconProps:null,offIconProps:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,g.defaultProps)}};function y(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=c.memo(c.forwardRef((function(e,t){var l=g.getProps(e),s=c.useRef(null),p=!l.disabled&&!l.readOnly,f=p?0:null,m=function(e,t){p&&l.onChange&&l.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:l.name,id:l.id,value:t}}),e.preventDefault()},y=function(e){p&&l.onChange&&l.onChange({originalEvent:e,value:null,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:l.name,id:l.id,value:null}}),e.preventDefault()},v=function(e,t){"Enter"===e.key&&m(e,t)},d=function(e){"Enter"===e.key&&y(e)};c.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return s.current}}}));var O=i.ObjectUtils.isNotEmpty(l.tooltip),P=g.getOtherProps(l),j=i.classNames("p-rating",{"p-disabled":l.disabled,"p-readonly":l.readOnly},l.className),h=function(){if(l.cancel){var e="p-rating-icon p-rating-cancel",t=i.IconUtils.getJSXIcon(l.cancelIcon||c.createElement(n.BanIcon,{className:e}),b({className:{iconClassName:e}},l.cancelIconProps),{props:l});return c.createElement("div",{className:"p-rating-item p-rating-cancel-item",onClick:y,tabIndex:f,onKeyDown:d},t)}return null}(),I=Array.from({length:l.stars},(function(e,t){return t+1})).map((function(e){var t=e<=l.value,n=i.classNames("p-rating-item",{"p-rating-item-active":t}),a="p-rating-icon",u=t?{type:l.onIcon||c.createElement(o.StarFillIcon,{className:a})}:{type:l.offIcon||c.createElement(r.StarIcon,{className:a})},s=i.IconUtils.getJSXIcon(u.type,b({className:a},u.props),{props:l});return c.createElement("div",{key:e,className:n,tabIndex:f,onClick:function(t){return m(t,e)},onKeyDown:function(t){return v(t,e)}},s)}));return c.createElement(c.Fragment,null,c.createElement("div",u({ref:s,id:l.id,className:j,style:l.style},P),h,I),O&&c.createElement(a.Tooltip,u({target:s,content:l.tooltip},l.tooltipOptions)))})));return v.displayName="Rating",e.Rating=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.icons.ban,primereact.icons.star,primereact.icons.starfill,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.rating=function(e,t,n,r,o,a,i,c,l){"use strict";function u(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 p=u(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function y(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=c.ComponentBase.extend({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:null,offIcon:null,cancelIcon:null,cancelIconProps:null,onIconProps:null,offIconProps:null,children:void 0}});function b(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 d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=p.memo(p.forwardRef((function(e,t){var c=p.useContext(l.PrimeReactContext),u=v.getProps(e,c),f=p.useRef(null),m=v.setMetaData({props:u}).ptm,g=function(e,t){return m(t,{context:{active:e<=u.value}})},y=!u.disabled&&!u.readOnly,b=y?0:null,O=function(e,t){y&&u.onChange&&u.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:u.name,id:u.id,value:t}}),e.preventDefault()},P=function(e){y&&u.onChange&&u.onChange({originalEvent:e,value:null,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:u.name,id:u.id,value:null}}),e.preventDefault()},j=function(e,t){"Enter"===e.key&&O(e,t)},I=function(e){"Enter"===e.key&&P(e)};p.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return f.current}}}));var h=i.ObjectUtils.isNotEmpty(u.tooltip),E=i.classNames("p-rating",{"p-disabled":u.disabled,"p-readonly":u.readOnly},u.className),w=i.mergeProps({ref:f,id:u.id,className:E,style:u.style},v.getOtherProps(u),m("root")),D=function(){if(u.cancel){var e=i.mergeProps({className:"p-rating-icon p-rating-cancel"},m("cancelIcon")),t=i.IconUtils.getJSXIcon(u.cancelIcon||p.createElement(n.BanIcon,e),d(d({},e),u.cancelIconProps),{props:u}),r=i.mergeProps({className:"p-rating-item p-rating-cancel-item",onClick:P,tabIndex:b,onKeyDown:I},m("cancelItem"));return p.createElement("div",r,t)}return null}(),S=Array.from({length:u.stars},(function(e,t){return t+1})).map((function(e){var t=e<=u.value,n=i.classNames("p-rating-item",{"p-rating-item-active":t}),a="p-rating-icon",c=i.mergeProps({className:a},g(u.value,"onIcon")),l=i.mergeProps({className:a},g(u.value,"offIcon")),f=i.IconUtils.getJSXIcon((t?{type:u.onIcon||p.createElement(o.StarFillIcon,c)}:{type:u.offIcon||p.createElement(r.StarIcon,l)}).type,d({},t?c:l),{props:u}),m=i.mergeProps({key:e,className:n,tabIndex:b,onClick:function(t){return O(t,e)},onKeyDown:function(t){return j(t,e)}},g(u.value,"item"));return p.createElement("div",s({key:e},m),f)}));return p.createElement(p.Fragment,null,p.createElement("div",w,D,S),h&&p.createElement(a.Tooltip,s({target:f,content:u.tooltip},u.tooltipOptions,{pt:m("tooltip")})))})));return O.displayName="Rating",e.Rating=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.icons.ban,primereact.icons.star,primereact.icons.starfill,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.api);