primereact 10.3.0 → 10.3.1

package/radiobutton/radiobutton.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -226,33 +226,33 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       var radioClicked = event.target instanceof HTMLDivElement;
       var inputClicked = event.target === inputRef.current;
       var isInputToggled = inputClicked && event.target.checked !== checked;
-      var isRadioToggled = radioClicked && (utils.DomHandler.isAttributeEquals(elementRef.current, 'data-p-checked', true) === checked ? !checked : false);
-      if (isInputToggled || isRadioToggled) {
-        var value = !checked;
-        var eventData = {
-          originalEvent: event,
+      var isRadioToggled = radioClicked && (utils.DomHandler.hasClass(elementRef.current, 'p-radiobutton-checked') === checked ? !checked : false);
+      var value = !checked;
+      var eventData = {
+        originalEvent: event,
+        value: props.value,
+        checked: value,
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
+        target: {
+          type: 'radio',
+          name: props.name,
+          id: props.id,
           value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {
-            event.stopPropagation();
-          },
-          preventDefault: function preventDefault() {
-            event.preventDefault();
-          },
-          target: {
-            type: 'radio',
-            name: props.name,
-            id: props.id,
-            value: props.value,
-            checked: value
-          }
-        };
-        props.onClick && props.onClick(eventData);
-
-        // do not continue if the user defined click wants to prevent
-        if (event.defaultPrevented) {
-          return;
+          checked: value
         }
+      };
+      props.onClick && props.onClick(eventData);
+
+      // do not continue if the user defined click wants to prevent
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (isInputToggled || isRadioToggled) {
         props.onChange && props.onChange(eventData);
         if (isRadioToggled) {
           inputRef.current.checked = value;

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/hooks"),r=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/componentbase");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=i.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 o.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 o.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=c.useContext(t.PrimeReactContext),b=v.getProps(e,d),h=c.useState(!1),O=(s=2,p(l=h)||f(l,s)||m(l,s)||y()),j=O[0],P=O[1],k=c.useRef(null),S=c.useRef(b.inputRef),E=v.setMetaData({props:b,state:{focused:j}}),w=E.ptm,D=E.cx;i.useHandleStyle(v.css.styles,E.isUnstyled,{name:"radiobutton",styled:!0});var x=function(e){C(e)},C=function(e){if(!b.disabled&&(b.onChange||b.onClick)){var t=b.checked,n=e.target instanceof HTMLDivElement,r=e.target===S.current&&e.target.checked!==t,i=n&&o.DomHandler.isAttributeEquals(k.current,"data-p-checked",!0)===t&&!t;if(r||i){var a=!t,c={originalEvent:e,value:b.value,checked:a,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:b.name,id:b.id,value:b.value,checked:a}};if(b.onClick&&b.onClick(c),e.defaultPrevented)return;b.onChange&&b.onChange(c),i&&(S.current.checked=a)}o.DomHandler.focus(S.current),e.preventDefault()}};c.useEffect((function(){S.current&&(S.current.checked=b.checked)}),[b.checked]),c.useEffect((function(){o.ObjectUtils.combinedRefs(S,b.inputRef)}),[S,b.inputRef]),n.useMountEffect((function(){b.autoFocus&&o.DomHandler.focus(S.current,b.autoFocus)})),c.useImperativeHandle(a,(function(){return{props:b,select:x,focus:function(){return o.DomHandler.focus(S.current)},getElement:function(){return k.current},getInput:function(){return S.current}}}));var R=o.ObjectUtils.isNotEmpty(b.tooltip),I=v.getOtherProps(b),N=o.ObjectUtils.reduceKeys(I,o.DomHandler.ARIA_PROPS),q=o.mergeProps({className:o.classNames(b.className,D("root",{focusedState:j})),style:b.style,onClick:C,"data-p-checked":b.checked},v.getOtherProps(b),w("root")),A=o.mergeProps({className:"p-hidden-accessible"},w("hiddenInputWrapper")),H=o.mergeProps(g({type:"radio",name:b.name,defaultChecked:b.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||C(e)},disabled:b.disabled,required:b.required,tabIndex:b.tabIndex},N),w("hiddenInput")),_=o.mergeProps({className:D("input",{focusedState:j})},w("input")),M=o.mergeProps({className:D("icon")},w("icon"));return c.createElement(c.Fragment,null,c.createElement("div",u({id:b.id,ref:k},q),c.createElement("div",A,c.createElement("input",u({id:b.inputId,ref:S},H))),c.createElement("div",_,c.createElement("div",M))),R&&c.createElement(r.Tooltip,u({target:k,content:b.tooltip},b.tooltipOptions,{pt:w("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=c.useContext(t.PrimeReactContext),b=v.getProps(e,d),h=c.useState(!1),O=(s=2,p(l=h)||f(l,s)||m(l,s)||y()),j=O[0],P=O[1],k=c.useRef(null),S=c.useRef(b.inputRef),E=v.setMetaData({props:b,state:{focused:j}}),w=E.ptm,D=E.cx;n.useHandleStyle(v.css.styles,E.isUnstyled,{name:"radiobutton",styled:!0});var x=function(e){C(e)},C=function(e){if(!b.disabled&&(b.onChange||b.onClick)){var t=b.checked,n=e.target instanceof HTMLDivElement,r=e.target===S.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(k.current,"p-radiobutton-checked")===t&&!t,a=!t,c={originalEvent:e,value:b.value,checked:a,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:b.name,id:b.id,value:b.value,checked:a}};if(b.onClick&&b.onClick(c),e.defaultPrevented)return;(r||o)&&(b.onChange&&b.onChange(c),o&&(S.current.checked=a)),i.DomHandler.focus(S.current),e.preventDefault()}};c.useEffect((function(){S.current&&(S.current.checked=b.checked)}),[b.checked]),c.useEffect((function(){i.ObjectUtils.combinedRefs(S,b.inputRef)}),[S,b.inputRef]),r.useMountEffect((function(){b.autoFocus&&i.DomHandler.focus(S.current,b.autoFocus)})),c.useImperativeHandle(a,(function(){return{props:b,select:x,focus:function(){return i.DomHandler.focus(S.current)},getElement:function(){return k.current},getInput:function(){return S.current}}}));var R=i.ObjectUtils.isNotEmpty(b.tooltip),I=v.getOtherProps(b),N=i.ObjectUtils.reduceKeys(I,i.DomHandler.ARIA_PROPS),q=i.mergeProps({className:i.classNames(b.className,D("root",{focusedState:j})),style:b.style,onClick:C,"data-p-checked":b.checked},v.getOtherProps(b),w("root")),A=i.mergeProps({className:"p-hidden-accessible"},w("hiddenInputWrapper")),H=i.mergeProps(g({type:"radio",name:b.name,defaultChecked:b.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||C(e)},disabled:b.disabled,required:b.required,tabIndex:b.tabIndex},N),w("hiddenInput")),_=i.mergeProps({className:D("input",{focusedState:j})},w("input")),M=i.mergeProps({className:D("icon")},w("icon"));return c.createElement(c.Fragment,null,c.createElement("div",u({id:b.id,ref:k},q),c.createElement("div",A,c.createElement("input",u({id:b.inputId,ref:S},H))),c.createElement("div",_,c.createElement("div",M))),R&&c.createElement(o.Tooltip,u({target:k,content:b.tooltip},b.tooltipOptions,{pt:w("tooltip")})))})));O.displayName="RadioButton",exports.RadioButton=O;

package/radiobutton/radiobutton.esm.js

@@ -1,10 +1,10 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
 import { classNames, ObjectUtils, DomHandler, mergeProps } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -202,33 +202,33 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       var radioClicked = event.target instanceof HTMLDivElement;
       var inputClicked = event.target === inputRef.current;
       var isInputToggled = inputClicked && event.target.checked !== checked;
-      var isRadioToggled = radioClicked && (DomHandler.isAttributeEquals(elementRef.current, 'data-p-checked', true) === checked ? !checked : false);
-      if (isInputToggled || isRadioToggled) {
-        var value = !checked;
-        var eventData = {
-          originalEvent: event,
+      var isRadioToggled = radioClicked && (DomHandler.hasClass(elementRef.current, 'p-radiobutton-checked') === checked ? !checked : false);
+      var value = !checked;
+      var eventData = {
+        originalEvent: event,
+        value: props.value,
+        checked: value,
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
+        target: {
+          type: 'radio',
+          name: props.name,
+          id: props.id,
           value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {
-            event.stopPropagation();
-          },
-          preventDefault: function preventDefault() {
-            event.preventDefault();
-          },
-          target: {
-            type: 'radio',
-            name: props.name,
-            id: props.id,
-            value: props.value,
-            checked: value
-          }
-        };
-        props.onClick && props.onClick(eventData);
-
-        // do not continue if the user defined click wants to prevent
-        if (event.defaultPrevented) {
-          return;
+          checked: value
         }
+      };
+      props.onClick && props.onClick(eventData);
+
+      // do not continue if the user defined click wants to prevent
+      if (event.defaultPrevented) {
+        return;
+      }
+      if (isInputToggled || isRadioToggled) {
         props.onChange && props.onChange(eventData);
         if (isRadioToggled) {
           inputRef.current.checked = value;

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as r}from"primereact/tooltip";import{classNames as o,ObjectUtils as i,DomHandler as a,mergeProps as c}from"primereact/utils";import{ComponentBase as u,useHandleStyle as l}from"primereact/componentbase";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=u.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 o("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 o("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(u,p){var d,f,y=e.useContext(t),O=g.getProps(u,y),j=e.useState(!1),P=(f=2,b(d=j)||m(d,f)||v(d,f)||h()),S=P[0],E=P[1],w=e.useRef(null),x=e.useRef(O.inputRef),I=g.setMetaData({props:O,state:{focused:S}}),C=I.ptm,R=I.cx;l(g.css.styles,I.isUnstyled,{name:"radiobutton",styled:!0});var D=function(e){A(e)},A=function(e){if(!O.disabled&&(O.onChange||O.onClick)){var t=O.checked,n=e.target instanceof HTMLDivElement,r=e.target===x.current&&e.target.checked!==t,o=n&&a.isAttributeEquals(w.current,"data-p-checked",!0)===t&&!t;if(r||o){var i=!t,c={originalEvent:e,value:O.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:O.name,id:O.id,value:O.value,checked:i}};if(O.onClick&&O.onClick(c),e.defaultPrevented)return;O.onChange&&O.onChange(c),o&&(x.current.checked=i)}a.focus(x.current),e.preventDefault()}};e.useEffect((function(){x.current&&(x.current.checked=O.checked)}),[O.checked]),e.useEffect((function(){i.combinedRefs(x,O.inputRef)}),[x,O.inputRef]),n((function(){O.autoFocus&&a.focus(x.current,O.autoFocus)})),e.useImperativeHandle(p,(function(){return{props:O,select:D,focus:function(){return a.focus(x.current)},getElement:function(){return w.current},getInput:function(){return x.current}}}));var N=i.isNotEmpty(O.tooltip),F=g.getOtherProps(O),q=i.reduceKeys(F,a.ARIA_PROPS),T=c({className:o(O.className,R("root",{focusedState:S})),style:O.style,onClick:A,"data-p-checked":O.checked},g.getOtherProps(O),C("root")),B=c({className:"p-hidden-accessible"},C("hiddenInputWrapper")),M=c(k({type:"radio",name:O.name,defaultChecked:O.checked,onFocus:function(){E(!0)},onBlur:function(){E(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||A(e)},disabled:O.disabled,required:O.required,tabIndex:O.tabIndex},q),C("hiddenInput")),_=c({className:R("input",{focusedState:S})},C("input")),H=c({className:R("icon")},C("icon"));return e.createElement(e.Fragment,null,e.createElement("div",s({id:O.id,ref:w},T),e.createElement("div",B,e.createElement("input",s({id:O.inputId,ref:x},M))),e.createElement("div",_,e.createElement("div",H))),N&&e.createElement(r,s({target:w,content:O.tooltip},O.tooltipOptions,{pt:C("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{useMountEffect as o}from"primereact/hooks";import{Tooltip as i}from"primereact/tooltip";import{classNames as a,ObjectUtils as c,DomHandler as u,mergeProps 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 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=e.useContext(t),O=g.getProps(n,y),j=e.useState(!1),P=(f=2,b(d=j)||m(d,f)||v(d,f)||h()),S=P[0],E=P[1],w=e.useRef(null),x=e.useRef(O.inputRef),C=g.setMetaData({props:O,state:{focused:S}}),I=C.ptm,R=C.cx;r(g.css.styles,C.isUnstyled,{name:"radiobutton",styled:!0});var D=function(e){N(e)},N=function(e){if(!O.disabled&&(O.onChange||O.onClick)){var t=O.checked,n=e.target instanceof HTMLDivElement,r=e.target===x.current&&e.target.checked!==t,o=n&&u.hasClass(w.current,"p-radiobutton-checked")===t&&!t,i=!t,a={originalEvent:e,value:O.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:O.name,id:O.id,value:O.value,checked:i}};if(O.onClick&&O.onClick(a),e.defaultPrevented)return;(r||o)&&(O.onChange&&O.onChange(a),o&&(x.current.checked=i)),u.focus(x.current),e.preventDefault()}};e.useEffect((function(){x.current&&(x.current.checked=O.checked)}),[O.checked]),e.useEffect((function(){c.combinedRefs(x,O.inputRef)}),[x,O.inputRef]),o((function(){O.autoFocus&&u.focus(x.current,O.autoFocus)})),e.useImperativeHandle(p,(function(){return{props:O,select:D,focus:function(){return u.focus(x.current)},getElement:function(){return w.current},getInput:function(){return x.current}}}));var A=c.isNotEmpty(O.tooltip),F=g.getOtherProps(O),T=c.reduceKeys(F,u.ARIA_PROPS),q=l({className:a(O.className,R("root",{focusedState:S})),style:O.style,onClick:N,"data-p-checked":O.checked},g.getOtherProps(O),I("root")),B=l({className:"p-hidden-accessible"},I("hiddenInputWrapper")),M=l(k({type:"radio",name:O.name,defaultChecked:O.checked,onFocus:function(){E(!0)},onBlur:function(){E(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||N(e)},disabled:O.disabled,required:O.required,tabIndex:O.tabIndex},T),I("hiddenInput")),_=l({className:R("input",{focusedState:S})},I("input")),H=l({className:R("icon")},I("icon"));return e.createElement(e.Fragment,null,e.createElement("div",s({id:O.id,ref:w},q),e.createElement("div",B,e.createElement("input",s({id:O.inputId,ref:x},M))),e.createElement("div",_,e.createElement("div",H))),A&&e.createElement(i,s({target:w,content:O.tooltip},O.tooltipOptions,{pt:I("tooltip")})))})));j.displayName="RadioButton";export{j as RadioButton};

package/radiobutton/radiobutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.radiobutton = (function (exports, React, api, hooks, tooltip, utils, componentbase) {
+this.primereact.radiobutton = (function (exports, React, api, componentbase, hooks, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -218,33 +218,33 @@ this.primereact.radiobutton = (function (exports, React, api, hooks, tooltip, ut
         var radioClicked = event.target instanceof HTMLDivElement;
         var inputClicked = event.target === inputRef.current;
         var isInputToggled = inputClicked && event.target.checked !== checked;
-        var isRadioToggled = radioClicked && (utils.DomHandler.isAttributeEquals(elementRef.current, 'data-p-checked', true) === checked ? !checked : false);
-        if (isInputToggled || isRadioToggled) {
-          var value = !checked;
-          var eventData = {
-            originalEvent: event,
+        var isRadioToggled = radioClicked && (utils.DomHandler.hasClass(elementRef.current, 'p-radiobutton-checked') === checked ? !checked : false);
+        var value = !checked;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
+          target: {
+            type: 'radio',
+            name: props.name,
+            id: props.id,
             value: props.value,
-            checked: value,
-            stopPropagation: function stopPropagation() {
-              event.stopPropagation();
-            },
-            preventDefault: function preventDefault() {
-              event.preventDefault();
-            },
-            target: {
-              type: 'radio',
-              name: props.name,
-              id: props.id,
-              value: props.value,
-              checked: value
-            }
-          };
-          props.onClick && props.onClick(eventData);
-
-          // do not continue if the user defined click wants to prevent
-          if (event.defaultPrevented) {
-            return;
+            checked: value
           }
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (isInputToggled || isRadioToggled) {
           props.onChange && props.onChange(eventData);
           if (isRadioToggled) {
             inputRef.current.checked = value;
@@ -348,4 +348,4 @@ this.primereact.radiobutton = (function (exports, React, api, hooks, tooltip, ut
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.tooltip, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.tooltip, primereact.utils);

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=a.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 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=u.useContext(n.PrimeReactContext),p=h.getProps(e,d),m=u.useState(!1),g=(s=2,f(c=m)||b(c,s)||y(c,s)||v()),j=g[0],P=g[1],k=u.useRef(null),S=u.useRef(p.inputRef),E=h.setMetaData({props:p,state:{focused:j}}),w=E.ptm,D=E.cx;a.useHandleStyle(h.css.styles,E.isUnstyled,{name:"radiobutton",styled:!0});var R=function(e){C(e)},C=function(e){if(!p.disabled&&(p.onChange||p.onClick)){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===S.current&&e.target.checked!==t,o=n&&i.DomHandler.isAttributeEquals(k.current,"data-p-checked",!0)===t&&!t;if(r||o){var a=!t,c={originalEvent:e,value:p.value,checked:a,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:a}};if(p.onClick&&p.onClick(c),e.defaultPrevented)return;p.onChange&&p.onChange(c),o&&(S.current.checked=a)}i.DomHandler.focus(S.current),e.preventDefault()}};u.useEffect((function(){S.current&&(S.current.checked=p.checked)}),[p.checked]),u.useEffect((function(){i.ObjectUtils.combinedRefs(S,p.inputRef)}),[S,p.inputRef]),r.useMountEffect((function(){p.autoFocus&&i.DomHandler.focus(S.current,p.autoFocus)})),u.useImperativeHandle(t,(function(){return{props:p,select:R,focus:function(){return i.DomHandler.focus(S.current)},getElement:function(){return k.current},getInput:function(){return S.current}}}));var x=i.ObjectUtils.isNotEmpty(p.tooltip),I=h.getOtherProps(p),N=i.ObjectUtils.reduceKeys(I,i.DomHandler.ARIA_PROPS),A=i.mergeProps({className:i.classNames(p.className,D("root",{focusedState:j})),style:p.style,onClick:C,"data-p-checked":p.checked},h.getOtherProps(p),w("root")),H=i.mergeProps({className:"p-hidden-accessible"},w("hiddenInputWrapper")),_=i.mergeProps(O({type:"radio",name:p.name,defaultChecked:p.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||C(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},N),w("hiddenInput")),M=i.mergeProps({className:D("input",{focusedState:j})},w("input")),B=i.mergeProps({className:D("icon")},w("icon"));return u.createElement(u.Fragment,null,u.createElement("div",l({id:p.id,ref:k},A),u.createElement("div",H,u.createElement("input",l({id:p.inputId,ref:S},_))),u.createElement("div",M,u.createElement("div",B))),x&&u.createElement(o.Tooltip,l({target:k,content:p.tooltip},p.tooltipOptions,{pt:w("tooltip")})))})));return j.displayName="RadioButton",e.RadioButton=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils,primereact.componentbase);
+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=u.useContext(n.PrimeReactContext),p=h.getProps(e,d),m=u.useState(!1),g=(s=2,f(c=m)||b(c,s)||y(c,s)||v()),j=g[0],P=g[1],k=u.useRef(null),S=u.useRef(p.inputRef),E=h.setMetaData({props:p,state:{focused:j}}),w=E.ptm,D=E.cx;r.useHandleStyle(h.css.styles,E.isUnstyled,{name:"radiobutton",styled:!0});var C=function(e){R(e)},R=function(e){if(!p.disabled&&(p.onChange||p.onClick)){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===S.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(k.current,"p-radiobutton-checked")===t&&!t,i=!t,c={originalEvent:e,value:p.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:i}};if(p.onClick&&p.onClick(c),e.defaultPrevented)return;(r||o)&&(p.onChange&&p.onChange(c),o&&(S.current.checked=i)),a.DomHandler.focus(S.current),e.preventDefault()}};u.useEffect((function(){S.current&&(S.current.checked=p.checked)}),[p.checked]),u.useEffect((function(){a.ObjectUtils.combinedRefs(S,p.inputRef)}),[S,p.inputRef]),o.useMountEffect((function(){p.autoFocus&&a.DomHandler.focus(S.current,p.autoFocus)})),u.useImperativeHandle(t,(function(){return{props:p,select:C,focus:function(){return a.DomHandler.focus(S.current)},getElement:function(){return k.current},getInput:function(){return S.current}}}));var x=a.ObjectUtils.isNotEmpty(p.tooltip),I=h.getOtherProps(p),N=a.ObjectUtils.reduceKeys(I,a.DomHandler.ARIA_PROPS),A=a.mergeProps({className:a.classNames(p.className,D("root",{focusedState:j})),style:p.style,onClick:R,"data-p-checked":p.checked},h.getOtherProps(p),w("root")),H=a.mergeProps({className:"p-hidden-accessible"},w("hiddenInputWrapper")),_=a.mergeProps(O({type:"radio",name:p.name,defaultChecked:p.checked,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||R(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},N),w("hiddenInput")),M=a.mergeProps({className:D("input",{focusedState:j})},w("input")),B=a.mergeProps({className:D("icon")},w("icon"));return u.createElement(u.Fragment,null,u.createElement("div",l({id:p.id,ref:k},A),u.createElement("div",H,u.createElement("input",l({id:p.inputId,ref:S},_))),u.createElement("div",M,u.createElement("div",B))),x&&u.createElement(i.Tooltip,l({target:k,content:p.tooltip},p.tooltipOptions,{pt:w("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/resources/themes/arya-blue/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(100, 181, 246, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(100, 181, 246, 0.24);
+  }
   .p-tree {
     border: 1px solid #383838;
     background: #1e1e1e;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #93cbf9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(100, 181, 246, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #383838;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #383838;
   }

package/resources/themes/arya-green/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(129, 199, 132, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(129, 199, 132, 0.24);
+  }
   .p-tree {
     border: 1px solid #383838;
     background: #1e1e1e;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #a7d8a9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(129, 199, 132, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #383838;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #a7d8a9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #383838;
   }

package/resources/themes/arya-orange/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #ffe284;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 213, 79, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(255, 213, 79, 0.24);
+  }
   .p-tree {
     border: 1px solid #383838;
     background: #1e1e1e;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #ffe284;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #ffe284;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(255, 213, 79, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #383838;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #ffe284;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #383838;
   }

package/resources/themes/arya-purple/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #cf95d9;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(186, 104, 200, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(186, 104, 200, 0.24);
+  }
   .p-tree {
     border: 1px solid #383838;
     background: #1e1e1e;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #cf95d9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #cf95d9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(186, 104, 200, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #383838;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #cf95d9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #383838;
   }

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -3267,6 +3267,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1.5rem;
@@ -3280,15 +3281,17 @@
     background: rgba(255, 255, 255, 0.04);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.12);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #151515;
     background: #8dd0ff;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #64bfff;
+  }
   .p-tree {
     border: 1px solid #3f4b5b;
     background: #2a323d;
@@ -3298,6 +3301,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #e3f3fe;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 4px;
@@ -3334,11 +3343,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #e3f3fe;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #8dd0ff;
     color: #151515;
@@ -3845,6 +3849,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #3f4b5b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e3f3fe;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #3f4b5b;
   }