primereact 10.4.0 → 10.5.0

package/radiobutton/radiobutton.cjs.js

@@ -324,6 +324,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
+    checked: props.checked,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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=a(e);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 l(e){return l="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},l(e)}function s(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=s(e,"string");return"symbol"===l(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}function b(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 m(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=n.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":t.disabled,"p-radiobutton-focused":e.focusedState})},input:function(e){var t=e.props;return i.classNames("p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-focus":e.focusedState})},icon:"p-radiobutton-icon"},styles:"\n@layer primereact {\n    .p-radiobutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        vertical-align: bottom;\n    }\n    \n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n    \n    .p-radiobutton-box.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n"}});function h(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=c.memo(c.forwardRef((function(e,a){var l,s,d=r.useMergeProps(),b=c.useContext(t.PrimeReactContext),h=v.getProps(e,b),O=c.useState(!1),j=(s=2,p(l=O)||f(l,s)||m(l,s)||y()),k=j[0],P=j[1],S=c.useRef(null),E=c.useRef(h.inputRef),w=v.setMetaData({props:h,state:{focused:k}}),D=w.ptm,x=w.cx;n.useHandleStyle(v.css.styles,w.isUnstyled,{name:"radiobutton",styled:!0});var C=function(e){R(e)},R=function(e){if(!h.disabled&&(h.onChange||h.onClick)){var t=h.checked,n=e.target instanceof HTMLDivElement,r=e.target===E.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(S.current,"p-radiobutton-checked")===t&&!t,a=!t,c={originalEvent:e,value:h.value,checked:a,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:h.name,id:h.id,value:h.value,checked:a}};if(h.onClick&&h.onClick(c),e.defaultPrevented)return;(r||o)&&(h.onChange&&h.onChange(c),o&&(E.current.checked=a)),i.DomHandler.focus(E.current),e.preventDefault()}};c.useEffect((function(){E.current&&(E.current.checked=h.checked)}),[h.checked]),c.useEffect((function(){i.ObjectUtils.combinedRefs(E,h.inputRef)}),[E,h.inputRef]),r.useMountEffect((function(){h.autoFocus&&i.DomHandler.focus(E.current,h.autoFocus)})),c.useImperativeHandle(a,(function(){return{props:h,select:C,focus:function(){return i.DomHandler.focus(E.current)},getElement:function(){return S.current},getInput:function(){return E.current}}}));var I=i.ObjectUtils.isNotEmpty(h.tooltip),N=v.getOtherProps(h),q=i.ObjectUtils.reduceKeys(N,i.DomHandler.ARIA_PROPS),A=d({className:i.classNames(h.className,x("root",{focusedState:k})),style:h.style,onClick:R,"data-p-checked":h.checked},v.getOtherProps(h),D("root")),H=d({className:"p-hidden-accessible"},D("hiddenInputWrapper")),M=d(g({type:"radio",name:h.name,defaultChecked:h.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||R(e)},disabled:h.disabled,required:h.required,tabIndex:h.tabIndex},q),D("hiddenInput")),_=d({className:x("input",{focusedState:k})},D("input")),B=d({className:x("icon")},D("icon"));return c.createElement(c.Fragment,null,c.createElement("div",u({id:h.id,ref:S},A),c.createElement("div",H,c.createElement("input",u({id:h.inputId,ref:E},M))),c.createElement("div",_,c.createElement("div",B))),I&&c.createElement(o.Tooltip,u({target:S,content:h.tooltip},h.tooltipOptions,{pt:D("tooltip")})))})));O.displayName="RadioButton",exports.RadioButton=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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=a(e);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 l(e){return l="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},l(e)}function s(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=s(e,"string");return"symbol"===l(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}function b(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 m(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=n.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":t.disabled,"p-radiobutton-focused":e.focusedState})},input:function(e){var t=e.props;return i.classNames("p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-focus":e.focusedState})},icon:"p-radiobutton-icon"},styles:"\n@layer primereact {\n    .p-radiobutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        vertical-align: bottom;\n    }\n    \n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n    \n    .p-radiobutton-box.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n"}});function h(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=c.memo(c.forwardRef((function(e,a){var l,s,d=r.useMergeProps(),b=c.useContext(t.PrimeReactContext),h=v.getProps(e,b),O=c.useState(!1),j=(s=2,p(l=O)||f(l,s)||m(l,s)||y()),k=j[0],P=j[1],S=c.useRef(null),E=c.useRef(h.inputRef),w=v.setMetaData({props:h,state:{focused:k}}),D=w.ptm,x=w.cx;n.useHandleStyle(v.css.styles,w.isUnstyled,{name:"radiobutton",styled:!0});var C=function(e){R(e)},R=function(e){if(!h.disabled&&(h.onChange||h.onClick)){var t=h.checked,n=e.target instanceof HTMLDivElement,r=e.target===E.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(S.current,"p-radiobutton-checked")===t&&!t,a=!t,c={originalEvent:e,value:h.value,checked:a,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:h.name,id:h.id,value:h.value,checked:a}};if(h.onClick&&h.onClick(c),e.defaultPrevented)return;(r||o)&&(h.onChange&&h.onChange(c),o&&(E.current.checked=a)),i.DomHandler.focus(E.current),e.preventDefault()}};c.useEffect((function(){E.current&&(E.current.checked=h.checked)}),[h.checked]),c.useEffect((function(){i.ObjectUtils.combinedRefs(E,h.inputRef)}),[E,h.inputRef]),r.useMountEffect((function(){h.autoFocus&&i.DomHandler.focus(E.current,h.autoFocus)})),c.useImperativeHandle(a,(function(){return{props:h,select:C,focus:function(){return i.DomHandler.focus(E.current)},getElement:function(){return S.current},getInput:function(){return E.current}}}));var I=i.ObjectUtils.isNotEmpty(h.tooltip),N=v.getOtherProps(h),q=i.ObjectUtils.reduceKeys(N,i.DomHandler.ARIA_PROPS),A=d({className:i.classNames(h.className,x("root",{focusedState:k})),style:h.style,onClick:R,"data-p-checked":h.checked},v.getOtherProps(h),D("root")),H=d({className:"p-hidden-accessible"},D("hiddenInputWrapper")),M=d(g({type:"radio",name:h.name,defaultChecked:h.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||R(e)},checked:h.checked,disabled:h.disabled,required:h.required,tabIndex:h.tabIndex},q),D("hiddenInput")),_=d({className:x("input",{focusedState:k})},D("input")),B=d({className:x("icon")},D("icon"));return c.createElement(c.Fragment,null,c.createElement("div",u({id:h.id,ref:S},A),c.createElement("div",H,c.createElement("input",u({id:h.inputId,ref:E},M))),c.createElement("div",_,c.createElement("div",B))),I&&c.createElement(o.Tooltip,u({target:S,content:h.tooltip},h.tooltipOptions,{pt:D("tooltip")})))})));O.displayName="RadioButton",exports.RadioButton=O;

package/radiobutton/radiobutton.esm.js

@@ -300,6 +300,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
+    checked: props.checked,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,ObjectUtils as u,DomHandler as l}from"primereact/utils";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 p(e){return p="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},p(e)}function d(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}function y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c("p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":t.disabled,"p-radiobutton-focused":e.focusedState})},input:function(e){var t=e.props;return c("p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-focus":e.focusedState})},icon:"p-radiobutton-icon"},styles:"\n@layer primereact {\n    .p-radiobutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        vertical-align: bottom;\n    }\n    \n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n    \n    .p-radiobutton-box.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n"}});function O(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=e.memo(e.forwardRef((function(n,p){var d,f,y=o(),O=e.useContext(t),j=g.getProps(n,O),P=e.useState(!1),S=(f=2,b(d=P)||m(d,f)||v(d,f)||h()),E=S[0],w=S[1],x=e.useRef(null),C=e.useRef(j.inputRef),I=g.setMetaData({props:j,state:{focused:E}}),R=I.ptm,D=I.cx;r(g.css.styles,I.isUnstyled,{name:"radiobutton",styled:!0});var N=function(e){A(e)},A=function(e){if(!j.disabled&&(j.onChange||j.onClick)){var t=j.checked,n=e.target instanceof HTMLDivElement,r=e.target===C.current&&e.target.checked!==t,o=n&&l.hasClass(x.current,"p-radiobutton-checked")===t&&!t,i=!t,a={originalEvent:e,value:j.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:j.name,id:j.id,value:j.value,checked:i}};if(j.onClick&&j.onClick(a),e.defaultPrevented)return;(r||o)&&(j.onChange&&j.onChange(a),o&&(C.current.checked=i)),l.focus(C.current),e.preventDefault()}};e.useEffect((function(){C.current&&(C.current.checked=j.checked)}),[j.checked]),e.useEffect((function(){u.combinedRefs(C,j.inputRef)}),[C,j.inputRef]),i((function(){j.autoFocus&&l.focus(C.current,j.autoFocus)})),e.useImperativeHandle(p,(function(){return{props:j,select:N,focus:function(){return l.focus(C.current)},getElement:function(){return x.current},getInput:function(){return C.current}}}));var F=u.isNotEmpty(j.tooltip),T=g.getOtherProps(j),q=u.reduceKeys(T,l.ARIA_PROPS),B=y({className:c(j.className,D("root",{focusedState:E})),style:j.style,onClick:A,"data-p-checked":j.checked},g.getOtherProps(j),R("root")),M=y({className:"p-hidden-accessible"},R("hiddenInputWrapper")),_=y(k({type:"radio",name:j.name,defaultChecked:j.checked,onFocus:function(){w(!0)},onBlur:function(){w(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||A(e)},disabled:j.disabled,required:j.required,tabIndex:j.tabIndex},q),R("hiddenInput")),H=y({className:D("input",{focusedState:E})},R("input")),K=y({className:D("icon")},R("icon"));return e.createElement(e.Fragment,null,e.createElement("div",s({id:j.id,ref:x},B),e.createElement("div",M,e.createElement("input",s({id:j.inputId,ref:C},_))),e.createElement("div",H,e.createElement("div",K))),F&&e.createElement(a,s({target:x,content:j.tooltip},j.tooltipOptions,{pt:R("tooltip")})))})));j.displayName="RadioButton";export{j as RadioButton};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{Tooltip as c}from"primereact/tooltip";import{classNames as a,ObjectUtils as u,DomHandler as l}from"primereact/utils";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 p(e){return p="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},p(e)}function d(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,c,a=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(l)throw o}}return a}}function y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":t.disabled,"p-radiobutton-focused":e.focusedState})},input:function(e){var t=e.props;return a("p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-focus":e.focusedState})},icon:"p-radiobutton-icon"},styles:"\n@layer primereact {\n    .p-radiobutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        vertical-align: bottom;\n    }\n    \n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n    \n    .p-radiobutton-box.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n"}});function O(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=e.memo(e.forwardRef((function(n,p){var d,f,y=o(),O=e.useContext(t),j=g.getProps(n,O),P=e.useState(!1),S=(f=2,b(d=P)||m(d,f)||h(d,f)||v()),E=S[0],w=S[1],x=e.useRef(null),C=e.useRef(j.inputRef),I=g.setMetaData({props:j,state:{focused:E}}),R=I.ptm,D=I.cx;r(g.css.styles,I.isUnstyled,{name:"radiobutton",styled:!0});var N=function(e){A(e)},A=function(e){if(!j.disabled&&(j.onChange||j.onClick)){var t=j.checked,n=e.target instanceof HTMLDivElement,r=e.target===C.current&&e.target.checked!==t,o=n&&l.hasClass(x.current,"p-radiobutton-checked")===t&&!t,i=!t,c={originalEvent:e,value:j.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:j.name,id:j.id,value:j.value,checked:i}};if(j.onClick&&j.onClick(c),e.defaultPrevented)return;(r||o)&&(j.onChange&&j.onChange(c),o&&(C.current.checked=i)),l.focus(C.current),e.preventDefault()}};e.useEffect((function(){C.current&&(C.current.checked=j.checked)}),[j.checked]),e.useEffect((function(){u.combinedRefs(C,j.inputRef)}),[C,j.inputRef]),i((function(){j.autoFocus&&l.focus(C.current,j.autoFocus)})),e.useImperativeHandle(p,(function(){return{props:j,select:N,focus:function(){return l.focus(C.current)},getElement:function(){return x.current},getInput:function(){return C.current}}}));var F=u.isNotEmpty(j.tooltip),T=g.getOtherProps(j),q=u.reduceKeys(T,l.ARIA_PROPS),B=y({className:a(j.className,D("root",{focusedState:E})),style:j.style,onClick:A,"data-p-checked":j.checked},g.getOtherProps(j),R("root")),M=y({className:"p-hidden-accessible"},R("hiddenInputWrapper")),_=y(k({type:"radio",name:j.name,defaultChecked:j.checked,onFocus:function(){w(!0)},onBlur:function(){w(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||A(e)},checked:j.checked,disabled:j.disabled,required:j.required,tabIndex:j.tabIndex},q),R("hiddenInput")),H=y({className:D("input",{focusedState:E})},R("input")),K=y({className:D("icon")},R("icon"));return e.createElement(e.Fragment,null,e.createElement("div",s({id:j.id,ref:x},B),e.createElement("div",M,e.createElement("input",s({id:j.inputId,ref:C},_))),e.createElement("div",H,e.createElement("div",K))),F&&e.createElement(c,s({target:x,content:j.tooltip},j.tooltipOptions,{pt:R("tooltip")})))})));j.displayName="RadioButton";export{j as RadioButton};

package/radiobutton/radiobutton.js

@@ -316,6 +316,7 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
+      checked: props.checked,
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function c(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 u=c(t);function l(){return l=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},l.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 d(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 p(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}function f(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,i,a,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}function m(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 y(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":t.disabled,"p-radiobutton-focused":e.focusedState})},input:function(e){var t=e.props;return a.classNames("p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-focus":e.focusedState})},icon:"p-radiobutton-icon"},styles:"\n@layer primereact {\n    .p-radiobutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        vertical-align: bottom;\n    }\n    \n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n    \n    .p-radiobutton-box.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n"}});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 O(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){var r,o,i;r=e,i=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):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 j=u.memo(u.forwardRef((function(e,t){var c,s,d=o.useMergeProps(),p=u.useContext(n.PrimeReactContext),m=h.getProps(e,p),g=u.useState(!1),j=(s=2,f(c=g)||b(c,s)||y(c,s)||v()),k=j[0],P=j[1],S=u.useRef(null),E=u.useRef(m.inputRef),w=h.setMetaData({props:m,state:{focused:k}}),D=w.ptm,C=w.cx;r.useHandleStyle(h.css.styles,w.isUnstyled,{name:"radiobutton",styled:!0});var R=function(e){x(e)},x=function(e){if(!m.disabled&&(m.onChange||m.onClick)){var t=m.checked,n=e.target instanceof HTMLDivElement,r=e.target===E.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(S.current,"p-radiobutton-checked")===t&&!t,i=!t,c={originalEvent:e,value:m.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:m.name,id:m.id,value:m.value,checked:i}};if(m.onClick&&m.onClick(c),e.defaultPrevented)return;(r||o)&&(m.onChange&&m.onChange(c),o&&(E.current.checked=i)),a.DomHandler.focus(E.current),e.preventDefault()}};u.useEffect((function(){E.current&&(E.current.checked=m.checked)}),[m.checked]),u.useEffect((function(){a.ObjectUtils.combinedRefs(E,m.inputRef)}),[E,m.inputRef]),o.useMountEffect((function(){m.autoFocus&&a.DomHandler.focus(E.current,m.autoFocus)})),u.useImperativeHandle(t,(function(){return{props:m,select:R,focus:function(){return a.DomHandler.focus(E.current)},getElement:function(){return S.current},getInput:function(){return E.current}}}));var I=a.ObjectUtils.isNotEmpty(m.tooltip),N=h.getOtherProps(m),A=a.ObjectUtils.reduceKeys(N,a.DomHandler.ARIA_PROPS),H=d({className:a.classNames(m.className,C("root",{focusedState:k})),style:m.style,onClick:x,"data-p-checked":m.checked},h.getOtherProps(m),D("root")),M=d({className:"p-hidden-accessible"},D("hiddenInputWrapper")),_=d(O({type:"radio",name:m.name,defaultChecked:m.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||x(e)},disabled:m.disabled,required:m.required,tabIndex:m.tabIndex},A),D("hiddenInput")),B=d({className:C("input",{focusedState:k})},D("input")),F=d({className:C("icon")},D("icon"));return u.createElement(u.Fragment,null,u.createElement("div",l({id:m.id,ref:S},H),u.createElement("div",M,u.createElement("input",l({id:m.inputId,ref:E},_))),u.createElement("div",B,u.createElement("div",F))),I&&u.createElement(i.Tooltip,l({target:S,content:m.tooltip},m.tooltipOptions,{pt:D("tooltip")})))})));return j.displayName="RadioButton",e.RadioButton=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function c(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 u=c(t);function l(){return l=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},l.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 d(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 p(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}function f(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,i,a,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}function m(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 y(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-radiobutton p-component",{"p-radiobutton-checked":t.checked,"p-radiobutton-disabled":t.disabled,"p-radiobutton-focused":e.focusedState})},input:function(e){var t=e.props;return a.classNames("p-radiobutton-box",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-focus":e.focusedState})},icon:"p-radiobutton-icon"},styles:"\n@layer primereact {\n    .p-radiobutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        vertical-align: bottom;\n    }\n    \n    .p-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-radiobutton-icon {\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(.1);\n        border-radius: 50%;\n        visibility: hidden;\n    }\n    \n    .p-radiobutton-box.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n"}});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 O(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){var r,o,i;r=e,i=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):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 j=u.memo(u.forwardRef((function(e,t){var c,s,d=o.useMergeProps(),p=u.useContext(n.PrimeReactContext),m=v.getProps(e,p),g=u.useState(!1),j=(s=2,f(c=g)||b(c,s)||y(c,s)||h()),k=j[0],P=j[1],S=u.useRef(null),E=u.useRef(m.inputRef),w=v.setMetaData({props:m,state:{focused:k}}),D=w.ptm,C=w.cx;r.useHandleStyle(v.css.styles,w.isUnstyled,{name:"radiobutton",styled:!0});var R=function(e){x(e)},x=function(e){if(!m.disabled&&(m.onChange||m.onClick)){var t=m.checked,n=e.target instanceof HTMLDivElement,r=e.target===E.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(S.current,"p-radiobutton-checked")===t&&!t,i=!t,c={originalEvent:e,value:m.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:m.name,id:m.id,value:m.value,checked:i}};if(m.onClick&&m.onClick(c),e.defaultPrevented)return;(r||o)&&(m.onChange&&m.onChange(c),o&&(E.current.checked=i)),a.DomHandler.focus(E.current),e.preventDefault()}};u.useEffect((function(){E.current&&(E.current.checked=m.checked)}),[m.checked]),u.useEffect((function(){a.ObjectUtils.combinedRefs(E,m.inputRef)}),[E,m.inputRef]),o.useMountEffect((function(){m.autoFocus&&a.DomHandler.focus(E.current,m.autoFocus)})),u.useImperativeHandle(t,(function(){return{props:m,select:R,focus:function(){return a.DomHandler.focus(E.current)},getElement:function(){return S.current},getInput:function(){return E.current}}}));var I=a.ObjectUtils.isNotEmpty(m.tooltip),N=v.getOtherProps(m),A=a.ObjectUtils.reduceKeys(N,a.DomHandler.ARIA_PROPS),H=d({className:a.classNames(m.className,C("root",{focusedState:k})),style:m.style,onClick:x,"data-p-checked":m.checked},v.getOtherProps(m),D("root")),M=d({className:"p-hidden-accessible"},D("hiddenInputWrapper")),_=d(O({type:"radio",name:m.name,defaultChecked:m.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||x(e)},checked:m.checked,disabled:m.disabled,required:m.required,tabIndex:m.tabIndex},A),D("hiddenInput")),B=d({className:C("input",{focusedState:k})},D("input")),F=d({className:C("icon")},D("icon"));return u.createElement(u.Fragment,null,u.createElement("div",l({id:m.id,ref:S},H),u.createElement("div",M,u.createElement("input",l({id:m.inputId,ref:E},_))),u.createElement("div",B,u.createElement("div",F))),I&&u.createElement(i.Tooltip,l({target:S,content:m.tooltip},m.tooltipOptions,{pt:D("tooltip")})))})));return j.displayName="RadioButton",e.RadioButton=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);

package/rating/rating.cjs.js

@@ -89,12 +89,72 @@ function _defineProperty(obj, key, value) {
   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',
@@ -142,6 +202,14 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   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
@@ -179,6 +247,7 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         }
       });
     }
+    setFocusedOptionIndex(i);
     event.preventDefault();
   };
   var clear = function clear(event) {
@@ -202,10 +271,30 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     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);
@@ -235,14 +324,24 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       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({

package/rating/rating.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/ban"),a=require("primereact/icons/star"),i=require("primereact/icons/starfill"),c=require("primereact/tooltip"),l=require("primereact/utils");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 s=u(e);function p(){return p=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},p.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 y(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}var g=n.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 l.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 l.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 v(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?v(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=y(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)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var d=s.memo(s.forwardRef((function(e,u){var f=r.useMergeProps(),m=s.useContext(t.PrimeReactContext),y=g.getProps(e,m),v=s.useRef(null),d=g.setMetaData({props:y}),O=d.ptm,I=d.cx;n.useHandleStyle(g.css.styles,d.isUnstyled,{name:"rating"});var P=function(e,t){return O(t,{context:{active:e<=y.value}})},j=!y.disabled&&!y.readOnly,E=j?0:null,h=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&&h(e,t)},D=function(e){"Enter"===e.key&&S(e)};s.useImperativeHandle(u,(function(){return{props:y,getElement:function(){return v.current}}}));var N=l.ObjectUtils.isNotEmpty(y.tooltip),x=f({ref:v,id:y.id,className:I("root"),style:y.style},g.getOtherProps(y),O("root")),C=function(){if(y.cancel){var e=f({className:I("cancelIcon")},O("cancelIcon")),t=l.IconUtils.getJSXIcon(y.cancelIcon||s.createElement(o.BanIcon,e),b(b({},e),y.cancelIconProps),{props:y}),n=f({className:I("cancelItem"),onClick:S,tabIndex:E,onKeyDown:D},O("cancelItem"));return s.createElement("div",n,t)}return null}(),k=Array.from({length:y.stars},(function(e,t){return t+1})).map((function(e){var t=e<=y.value,n=f({className:I("onIcon")},P(y.value,"onIcon")),r=f({className:I("onIcon")},P(y.value,"offIcon")),o=l.IconUtils.getJSXIcon((t?{type:y.onIcon||s.createElement(i.StarFillIcon,n)}:{type:y.offIcon||s.createElement(a.StarIcon,r)}).type,b({},t?n:r),{props:y}),c=f({key:e,className:I("item",{active:t}),tabIndex:E,onClick:function(t){return h(t,e)},onKeyDown:function(t){return w(t,e)}},P(y.value,"item"));return s.createElement("div",p({key:e},c),o)}));return s.createElement(s.Fragment,null,s.createElement("div",x,C,k),N&&s.createElement(c.Tooltip,p({target:v,content:y.tooltip},y.tooltipOptions,{pt:O("tooltip")})))})));d.displayName="Rating",exports.Rating=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/ban"),a=require("primereact/icons/star"),i=require("primereact/icons/starfill"),l=require("primereact/tooltip"),c=require("primereact/utils");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 s=u(e);function p(){return p=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},p.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 y(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function v(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,l=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function O(){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 I(e,t){return v(e)||b(e,t)||d(e,t)||O()}var h=n.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 c.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 c.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 j(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=y(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)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=s.memo(s.forwardRef((function(e,u){var f=r.useMergeProps(),m=s.useContext(t.PrimeReactContext),y=h.getProps(e,m),v=I(s.useState(-1),2),b=v[0],g=v[1],d=I(s.useState(!0),2),O=d[0],j=s.useRef(null),w=h.setMetaData({props:y}),S=w.ptm,E=w.cx;n.useHandleStyle(h.css.styles,w.isUnstyled,{name:"rating"});var D=function(e,t){return S(t,{context:{active:e<=y.value}})},x=!y.disabled&&!y.readOnly,N=x?0:null,k=function(e,t){x&&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}}),g(t),e.preventDefault()},A=function(e){x&&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)}},q=function(e,t){g(t)},R=function(e){"Enter"===e.key&&A(e)};s.useImperativeHandle(u,(function(){return{props:y,getElement:function(){return j.current}}}));var U=c.ObjectUtils.isNotEmpty(y.tooltip),_=f({ref:j,id:y.id,className:E("root"),style:y.style},h.getOtherProps(y),S("root")),F=function(){if(y.cancel){var e=f({className:E("cancelIcon")},S("cancelIcon")),t=c.IconUtils.getJSXIcon(y.cancelIcon||s.createElement(o.BanIcon,e),P(P({},e),y.cancelIconProps),{props:y}),n=f({className:E("cancelItem"),onClick:A,tabIndex:N,onKeyDown:R},S("cancelItem"));return s.createElement("div",n,t)}return null}(),M=Array.from({length:y.stars},(function(e,t){return t+1})).map((function(e){var t=e<=y.value,n=f({className:E("onIcon")},D(y.value,"onIcon")),r=f({className:E("onIcon")},D(y.value,"offIcon")),o=c.IconUtils.getJSXIcon((t?{type:y.onIcon||s.createElement(i.StarFillIcon,n)}:{type:y.offIcon||s.createElement(a.StarIcon,r)}).type,P({},t?n:r),{props:y}),l=f({key:e,className:E("item",{active:t,focusedOptionIndex:b,isFocusVisibleItem:O,value:e}),"data-p-focused":e===b,tabIndex:N,onClick:function(t){return k(t,e)},onKeyDown:function(t){return C(t,e)},onFocus:function(t){return q(0,e)},onBlur:function(e){g(-1)}},D(y.value,"item"));return s.createElement("div",p({key:e},l),o)}));return s.createElement(s.Fragment,null,s.createElement("div",_,F,M),U&&s.createElement(l.Tooltip,p({target:j,content:y.tooltip},y.tooltipOptions,{pt:S("tooltip")})))})));w.displayName="Rating",exports.Rating=w;

package/rating/rating.esm.js

@@ -65,12 +65,72 @@ function _defineProperty(obj, key, value) {
   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 classNames('p-rating-item', {
       'p-rating-item-active': active
+    }, {
+      'p-focus': value === focusedOptionIndex && isFocusVisibleItem
     });
   },
   cancelIcon: 'p-rating-icon p-rating-cancel',
@@ -118,6 +178,14 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = RatingBase.getProps(inProps, context);
+  var _React$useState = React.useState(-1),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedOptionIndex = _React$useState2[0],
+    setFocusedOptionIndex = _React$useState2[1];
+  var _React$useState3 = React.useState(true),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isFocusVisibleItem = _React$useState4[0];
+    _React$useState4[1];
   var elementRef = React.useRef(null);
   var _RatingBase$setMetaDa = RatingBase.setMetaData({
       props: props
@@ -155,6 +223,7 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
         }
       });
     }
+    setFocusedOptionIndex(i);
     event.preventDefault();
   };
   var clear = function clear(event) {
@@ -178,10 +247,30 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     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);
@@ -211,14 +300,24 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       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.createElement("div", _extends({

package/rating/rating.esm.min.js

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