primereact 10.5.1 → 10.5.3

package/radiobutton/radiobutton.esm.js

@@ -4,7 +4,7 @@ import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, DomHandler } from 'primereact/utils';
+import { classNames, DomHandler, ObjectUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -62,83 +62,19 @@ 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 = {
   root: function root(_ref) {
-    var props = _ref.props,
-      focusedState = _ref.focusedState;
+    var props = _ref.props;
     return classNames('p-radiobutton p-component', {
-      'p-radiobutton-checked': props.checked,
-      'p-radiobutton-disabled': props.disabled,
-      'p-radiobutton-focused': focusedState
-    });
-  },
-  input: function input(_ref2) {
-    var props = _ref2.props,
-      focusedState = _ref2.focusedState;
-    return classNames('p-radiobutton-box', {
       'p-highlight': props.checked,
       'p-disabled': props.disabled,
-      'p-focus': focusedState
+      'p-invalid': props.invalid
     });
   },
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
   icon: 'p-radiobutton-icon'
 };
-var 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";
 var RadioButtonBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'RadioButton',
@@ -149,6 +85,7 @@ var RadioButtonBase = ComponentBase.extend({
     id: null,
     inputId: null,
     inputRef: null,
+    invalid: false,
     name: null,
     onChange: null,
     onClick: null,
@@ -161,8 +98,7 @@ var RadioButtonBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    classes: classes,
-    styles: styles
+    classes: classes
   }
 });
 
@@ -172,33 +108,26 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = RadioButtonBase.getProps(inProps, context);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusedState = _React$useState2[0],
-    setFocusedState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var inputRef = React.useRef(props.inputRef);
   var _RadioButtonBase$setM = RadioButtonBase.setMetaData({
-      props: props,
-      state: {
-        focused: focusedState
-      }
+      props: props
     }),
     ptm = _RadioButtonBase$setM.ptm,
     cx = _RadioButtonBase$setM.cx,
     isUnstyled = _RadioButtonBase$setM.isUnstyled;
   useHandleStyle(RadioButtonBase.css.styles, isUnstyled, {
-    name: 'radiobutton',
-    styled: true
+    name: 'radiobutton'
   });
   var select = function select(event) {
-    onClick(event);
+    onChange(event);
   };
-  var onClick = function onClick(event) {
-    if (props.disabled) {
+  var onChange = function onChange(event) {
+    if (props.disabled || props.readonly) {
       return;
     }
-    if (props.onChange || props.onClick) {
+    if (props.onChange) {
+      var _props$onChange;
       var checked = props.checked;
       var radioClicked = event.target instanceof HTMLDivElement;
       var inputClicked = event.target === inputRef.current;
@@ -223,47 +152,30 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
           checked: value
         }
       };
-      props.onClick && props.onClick(eventData);
+      props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
 
       // do not continue if the user defined click wants to prevent
       if (event.defaultPrevented) {
         return;
       }
       if (isInputToggled || isRadioToggled) {
-        props.onChange && props.onChange(eventData);
+        var _props$onChange2;
+        props === null || props === void 0 || (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, eventData);
         if (isRadioToggled) {
           inputRef.current.checked = value;
         }
       }
       DomHandler.focus(inputRef.current);
-      event.preventDefault();
     }
   };
-  var onFocus = function onFocus() {
-    setFocusedState(true);
+  var onFocus = function onFocus(event) {
+    var _props$onFocus;
+    props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
   };
-  var onBlur = function onBlur() {
-    setFocusedState(false);
+  var onBlur = function onBlur(event) {
+    var _props$onBlur;
+    props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
   };
-  var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space' || event.key === ' ') {
-      // event.key is for Android support
-      onClick(event);
-    }
-  };
-  React.useEffect(function () {
-    if (inputRef.current) {
-      inputRef.current.checked = props.checked;
-    }
-  }, [props.checked]);
-  React.useEffect(function () {
-    ObjectUtils.combinedRefs(inputRef, props.inputRef);
-  }, [inputRef, props.inputRef]);
-  useMountEffect(function () {
-    if (props.autoFocus) {
-      DomHandler.focus(inputRef.current, props.autoFocus);
-    }
-  });
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -279,46 +191,59 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       }
     };
   });
+  React.useEffect(function () {
+    if (inputRef.current) {
+      inputRef.current.checked = props.checked;
+    }
+  }, [props.checked]);
+  React.useEffect(function () {
+    ObjectUtils.combinedRefs(inputRef, props.inputRef);
+  }, [inputRef, props.inputRef]);
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = RadioButtonBase.getOtherProps(props);
-  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var rootProps = mergeProps({
-    className: classNames(props.className, cx('root', {
-      focusedState: focusedState
-    })),
+    id: props.id,
+    className: classNames(props.className, cx('root')),
     style: props.style,
-    onClick: onClick,
     'data-p-checked': props.checked
   }, RadioButtonBase.getOtherProps(props), ptm('root'));
-  var hiddenInputWrapperProps = mergeProps({
-    className: 'p-hidden-accessible'
-  }, ptm('hiddenInputWrapper'));
-  var hiddenInputProps = mergeProps(_objectSpread({
-    type: 'radio',
-    name: props.name,
-    defaultChecked: props.checked,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    disabled: props.disabled,
-    required: props.required,
-    tabIndex: props.tabIndex
-  }, ariaProps), ptm('hiddenInput'));
-  var inputProps = mergeProps({
-    className: cx('input', {
-      focusedState: focusedState
-    })
-  }, ptm('input'));
-  var iconProps = mergeProps({
-    className: cx('icon')
-  }, ptm('icon'));
+  var createInputElement = function createInputElement() {
+    var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
+    var inputProps = mergeProps(_objectSpread({
+      id: props.inputId,
+      type: 'radio',
+      name: props.name,
+      defaultChecked: props.checked,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onChange: onChange,
+      disabled: props.disabled,
+      readonly: props.readonly,
+      required: props.required,
+      tabIndex: props.tabIndex,
+      className: cx('input')
+    }, ariaProps), ptm('input'));
+    return /*#__PURE__*/React.createElement("input", _extends({
+      ref: inputRef
+    }, inputProps));
+  };
+  var createBoxElement = function createBoxElement() {
+    var boxProps = mergeProps({
+      className: cx('box')
+    }, ptm('box'));
+    var iconProps = mergeProps({
+      className: cx('icon')
+    }, ptm('icon'));
+    return /*#__PURE__*/React.createElement("div", boxProps, /*#__PURE__*/React.createElement("div", iconProps));
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    id: props.id,
     ref: elementRef
-  }, rootProps), /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", _extends({
-    id: props.inputId,
-    ref: inputRef
-  }, hiddenInputProps))), /*#__PURE__*/React.createElement("div", inputProps, /*#__PURE__*/React.createElement("div", iconProps))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip,
     pt: ptm('tooltip')

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,pt:R("tooltip")},j.tooltipOptions)))})));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 u}from"primereact/tooltip";import{classNames as c,DomHandler as a,ObjectUtils as l}from"primereact/utils";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 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 f(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}var m=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,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-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,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)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=e.memo(e.forwardRef((function(n,s){var d=o(),f=e.useContext(t),b=m.getProps(n,f),y=e.useRef(null),g=e.useRef(b.inputRef),h=m.setMetaData({props:b}),O=h.ptm,P=h.cx;r(m.css.styles,h.isUnstyled,{name:"radiobutton"});var k=function(e){j(e)},j=function(e){if(!b.disabled&&!b.readonly&&b.onChange){var t,n,r=b.checked,o=e.target instanceof HTMLDivElement,i=e.target===g.current&&e.target.checked!==r,u=o&&a.hasClass(y.current,"p-radiobutton-checked")===r&&!r,c=!r,l={originalEvent:e,value:b.value,checked:c,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:b.name,id:b.id,value:b.value,checked:c}};if(null==b||null===(t=b.onChange)||void 0===t||t.call(b,l),e.defaultPrevented)return;if(i||u)null==b||null===(n=b.onChange)||void 0===n||n.call(b,l),u&&(g.current.checked=c);a.focus(g.current)}},E=function(e){var t;null==b||null===(t=b.onFocus)||void 0===t||t.call(b,e)},R=function(e){var t;null==b||null===(t=b.onBlur)||void 0===t||t.call(b,e)};e.useImperativeHandle(s,(function(){return{props:b,select:k,focus:function(){return a.focus(g.current)},getElement:function(){return y.current},getInput:function(){return g.current}}})),e.useEffect((function(){g.current&&(g.current.checked=b.checked)}),[b.checked]),e.useEffect((function(){l.combinedRefs(g,b.inputRef)}),[g,b.inputRef]),i((function(){b.autoFocus&&a.focus(g.current,b.autoFocus)}));var w,x,S,C,N=l.isNotEmpty(b.tooltip),D=m.getOtherProps(b),I=d({id:b.id,className:c(b.className,P("root")),style:b.style,"data-p-checked":b.checked},m.getOtherProps(b),O("root"));return e.createElement(e.Fragment,null,e.createElement("div",p({ref:y},I),(S=l.reduceKeys(D,a.ARIA_PROPS),C=d(v({id:b.inputId,type:"radio",name:b.name,defaultChecked:b.checked,onFocus:E,onBlur:R,onChange:j,disabled:b.disabled,readonly:b.readonly,required:b.required,tabIndex:b.tabIndex,className:P("input")},S),O("input")),e.createElement("input",p({ref:g},C))),(w=d({className:P("box")},O("box")),x=d({className:P("icon")},O("icon")),e.createElement("div",w,e.createElement("div",x)))),N&&e.createElement(u,p({target:y,content:b.tooltip,pt:O("tooltip")},b.tooltipOptions)))})));y.displayName="RadioButton";export{y as RadioButton};

package/radiobutton/radiobutton.js

@@ -78,83 +78,19 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
     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 = {
     root: function root(_ref) {
-      var props = _ref.props,
-        focusedState = _ref.focusedState;
+      var props = _ref.props;
       return utils.classNames('p-radiobutton p-component', {
-        'p-radiobutton-checked': props.checked,
-        'p-radiobutton-disabled': props.disabled,
-        'p-radiobutton-focused': focusedState
-      });
-    },
-    input: function input(_ref2) {
-      var props = _ref2.props,
-        focusedState = _ref2.focusedState;
-      return utils.classNames('p-radiobutton-box', {
         'p-highlight': props.checked,
         'p-disabled': props.disabled,
-        'p-focus': focusedState
+        'p-invalid': props.invalid
       });
     },
+    box: 'p-radiobutton-box',
+    input: 'p-radiobutton-input',
     icon: 'p-radiobutton-icon'
   };
-  var 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";
   var RadioButtonBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'RadioButton',
@@ -165,6 +101,7 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
       id: null,
       inputId: null,
       inputRef: null,
+      invalid: false,
       name: null,
       onChange: null,
       onClick: null,
@@ -177,8 +114,7 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
       children: undefined
     },
     css: {
-      classes: classes,
-      styles: styles
+      classes: classes
     }
   });
 
@@ -188,33 +124,26 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = RadioButtonBase.getProps(inProps, context);
-    var _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
     var _RadioButtonBase$setM = RadioButtonBase.setMetaData({
-        props: props,
-        state: {
-          focused: focusedState
-        }
+        props: props
       }),
       ptm = _RadioButtonBase$setM.ptm,
       cx = _RadioButtonBase$setM.cx,
       isUnstyled = _RadioButtonBase$setM.isUnstyled;
     componentbase.useHandleStyle(RadioButtonBase.css.styles, isUnstyled, {
-      name: 'radiobutton',
-      styled: true
+      name: 'radiobutton'
     });
     var select = function select(event) {
-      onClick(event);
+      onChange(event);
     };
-    var onClick = function onClick(event) {
-      if (props.disabled) {
+    var onChange = function onChange(event) {
+      if (props.disabled || props.readonly) {
         return;
       }
-      if (props.onChange || props.onClick) {
+      if (props.onChange) {
+        var _props$onChange;
         var checked = props.checked;
         var radioClicked = event.target instanceof HTMLDivElement;
         var inputClicked = event.target === inputRef.current;
@@ -239,47 +168,30 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
             checked: value
           }
         };
-        props.onClick && props.onClick(eventData);
+        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
 
         // do not continue if the user defined click wants to prevent
         if (event.defaultPrevented) {
           return;
         }
         if (isInputToggled || isRadioToggled) {
-          props.onChange && props.onChange(eventData);
+          var _props$onChange2;
+          props === null || props === void 0 || (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, eventData);
           if (isRadioToggled) {
             inputRef.current.checked = value;
           }
         }
         utils.DomHandler.focus(inputRef.current);
-        event.preventDefault();
       }
     };
-    var onFocus = function onFocus() {
-      setFocusedState(true);
+    var onFocus = function onFocus(event) {
+      var _props$onFocus;
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
     };
-    var onBlur = function onBlur() {
-      setFocusedState(false);
+    var onBlur = function onBlur(event) {
+      var _props$onBlur;
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
     };
-    var onKeyDown = function onKeyDown(event) {
-      if (event.code === 'Space' || event.key === ' ') {
-        // event.key is for Android support
-        onClick(event);
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (inputRef.current) {
-        inputRef.current.checked = props.checked;
-      }
-    }, [props.checked]);
-    React__namespace.useEffect(function () {
-      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
-    }, [inputRef, props.inputRef]);
-    hooks.useMountEffect(function () {
-      if (props.autoFocus) {
-        utils.DomHandler.focus(inputRef.current, props.autoFocus);
-      }
-    });
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -295,46 +207,59 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
         }
       };
     });
+    React__namespace.useEffect(function () {
+      if (inputRef.current) {
+        inputRef.current.checked = props.checked;
+      }
+    }, [props.checked]);
+    React__namespace.useEffect(function () {
+      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
+    }, [inputRef, props.inputRef]);
+    hooks.useMountEffect(function () {
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = RadioButtonBase.getOtherProps(props);
-    var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var rootProps = mergeProps({
-      className: utils.classNames(props.className, cx('root', {
-        focusedState: focusedState
-      })),
+      id: props.id,
+      className: utils.classNames(props.className, cx('root')),
       style: props.style,
-      onClick: onClick,
       'data-p-checked': props.checked
     }, RadioButtonBase.getOtherProps(props), ptm('root'));
-    var hiddenInputWrapperProps = mergeProps({
-      className: 'p-hidden-accessible'
-    }, ptm('hiddenInputWrapper'));
-    var hiddenInputProps = mergeProps(_objectSpread({
-      type: 'radio',
-      name: props.name,
-      defaultChecked: props.checked,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onKeyDown: onKeyDown,
-      disabled: props.disabled,
-      required: props.required,
-      tabIndex: props.tabIndex
-    }, ariaProps), ptm('hiddenInput'));
-    var inputProps = mergeProps({
-      className: cx('input', {
-        focusedState: focusedState
-      })
-    }, ptm('input'));
-    var iconProps = mergeProps({
-      className: cx('icon')
-    }, ptm('icon'));
+    var createInputElement = function createInputElement() {
+      var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
+      var inputProps = mergeProps(_objectSpread({
+        id: props.inputId,
+        type: 'radio',
+        name: props.name,
+        defaultChecked: props.checked,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onChange: onChange,
+        disabled: props.disabled,
+        readonly: props.readonly,
+        required: props.required,
+        tabIndex: props.tabIndex,
+        className: cx('input')
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("input", _extends({
+        ref: inputRef
+      }, inputProps));
+    };
+    var createBoxElement = function createBoxElement() {
+      var boxProps = mergeProps({
+        className: cx('box')
+      }, ptm('box'));
+      var iconProps = mergeProps({
+        className: cx('icon')
+      }, ptm('icon'));
+      return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
+    };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      id: props.id,
       ref: elementRef
-    }, rootProps), /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({
-      id: props.inputId,
-      ref: inputRef
-    }, hiddenInputProps))), /*#__PURE__*/React__namespace.createElement("div", inputProps, /*#__PURE__*/React__namespace.createElement("div", iconProps))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip,
       pt: ptm('tooltip')