primereact 10.5.0 → 10.5.2

package/radiobutton/radiobutton.cjs.js

@@ -86,83 +86,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 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',
@@ -173,6 +109,7 @@ var RadioButtonBase = componentbase.ComponentBase.extend({
     id: null,
     inputId: null,
     inputRef: null,
+    invalid: false,
     name: null,
     onChange: null,
     onClick: null,
@@ -185,8 +122,7 @@ var RadioButtonBase = componentbase.ComponentBase.extend({
     children: undefined
   },
   css: {
-    classes: classes,
-    styles: styles
+    classes: classes
   }
 });
 
@@ -196,33 +132,26 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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;
@@ -247,47 +176,30 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
           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,
@@ -303,52 +215,63 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       }
     };
   });
+  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,
-    checked: props.checked,
-    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
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 RadioButton.displayName = 'RadioButton';
 

package/radiobutton/radiobutton.cjs.min.js

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

package/radiobutton/radiobutton.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { CheckboxPassThroughType } from '../checkbox/checkbox';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { PassThroughOptions } from '../passthrough';
 import { TooltipPassThroughOptions } from '../tooltip/tooltip';
@@ -22,7 +23,6 @@ export declare type RadioButtonPassThroughType<T> = PassThroughType<T, RadioButt
  */
 export interface RadioButtonPassThroughMethodOptions {
     props: RadioButtonProps;
-    state: RadioButtonState;
 }
 
 /**
@@ -34,22 +34,18 @@ export interface RadioButtonPassThroughOptions {
      * Uses to pass attributes to the root's DOM element.
      */
     root?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
-    /**
-     * Uses to pass attributes to the input's DOM element.
-     */
-    input?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Uses to pass attributes to the icon's DOM element.
      */
     icon?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
-     * Uses to pass attributes to the hidden accessible DOM element wrapper.
+     * Uses to pass attributes to the input's DOM element.
      */
-    hiddenInputWrapper?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    input?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
-     * Uses to pass attributes to the hidden accessible DOM element.
+     * Used to pass attributes to the box's DOM element.
      */
-    hiddenInput?: RadioButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    box?: CheckboxPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Uses to pass attributes tooltip's DOM element.
      * @type {TooltipPassThroughOptions}
@@ -62,17 +58,6 @@ export interface RadioButtonPassThroughOptions {
     hooks?: ComponentHooks;
 }
 
-/**
- * Defines current inline state in RadioButton component.
- */
-export interface RadioButtonState {
-    /**
-     * Current focused state as a boolean.
-     * @defaultValue false
-     */
-    focused: boolean;
-}
-
 /**
  * Custom change event.
  * @see {@link RadioButtonProps.onChange}
@@ -81,19 +66,11 @@ export interface RadioButtonState {
  */
 interface RadioButtonChangeEvent extends FormEvent {}
 
-/**
- * Custom click event.
- * @see {@link RadioButtonProps.onClick}
- * @extends {FormEvent}
- * @event
- */
-interface RadioButtonClickEvent extends FormEvent {}
-
 /**
  * Defines valid properties in RadioButton component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onClick' | 'ref' | 'pt'> {
+export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref' | 'pt'> {
     /**
      * When present, it specifies that the component should automatically get focus on load.
      * @defaultValue false
@@ -121,10 +98,20 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
      */
     checked?: boolean | undefined;
     /**
-     * When present, it specifies that the element value cannot be altered.
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @default false
+     */
+    readonly?: boolean | undefined;
     /**
      * When present, it specifies that an input field must be filled out before submitting the form.
      * @defaultValue false
@@ -143,11 +130,6 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @param {RadioButtonChangeEvent} event - Custom change event.
      */
     onChange?(event: RadioButtonChangeEvent): void;
-    /**
-     * Callback to invoke on click.  Mark the event with preventDefault to prevent the option from changing.
-     * @param {RadioButtonClickEvent} event - Custom click event.
-     */
-    onClick?(event: RadioButtonClickEvent): void;
     /**
      * Used to get the child elements of the component.
      * @readonly