primereact 9.4.0 → 9.5.0

package/radiobutton/radiobutton.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var hooks = require('primereact/hooks');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
 
@@ -99,21 +100,22 @@ function _slicedToArray(arr, i) {
 var RadioButtonBase = {
   defaultProps: {
     __TYPE: 'RadioButton',
-    id: null,
-    inputRef: null,
-    inputId: null,
-    name: null,
-    value: null,
+    autoFocus: false,
     checked: false,
-    style: null,
     className: null,
     disabled: false,
+    id: null,
+    inputId: null,
+    inputRef: null,
+    name: null,
+    onChange: null,
+    onClick: null,
     required: false,
+    style: null,
     tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
-    onChange: null,
-    onClick: null,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -200,6 +202,11 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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,
@@ -234,7 +241,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     className: className,
     style: props.style
   }, otherProps, {
-    onPointerUp: onClick
+    onClick: onClick
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
   }, /*#__PURE__*/React__namespace.createElement("input", _extends({

package/radiobutton/radiobutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils");function r(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 o=r(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 i(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,u=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function l(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 c(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}function d(){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 s={defaultProps:{__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,s.defaultProps)}},f=o.memo(o.forwardRef((function(e,r){var l,f,p=s.getProps(e),b=o.useState(!1),m=(f=2,i(l=b)||u(l,f)||c(l,f)||d()),h=m[0],v=m[1],g=o.useRef(null),y=o.useRef(p.inputRef),O=function(e){k(e)},k=function(e){if(!p.disabled&&(p.onChange||p.onClick)){var t=p.checked,r=e.target instanceof HTMLDivElement,o=e.target===y.current&&e.target.checked!==t,a=r&&n.DomHandler.hasClass(g.current,"p-radiobutton-checked")===t&&!t;if(o||a){var i=!t,u={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(u),e.defaultPrevented)return;p.onChange&&p.onChange(u),a&&(y.current.checked=i)}n.DomHandler.focus(y.current),e.preventDefault()}};o.useEffect((function(){y.current&&(y.current.checked=p.checked)}),[p.checked]),o.useEffect((function(){n.ObjectUtils.combinedRefs(y,p.inputRef)}),[y,p.inputRef]),o.useImperativeHandle(r,(function(){return{props:p,select:O,focus:function(){return n.DomHandler.focus(y.current)},getElement:function(){return g.current},getInput:function(){return y.current}}}));var P=n.ObjectUtils.isNotEmpty(p.tooltip),j=s.getOtherProps(p),E=n.ObjectUtils.reduceKeys(j,n.DomHandler.ARIA_PROPS),R=n.classNames("p-radiobutton p-component",{"p-radiobutton-checked":p.checked,"p-radiobutton-disabled":p.disabled,"p-radiobutton-focused":h},p.className),C=n.classNames("p-radiobutton-box",{"p-highlight":p.checked,"p-disabled":p.disabled,"p-focus":h});return o.createElement(o.Fragment,null,o.createElement("div",a({ref:g,id:p.id,className:R,style:p.style},j,{onPointerUp:k}),o.createElement("div",{className:"p-hidden-accessible"},o.createElement("input",a({ref:y,id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||k(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},E))),o.createElement("div",{className:C},o.createElement("div",{className:"p-radiobutton-icon"}))),P&&o.createElement(t.Tooltip,a({target:g,content:p.tooltip},p.tooltipOptions)))})));f.displayName="RadioButton",exports.RadioButton=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),r=require("primereact/utils");function o(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=o(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 c(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,a,c=[],i=!0,l=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=u.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}function l(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 s(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}function d(){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 f={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},getProps:function(e){return r.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,f.defaultProps)}},p=u.memo(u.forwardRef((function(e,o){var l,p,m=f.getProps(e),b=u.useState(!1),h=(p=2,c(l=b)||i(l,p)||s(l,p)||d()),v=h[0],g=h[1],y=u.useRef(null),O=u.useRef(m.inputRef),k=function(e){j(e)},j=function(e){if(!m.disabled&&(m.onChange||m.onClick)){var t=m.checked,n=e.target instanceof HTMLDivElement,o=e.target===O.current&&e.target.checked!==t,u=n&&r.DomHandler.hasClass(y.current,"p-radiobutton-checked")===t&&!t;if(o||u){var a=!t,c={originalEvent:e,value:m.value,checked:a,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:m.name,id:m.id,value:m.value,checked:a}};if(m.onClick&&m.onClick(c),e.defaultPrevented)return;m.onChange&&m.onChange(c),u&&(O.current.checked=a)}r.DomHandler.focus(O.current),e.preventDefault()}};u.useEffect((function(){O.current&&(O.current.checked=m.checked)}),[m.checked]),u.useEffect((function(){r.ObjectUtils.combinedRefs(O,m.inputRef)}),[O,m.inputRef]),t.useMountEffect((function(){m.autoFocus&&r.DomHandler.focus(O.current,m.autoFocus)})),u.useImperativeHandle(o,(function(){return{props:m,select:k,focus:function(){return r.DomHandler.focus(O.current)},getElement:function(){return y.current},getInput:function(){return O.current}}}));var P=r.ObjectUtils.isNotEmpty(m.tooltip),E=f.getOtherProps(m),R=r.ObjectUtils.reduceKeys(E,r.DomHandler.ARIA_PROPS),C=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":m.checked,"p-radiobutton-disabled":m.disabled,"p-radiobutton-focused":v},m.className),D=r.classNames("p-radiobutton-box",{"p-highlight":m.checked,"p-disabled":m.disabled,"p-focus":v});return u.createElement(u.Fragment,null,u.createElement("div",a({ref:y,id:m.id,className:C,style:m.style},E,{onClick:j}),u.createElement("div",{className:"p-hidden-accessible"},u.createElement("input",a({ref:O,id:m.inputId,type:"radio",name:m.name,defaultChecked:m.checked,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||j(e)},disabled:m.disabled,required:m.required,tabIndex:m.tabIndex},R))),u.createElement("div",{className:D},u.createElement("div",{className:"p-radiobutton-icon"}))),P&&u.createElement(n.Tooltip,a({target:y,content:m.tooltip},m.tooltipOptions)))})));p.displayName="RadioButton",exports.RadioButton=p;

package/radiobutton/radiobutton.d.ts

@@ -32,6 +32,11 @@ interface RadioButtonClickEvent extends FormEvent {}
  * @group Properties
  */
 export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onClick' | 'ref'> {
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Reference of the input element.
      */

package/radiobutton/radiobutton.esm.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
 
@@ -75,21 +76,22 @@ function _slicedToArray(arr, i) {
 var RadioButtonBase = {
   defaultProps: {
     __TYPE: 'RadioButton',
-    id: null,
-    inputRef: null,
-    inputId: null,
-    name: null,
-    value: null,
+    autoFocus: false,
     checked: false,
-    style: null,
     className: null,
     disabled: false,
+    id: null,
+    inputId: null,
+    inputRef: null,
+    name: null,
+    onChange: null,
+    onClick: null,
     required: false,
+    style: null,
     tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
-    onChange: null,
-    onClick: null,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -176,6 +178,11 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   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,
@@ -210,7 +217,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     className: className,
     style: props.style
   }, otherProps, {
-    onPointerUp: onClick
+    onClick: onClick
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
   }, /*#__PURE__*/React.createElement("input", _extends({

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,DomHandler as r,classNames as o}from"primereact/utils";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 i(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,u=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function l(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 c(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}function d(){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 s={defaultProps:{__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,children:void 0},getProps:function(e){return n.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,s.defaultProps)}},f=e.memo(e.forwardRef((function(l,f){var p,m,h=s.getProps(l),b=e.useState(!1),g=(m=2,i(p=b)||u(p,m)||c(p,m)||d()),v=g[0],y=g[1],k=e.useRef(null),P=e.useRef(h.inputRef),E=function(e){O(e)},O=function(e){if(!h.disabled&&(h.onChange||h.onClick)){var t=h.checked,n=e.target instanceof HTMLDivElement,o=e.target===P.current&&e.target.checked!==t,a=n&&r.hasClass(k.current,"p-radiobutton-checked")===t&&!t;if(o||a){var i=!t,u={originalEvent:e,value:h.value,checked:i,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:h.name,id:h.id,value:h.value,checked:i}};if(h.onClick&&h.onClick(u),e.defaultPrevented)return;h.onChange&&h.onChange(u),a&&(P.current.checked=i)}r.focus(P.current),e.preventDefault()}};e.useEffect((function(){P.current&&(P.current.checked=h.checked)}),[h.checked]),e.useEffect((function(){n.combinedRefs(P,h.inputRef)}),[P,h.inputRef]),e.useImperativeHandle(f,(function(){return{props:h,select:E,focus:function(){return r.focus(P.current)},getElement:function(){return k.current},getInput:function(){return P.current}}}));var R=n.isNotEmpty(h.tooltip),C=s.getOtherProps(h),I=n.reduceKeys(C,r.ARIA_PROPS),j=o("p-radiobutton p-component",{"p-radiobutton-checked":h.checked,"p-radiobutton-disabled":h.disabled,"p-radiobutton-focused":v},h.className),A=o("p-radiobutton-box",{"p-highlight":h.checked,"p-disabled":h.disabled,"p-focus":v});return e.createElement(e.Fragment,null,e.createElement("div",a({ref:k,id:h.id,className:j,style:h.style},C,{onPointerUp:O}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",a({ref:P,id:h.inputId,type:"radio",name:h.name,defaultChecked:h.checked,onFocus:function(){y(!0)},onBlur:function(){y(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||O(e)},disabled:h.disabled,required:h.required,tabIndex:h.tabIndex},I))),e.createElement("div",{className:A},e.createElement("div",{className:"p-radiobutton-icon"}))),R&&e.createElement(t,a({target:k,content:h.tooltip},h.tooltipOptions)))})));f.displayName="RadioButton";export{f as RadioButton};
+import*as e from"react";import{useMountEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as o,classNames as a}from"primereact/utils";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 i(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,u,i=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return i}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}function s(){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 f={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},getProps:function(e){return r.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,f.defaultProps)}},p=e.memo(e.forwardRef((function(l,p){var m,h,b=f.getProps(l),g=e.useState(!1),v=(h=2,i(m=g)||c(m,h)||d(m,h)||s()),y=v[0],k=v[1],P=e.useRef(null),E=e.useRef(b.inputRef),O=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===E.current&&e.target.checked!==t,a=n&&o.hasClass(P.current,"p-radiobutton-checked")===t&&!t;if(r||a){var u=!t,i={originalEvent:e,value:b.value,checked:u,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:b.name,id:b.id,value:b.value,checked:u}};if(b.onClick&&b.onClick(i),e.defaultPrevented)return;b.onChange&&b.onChange(i),a&&(E.current.checked=u)}o.focus(E.current),e.preventDefault()}};e.useEffect((function(){E.current&&(E.current.checked=b.checked)}),[b.checked]),e.useEffect((function(){r.combinedRefs(E,b.inputRef)}),[E,b.inputRef]),t((function(){b.autoFocus&&o.focus(E.current,b.autoFocus)})),e.useImperativeHandle(p,(function(){return{props:b,select:O,focus:function(){return o.focus(E.current)},getElement:function(){return P.current},getInput:function(){return E.current}}}));var R=r.isNotEmpty(b.tooltip),I=f.getOtherProps(b),j=r.reduceKeys(I,o.ARIA_PROPS),A=a("p-radiobutton p-component",{"p-radiobutton-checked":b.checked,"p-radiobutton-disabled":b.disabled,"p-radiobutton-focused":y},b.className),N=a("p-radiobutton-box",{"p-highlight":b.checked,"p-disabled":b.disabled,"p-focus":y});return e.createElement(e.Fragment,null,e.createElement("div",u({ref:P,id:b.id,className:A,style:b.style},I,{onClick:C}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",u({ref:E,id:b.inputId,type:"radio",name:b.name,defaultChecked:b.checked,onFocus:function(){k(!0)},onBlur:function(){k(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||C(e)},disabled:b.disabled,required:b.required,tabIndex:b.tabIndex},j))),e.createElement("div",{className:N},e.createElement("div",{className:"p-radiobutton-icon"}))),R&&e.createElement(n,u({target:P,content:b.tooltip},b.tooltipOptions)))})));p.displayName="RadioButton";export{p as RadioButton};

package/radiobutton/radiobutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
+this.primereact.radiobutton = (function (exports, React, hooks, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -95,21 +95,22 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
   var RadioButtonBase = {
     defaultProps: {
       __TYPE: 'RadioButton',
-      id: null,
-      inputRef: null,
-      inputId: null,
-      name: null,
-      value: null,
+      autoFocus: false,
       checked: false,
-      style: null,
       className: null,
       disabled: false,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      name: null,
+      onChange: null,
+      onClick: null,
       required: false,
+      style: null,
       tabIndex: null,
       tooltip: null,
       tooltipOptions: null,
-      onChange: null,
-      onClick: null,
+      value: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -196,6 +197,11 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
     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,
@@ -230,7 +236,7 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
       className: className,
       style: props.style
     }, otherProps, {
-      onPointerUp: onClick
+      onClick: onClick
     }), /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible"
     }, /*#__PURE__*/React__namespace.createElement("input", _extends({
@@ -262,4 +268,4 @@ this.primereact.radiobutton = (function (exports, React, tooltip, utils) {
 
   return exports;
 
-})({}, React, primereact.tooltip, primereact.utils);
+})({}, React, 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){"use strict";function o(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 a=o(t);function i(){return i=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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,c=[],u=!0,l=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.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&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}function s(){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 f={defaultProps:{__TYPE:"RadioButton",id:null,inputRef:null,inputId:null,name:null,value:null,checked:!1,style:null,className:null,disabled:!1,required:!1,tabIndex:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,f.defaultProps)}},p=a.memo(a.forwardRef((function(e,t){var o,l,p=f.getProps(e),m=a.useState(!1),b=(l=2,c(o=m)||u(o,l)||d(o,l)||s()),h=b[0],v=b[1],g=a.useRef(null),y=a.useRef(p.inputRef),O=function(e){k(e)},k=function(e){if(!p.disabled&&(p.onChange||p.onClick)){var t=p.checked,n=e.target instanceof HTMLDivElement,o=e.target===y.current&&e.target.checked!==t,a=n&&r.DomHandler.hasClass(g.current,"p-radiobutton-checked")===t&&!t;if(o||a){var 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;p.onChange&&p.onChange(c),a&&(y.current.checked=i)}r.DomHandler.focus(y.current),e.preventDefault()}};a.useEffect((function(){y.current&&(y.current.checked=p.checked)}),[p.checked]),a.useEffect((function(){r.ObjectUtils.combinedRefs(y,p.inputRef)}),[y,p.inputRef]),a.useImperativeHandle(t,(function(){return{props:p,select:O,focus:function(){return r.DomHandler.focus(y.current)},getElement:function(){return g.current},getInput:function(){return y.current}}}));var P=r.ObjectUtils.isNotEmpty(p.tooltip),j=f.getOtherProps(p),E=r.ObjectUtils.reduceKeys(j,r.DomHandler.ARIA_PROPS),R=r.classNames("p-radiobutton p-component",{"p-radiobutton-checked":p.checked,"p-radiobutton-disabled":p.disabled,"p-radiobutton-focused":h},p.className),C=r.classNames("p-radiobutton-box",{"p-highlight":p.checked,"p-disabled":p.disabled,"p-focus":h});return a.createElement(a.Fragment,null,a.createElement("div",i({ref:g,id:p.id,className:R,style:p.style},j,{onPointerUp:k}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",i({ref:y,id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||k(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},E))),a.createElement("div",{className:C},a.createElement("div",{className:"p-radiobutton-icon"}))),P&&a.createElement(n.Tooltip,i({target:g,content:p.tooltip},p.tooltipOptions)))})));return p.displayName="RadioButton",e.RadioButton=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o){"use strict";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 u=a(t);function c(){return c=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},c.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function l(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,u,c=[],i=!0,l=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){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 p={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},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}},m=u.memo(u.forwardRef((function(e,t){var a,s,m=p.getProps(e),b=u.useState(!1),h=(s=2,i(a=b)||l(a,s)||d(a,s)||f()),v=h[0],g=h[1],y=u.useRef(null),O=u.useRef(m.inputRef),k=function(e){j(e)},j=function(e){if(!m.disabled&&(m.onChange||m.onClick)){var t=m.checked,n=e.target instanceof HTMLDivElement,r=e.target===O.current&&e.target.checked!==t,a=n&&o.DomHandler.hasClass(y.current,"p-radiobutton-checked")===t&&!t;if(r||a){var u=!t,c={originalEvent:e,value:m.value,checked:u,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"radio",name:m.name,id:m.id,value:m.value,checked:u}};if(m.onClick&&m.onClick(c),e.defaultPrevented)return;m.onChange&&m.onChange(c),a&&(O.current.checked=u)}o.DomHandler.focus(O.current),e.preventDefault()}};u.useEffect((function(){O.current&&(O.current.checked=m.checked)}),[m.checked]),u.useEffect((function(){o.ObjectUtils.combinedRefs(O,m.inputRef)}),[O,m.inputRef]),n.useMountEffect((function(){m.autoFocus&&o.DomHandler.focus(O.current,m.autoFocus)})),u.useImperativeHandle(t,(function(){return{props:m,select:k,focus:function(){return o.DomHandler.focus(O.current)},getElement:function(){return y.current},getInput:function(){return O.current}}}));var P=o.ObjectUtils.isNotEmpty(m.tooltip),E=p.getOtherProps(m),R=o.ObjectUtils.reduceKeys(E,o.DomHandler.ARIA_PROPS),C=o.classNames("p-radiobutton p-component",{"p-radiobutton-checked":m.checked,"p-radiobutton-disabled":m.disabled,"p-radiobutton-focused":v},m.className),D=o.classNames("p-radiobutton-box",{"p-highlight":m.checked,"p-disabled":m.disabled,"p-focus":v});return u.createElement(u.Fragment,null,u.createElement("div",c({ref:y,id:m.id,className:C,style:m.style},E,{onClick:j}),u.createElement("div",{className:"p-hidden-accessible"},u.createElement("input",c({ref:O,id:m.inputId,type:"radio",name:m.name,defaultChecked:m.checked,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||j(e)},disabled:m.disabled,required:m.required,tabIndex:m.tabIndex},R))),u.createElement("div",{className:D},u.createElement("div",{className:"p-radiobutton-icon"}))),P&&u.createElement(r.Tooltip,c({target:y,content:m.tooltip},m.tooltipOptions)))})));return m.displayName="RadioButton",e.RadioButton=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils);