primereact 10.4.0 → 10.5.1

package/rating/rating.js

@@ -78,12 +78,72 @@ this.primereact.rating = (function (exports, React, api, componentbase, hooks, b
     return obj;
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var classes = {
     onIcon: 'p-rating-icon',
     item: function item(_ref) {
-      var active = _ref.active;
+      var active = _ref.active,
+        value = _ref.value,
+        isFocusVisibleItem = _ref.isFocusVisibleItem,
+        focusedOptionIndex = _ref.focusedOptionIndex;
       return utils.classNames('p-rating-item', {
         'p-rating-item-active': active
+      }, {
+        'p-focus': value === focusedOptionIndex && isFocusVisibleItem
       });
     },
     cancelIcon: 'p-rating-icon p-rating-cancel',
@@ -131,6 +191,14 @@ this.primereact.rating = (function (exports, React, api, componentbase, hooks, b
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = RatingBase.getProps(inProps, context);
+    var _React$useState = React__namespace.useState(-1),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedOptionIndex = _React$useState2[0],
+      setFocusedOptionIndex = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isFocusVisibleItem = _React$useState4[0];
+      _React$useState4[1];
     var elementRef = React__namespace.useRef(null);
     var _RatingBase$setMetaDa = RatingBase.setMetaData({
         props: props
@@ -168,6 +236,7 @@ this.primereact.rating = (function (exports, React, api, componentbase, hooks, b
           }
         });
       }
+      setFocusedOptionIndex(i);
       event.preventDefault();
     };
     var clear = function clear(event) {
@@ -191,10 +260,30 @@ this.primereact.rating = (function (exports, React, api, componentbase, hooks, b
       event.preventDefault();
     };
     var onStarKeyDown = function onStarKeyDown(event, value) {
-      if (event.key === 'Enter') {
-        rate(event, value);
+      switch (event.key) {
+        case 'Enter':
+        case 'Space':
+          rate(event, value);
+          event.preventDefault();
+          break;
+        case 'ArrowLeft':
+        case 'ArrowUp':
+          event.preventDefault();
+          rate(event, props.value - 1 < 1 ? props.stars : props.value - 1);
+          break;
+        case 'ArrowRight':
+        case 'ArrowDown':
+          event.preventDefault();
+          rate(event, props.value + 1 > props.stars ? 1 : props.value + 1);
+          break;
       }
     };
+    var _onFocus = function onFocus(event, value) {
+      setFocusedOptionIndex(value);
+    };
+    var _onBlur = function onBlur(event) {
+      setFocusedOptionIndex(-1);
+    };
     var onCancelKeyDown = function onCancelKeyDown(event) {
       if (event.key === 'Enter') {
         clear(event);
@@ -224,14 +313,24 @@ this.primereact.rating = (function (exports, React, api, componentbase, hooks, b
         var itemProps = mergeProps({
           key: value,
           className: cx('item', {
-            active: active
+            active: active,
+            focusedOptionIndex: focusedOptionIndex,
+            isFocusVisibleItem: isFocusVisibleItem,
+            value: value
           }),
+          'data-p-focused': value === focusedOptionIndex,
           tabIndex: tabIndex,
           onClick: function onClick(e) {
             return rate(e, value);
           },
           onKeyDown: function onKeyDown(e) {
             return onStarKeyDown(e, value);
+          },
+          onFocus: function onFocus(e) {
+            return _onFocus(e, value);
+          },
+          onBlur: function onBlur(e) {
+            return _onBlur();
           }
         }, getPTOptions(props.value, 'item'));
         return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -277,10 +376,9 @@ this.primereact.rating = (function (exports, React, api, componentbase, hooks, b
     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, {
+      content: props.tooltip,
       pt: ptm('tooltip')
-    })));
+    }, props.tooltipOptions)));
   }));
   Rating.displayName = 'Rating';
 

package/rating/rating.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.rating=function(e,t,n,r,o,a,i,c,l,u){"use strict";function s(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=s(t);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 m(e){return m="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},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}var v=r.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},css:{classes:{onIcon:"p-rating-icon",item:function(e){return u.classNames("p-rating-item",{"p-rating-item-active":e.active})},cancelIcon:"p-rating-icon p-rating-cancel",cancelItem:"p-rating-item p-rating-cancel-item",root:function(e){var t=e.props;return u.classNames("p-rating",{"p-disabled":t.disabled,"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-rating {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-rating-item {\n        display: inline-flex;\n        align-items: center;\n        cursor: pointer;\n    }\n    \n    .p-rating.p-readonly .p-rating-item {\n        cursor: default;\n    }\n}\n"}});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){var r,o,a;r=e,a=n[t],(o=g(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):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 s=o.useMergeProps(),m=p.useContext(n.PrimeReactContext),y=v.getProps(e,m),g=p.useRef(null),b=v.setMetaData({props:y}),O=b.ptm,I=b.cx;r.useHandleStyle(v.css.styles,b.isUnstyled,{name:"rating"});var P=function(e,t){return O(t,{context:{active:e<=y.value}})},j=!y.disabled&&!y.readOnly,h=j?0:null,E=function(e,t){j&&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()},S=function(e){j&&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()},w=function(e,t){"Enter"===e.key&&E(e,t)},D=function(e){"Enter"===e.key&&S(e)};p.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return g.current}}}));var N=u.ObjectUtils.isNotEmpty(y.tooltip),C=s({ref:g,id:y.id,className:I("root"),style:y.style},v.getOtherProps(y),O("root")),k=function(){if(y.cancel){var e=s({className:I("cancelIcon")},O("cancelIcon")),t=u.IconUtils.getJSXIcon(y.cancelIcon||p.createElement(a.BanIcon,e),d(d({},e),y.cancelIconProps),{props:y}),n=s({className:I("cancelItem"),onClick:S,tabIndex:h,onKeyDown:D},O("cancelItem"));return p.createElement("div",n,t)}return null}(),x=Array.from({length:y.stars},(function(e,t){return t+1})).map((function(e){var t=e<=y.value,n=s({className:I("onIcon")},P(y.value,"onIcon")),r=s({className:I("onIcon")},P(y.value,"offIcon")),o=u.IconUtils.getJSXIcon((t?{type:y.onIcon||p.createElement(c.StarFillIcon,n)}:{type:y.offIcon||p.createElement(i.StarIcon,r)}).type,d({},t?n:r),{props:y}),a=s({key:e,className:I("item",{active:t}),tabIndex:h,onClick:function(t){return E(t,e)},onKeyDown:function(t){return w(t,e)}},P(y.value,"item"));return p.createElement("div",f({key:e},a),o)}));return p.createElement(p.Fragment,null,p.createElement("div",C,k,x),N&&p.createElement(l.Tooltip,f({target:g,content:y.tooltip},y.tooltipOptions,{pt:O("tooltip")})))})));return O.displayName="Rating",e.Rating=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,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,u){"use strict";function s(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=s(t);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 m(e){return m="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},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function g(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return c}}function d(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 O(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return g(e)||b(e,t)||O(e,t)||I()}var j=r.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},css:{classes:{onIcon:"p-rating-icon",item:function(e){return u.classNames("p-rating-item",{"p-rating-item-active":e.active},{"p-focus":e.value===e.focusedOptionIndex&&e.isFocusVisibleItem})},cancelIcon:"p-rating-icon p-rating-cancel",cancelItem:"p-rating-item p-rating-cancel-item",root:function(e){var t=e.props;return u.classNames("p-rating",{"p-disabled":t.disabled,"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-rating {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-rating-item {\n        display: inline-flex;\n        align-items: center;\n        cursor: pointer;\n    }\n    \n    .p-rating.p-readonly .p-rating-item {\n        cursor: default;\n    }\n}\n"}});function P(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=v(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=p.memo(p.forwardRef((function(e,t){var s=o.useMergeProps(),m=p.useContext(n.PrimeReactContext),y=j.getProps(e,m),v=h(p.useState(-1),2),g=v[0],b=v[1],d=h(p.useState(!0),2),O=d[0],I=p.useRef(null),P=j.setMetaData({props:y}),S=P.ptm,E=P.cx;r.useHandleStyle(j.css.styles,P.isUnstyled,{name:"rating"});var D=function(e,t){return S(t,{context:{active:e<=y.value}})},N=!y.disabled&&!y.readOnly,x=N?0:null,k=function(e,t){N&&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}}),b(t),e.preventDefault()},A=function(e){N&&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()},C=function(e,t){switch(e.key){case"Enter":case"Space":k(e,t),e.preventDefault();break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),k(e,y.value-1<1?y.stars:y.value-1);break;case"ArrowRight":case"ArrowDown":e.preventDefault(),k(e,y.value+1>y.stars?1:y.value+1)}},R=function(e,t){b(t)},U=function(e){"Enter"===e.key&&A(e)};p.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return I.current}}}));var _=u.ObjectUtils.isNotEmpty(y.tooltip),F=s({ref:I,id:y.id,className:E("root"),style:y.style},j.getOtherProps(y),S("root")),M=function(){if(y.cancel){var e=s({className:E("cancelIcon")},S("cancelIcon")),t=u.IconUtils.getJSXIcon(y.cancelIcon||p.createElement(a.BanIcon,e),w(w({},e),y.cancelIconProps),{props:y}),n=s({className:E("cancelItem"),onClick:A,tabIndex:x,onKeyDown:U},S("cancelItem"));return p.createElement("div",n,t)}return null}(),T=Array.from({length:y.stars},(function(e,t){return t+1})).map((function(e){var t=e<=y.value,n=s({className:E("onIcon")},D(y.value,"onIcon")),r=s({className:E("onIcon")},D(y.value,"offIcon")),o=u.IconUtils.getJSXIcon((t?{type:y.onIcon||p.createElement(c.StarFillIcon,n)}:{type:y.offIcon||p.createElement(i.StarIcon,r)}).type,w({},t?n:r),{props:y}),a=s({key:e,className:E("item",{active:t,focusedOptionIndex:g,isFocusVisibleItem:O,value:e}),"data-p-focused":e===g,tabIndex:x,onClick:function(t){return k(t,e)},onKeyDown:function(t){return C(t,e)},onFocus:function(t){return R(0,e)},onBlur:function(e){b(-1)}},D(y.value,"item"));return p.createElement("div",f({key:e},a),o)}));return p.createElement(p.Fragment,null,p.createElement("div",F,M,T),_&&p.createElement(l.Tooltip,f({target:I,content:y.tooltip,pt:S("tooltip")},y.tooltipOptions)))})));return S.displayName="Rating",e.Rating=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.ban,primereact.icons.star,primereact.icons.starfill,primereact.tooltip,primereact.utils);