primereact 9.3.0 → 9.4.0

package/progressspinner/progressspinner.cjs.js

@@ -4,43 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var ProgressSpinnerBase = {
+var ProgressSpinnerBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ProgressSpinner',
     id: null,
@@ -50,20 +36,17 @@ var ProgressSpinnerBase = {
     fill: 'none',
     animationDuration: '2s',
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ProgressSpinnerBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ProgressSpinnerBase.defaultProps);
   }
-};
+});
 
 var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = ProgressSpinnerBase.getProps(inProps);
   var elementRef = React__namespace.useRef(null);
-  var otherProps = ProgressSpinnerBase.getOtherProps(props);
   var className = utils.classNames('p-progress-spinner', props.className);
+  var _ProgressSpinnerBase$ = ProgressSpinnerBase.setMetaData({
+      props: props
+    }),
+    ptm = _ProgressSpinnerBase$.ptm;
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -72,28 +55,31 @@ var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       }
     };
   });
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,
     className: className,
-    role: "alert",
-    "aria-busy": true
-  }, otherProps), /*#__PURE__*/React__namespace.createElement("svg", {
-    className: "p-progress-spinner-svg",
-    viewBox: "25 25 50 50",
+    role: 'alert',
+    'aria-busy': true
+  }, ptm('spinner'));
+  var spinnerProps = utils.mergeProps({
+    className: 'p-progress-spinner-svg',
+    viewBox: '25 25 50 50',
     style: {
       animationDuration: props.animationDuration
     }
-  }, /*#__PURE__*/React__namespace.createElement("circle", {
-    className: "p-progress-spinner-circle",
-    cx: "50",
-    cy: "50",
-    r: "20",
+  }, ptm('spinner'));
+  var circleProps = utils.mergeProps({
+    className: 'p-progress-spinner-circle',
+    cx: '50',
+    cy: '50',
+    r: '20',
     fill: props.fill,
     strokeWidth: props.strokeWidth,
-    strokeMiterlimit: "10"
-  })));
+    strokeMiterlimit: '10'
+  }, ptm('circle'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("svg", spinnerProps, /*#__PURE__*/React__namespace.createElement("circle", circleProps)));
 }));
 ProgressSpinner.displayName = 'ProgressSpinner';
 

package/progressspinner/progressspinner.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=t(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}var i={defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,i.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,i.defaultProps)}},a=n.memo(n.forwardRef((function(e,t){var a=i.getProps(e),o=n.useRef(null),l=i.getOtherProps(a),c=r.classNames("p-progress-spinner",a.className);return n.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return o.current}}})),n.createElement("div",s({id:a.id,ref:o,style:a.style,className:c,role:"alert","aria-busy":!0},l),n.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:a.animationDuration}},n.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:a.fill,strokeWidth:a.strokeWidth,strokeMiterlimit:"10"})))})));a.displayName="ProgressSpinner",exports.ProgressSpinner=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(e),i=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),a=s.memo(s.forwardRef((function(e,t){var n=i.getProps(e),a=s.useRef(null),o=r.classNames("p-progress-spinner",n.className),l=i.setMetaData({props:n}).ptm;s.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return a.current}}}));var c=r.mergeProps({id:n.id,ref:a,style:n.style,className:o,role:"alert","aria-busy":!0},l("spinner")),p=r.mergeProps({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:n.animationDuration}},l("spinner")),u=r.mergeProps({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:n.fill,strokeWidth:n.strokeWidth,strokeMiterlimit:"10"},l("circle"));return s.createElement("div",c,s.createElement("svg",p,s.createElement("circle",u)))})));a.displayName="ProgressSpinner",exports.ProgressSpinner=a;

package/progressspinner/progressspinner.d.ts

@@ -8,6 +8,35 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type ProgressSpinnerPassThroughType<T> = PassThroughType<T, ProgressSpinnerPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ProgressSpinnerPassThroughMethodOptions {
+    props: ProgressSpinnerProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ProgressSpinnerProps.pt}
+ */
+export interface ProgressSpinnerPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ProgressSpinnerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the spinner's DOM element.
+     */
+    spinner?: ProgressSpinnerPassThroughType<React.HTMLAttributes<SVGSVGElement>>;
+    /**
+     * Uses to pass attributes to the circle's DOM element.
+     */
+    circle?: ProgressSpinnerPassThroughType<React.HTMLAttributes<SVGCircleElement>>;
+}
 
 /**
  * Defines valid properties in ProgressSpinner component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -33,6 +62,11 @@ export interface ProgressSpinnerProps extends Omit<React.DetailedHTMLProps<React
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ProgressSpinnerPassThroughOptions}
+     */
+    pt?: ProgressSpinnerPassThroughOptions;
 }
 
 /**

package/progressspinner/progressspinner.esm.js

@@ -1,22 +1,8 @@
 import * as React from 'react';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { classNames, mergeProps } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var ProgressSpinnerBase = {
+var ProgressSpinnerBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ProgressSpinner',
     id: null,
@@ -26,20 +12,17 @@ var ProgressSpinnerBase = {
     fill: 'none',
     animationDuration: '2s',
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ProgressSpinnerBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ProgressSpinnerBase.defaultProps);
   }
-};
+});
 
 var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ProgressSpinnerBase.getProps(inProps);
   var elementRef = React.useRef(null);
-  var otherProps = ProgressSpinnerBase.getOtherProps(props);
   var className = classNames('p-progress-spinner', props.className);
+  var _ProgressSpinnerBase$ = ProgressSpinnerBase.setMetaData({
+      props: props
+    }),
+    ptm = _ProgressSpinnerBase$.ptm;
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -48,28 +31,31 @@ var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       }
     };
   });
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,
     className: className,
-    role: "alert",
-    "aria-busy": true
-  }, otherProps), /*#__PURE__*/React.createElement("svg", {
-    className: "p-progress-spinner-svg",
-    viewBox: "25 25 50 50",
+    role: 'alert',
+    'aria-busy': true
+  }, ptm('spinner'));
+  var spinnerProps = mergeProps({
+    className: 'p-progress-spinner-svg',
+    viewBox: '25 25 50 50',
     style: {
       animationDuration: props.animationDuration
     }
-  }, /*#__PURE__*/React.createElement("circle", {
-    className: "p-progress-spinner-circle",
-    cx: "50",
-    cy: "50",
-    r: "20",
+  }, ptm('spinner'));
+  var circleProps = mergeProps({
+    className: 'p-progress-spinner-circle',
+    cx: '50',
+    cy: '50',
+    r: '20',
     fill: props.fill,
     strokeWidth: props.strokeWidth,
-    strokeMiterlimit: "10"
-  })));
+    strokeMiterlimit: '10'
+  }, ptm('circle'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("svg", spinnerProps, /*#__PURE__*/React.createElement("circle", circleProps)));
 }));
 ProgressSpinner.displayName = 'ProgressSpinner';
 

package/progressspinner/progressspinner.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var s={defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},getProps:function(e){return r.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,s.defaultProps)}},i=e.memo(e.forwardRef((function(r,i){var o=s.getProps(r),a=e.useRef(null),l=s.getOtherProps(o),p=t("p-progress-spinner",o.className);return e.useImperativeHandle(i,(function(){return{props:o,getElement:function(){return a.current}}})),e.createElement("div",n({id:o.id,ref:a,style:o.style,className:p,role:"alert","aria-busy":!0},l),e.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:o.animationDuration}},e.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:o.fill,strokeWidth:o.strokeWidth,strokeMiterlimit:"10"})))})));i.displayName="ProgressSpinner";export{i as ProgressSpinner};
+import*as e from"react";import{classNames as r,mergeProps as t}from"primereact/utils";import{ComponentBase as n}from"primereact/componentbase";var s=n.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),i=e.memo(e.forwardRef((function(n,i){var a=s.getProps(n),l=e.useRef(null),o=r("p-progress-spinner",a.className),p=s.setMetaData({props:a}).ptm;e.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return l.current}}}));var m=t({id:a.id,ref:l,style:a.style,className:o,role:"alert","aria-busy":!0},p("spinner")),c=t({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:a.animationDuration}},p("spinner")),u=t({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:a.fill,strokeWidth:a.strokeWidth,strokeMiterlimit:"10"},p("circle"));return e.createElement("div",m,e.createElement("svg",c,e.createElement("circle",u)))})));i.displayName="ProgressSpinner";export{i as ProgressSpinner};

package/progressspinner/progressspinner.js

@@ -1,103 +1,88 @@
 this.primereact = this.primereact || {};
-this.primereact.progressspinner = (function (exports, React, utils) {
-  'use strict';
+this.primereact.progressspinner = (function (exports, React, utils, componentbase) {
+    'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+    var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    var ProgressSpinnerBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'ProgressSpinner',
+        id: null,
+        style: null,
+        className: null,
+        strokeWidth: '2',
+        fill: 'none',
+        animationDuration: '2s',
+        children: undefined
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  var ProgressSpinnerBase = {
-    defaultProps: {
-      __TYPE: 'ProgressSpinner',
-      id: null,
-      style: null,
-      className: null,
-      strokeWidth: '2',
-      fill: 'none',
-      animationDuration: '2s',
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ProgressSpinnerBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ProgressSpinnerBase.defaultProps);
-    }
-  };
+    });
 
-  var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ProgressSpinnerBase.getProps(inProps);
-    var elementRef = React__namespace.useRef(null);
-    var otherProps = ProgressSpinnerBase.getOtherProps(props);
-    var className = utils.classNames('p-progress-spinner', props.className);
-    React__namespace.useImperativeHandle(ref, function () {
-      return {
-        props: props,
-        getElement: function getElement() {
-          return elementRef.current;
+    var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var props = ProgressSpinnerBase.getProps(inProps);
+      var elementRef = React__namespace.useRef(null);
+      var className = utils.classNames('p-progress-spinner', props.className);
+      var _ProgressSpinnerBase$ = ProgressSpinnerBase.setMetaData({
+          props: props
+        }),
+        ptm = _ProgressSpinnerBase$.ptm;
+      React__namespace.useImperativeHandle(ref, function () {
+        return {
+          props: props,
+          getElement: function getElement() {
+            return elementRef.current;
+          }
+        };
+      });
+      var rootProps = utils.mergeProps({
+        id: props.id,
+        ref: elementRef,
+        style: props.style,
+        className: className,
+        role: 'alert',
+        'aria-busy': true
+      }, ptm('spinner'));
+      var spinnerProps = utils.mergeProps({
+        className: 'p-progress-spinner-svg',
+        viewBox: '25 25 50 50',
+        style: {
+          animationDuration: props.animationDuration
         }
-      };
-    });
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      id: props.id,
-      ref: elementRef,
-      style: props.style,
-      className: className,
-      role: "alert",
-      "aria-busy": true
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("svg", {
-      className: "p-progress-spinner-svg",
-      viewBox: "25 25 50 50",
-      style: {
-        animationDuration: props.animationDuration
-      }
-    }, /*#__PURE__*/React__namespace.createElement("circle", {
-      className: "p-progress-spinner-circle",
-      cx: "50",
-      cy: "50",
-      r: "20",
-      fill: props.fill,
-      strokeWidth: props.strokeWidth,
-      strokeMiterlimit: "10"
-    })));
-  }));
-  ProgressSpinner.displayName = 'ProgressSpinner';
+      }, ptm('spinner'));
+      var circleProps = utils.mergeProps({
+        className: 'p-progress-spinner-circle',
+        cx: '50',
+        cy: '50',
+        r: '20',
+        fill: props.fill,
+        strokeWidth: props.strokeWidth,
+        strokeMiterlimit: '10'
+      }, ptm('circle'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("svg", spinnerProps, /*#__PURE__*/React__namespace.createElement("circle", circleProps)));
+    }));
+    ProgressSpinner.displayName = 'ProgressSpinner';
 
-  exports.ProgressSpinner = ProgressSpinner;
+    exports.ProgressSpinner = ProgressSpinner;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase);

package/progressspinner/progressspinner.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,r,t){"use strict";function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(r);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,a.defaultProps)}},o=s.memo(s.forwardRef((function(e,r){var n=a.getProps(e),o=s.useRef(null),l=a.getOtherProps(n),c=t.classNames("p-progress-spinner",n.className);return s.useImperativeHandle(r,(function(){return{props:n,getElement:function(){return o.current}}})),s.createElement("div",i({id:n.id,ref:o,style:n.style,className:c,role:"alert","aria-busy":!0},l),s.createElement("svg",{className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:n.animationDuration}},s.createElement("circle",{className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:n.fill,strokeWidth:n.strokeWidth,strokeMiterlimit:"10"})))})));return o.displayName="ProgressSpinner",e.ProgressSpinner=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,r,t,n){"use strict";function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var i=s(r),a=n.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0}}),o=i.memo(i.forwardRef((function(e,r){var n=a.getProps(e),s=i.useRef(null),o=t.classNames("p-progress-spinner",n.className),l=a.setMetaData({props:n}).ptm;i.useImperativeHandle(r,(function(){return{props:n,getElement:function(){return s.current}}}));var c=t.mergeProps({id:n.id,ref:s,style:n.style,className:o,role:"alert","aria-busy":!0},l("spinner")),p=t.mergeProps({className:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:{animationDuration:n.animationDuration}},l("spinner")),u=t.mergeProps({className:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:n.fill,strokeWidth:n.strokeWidth,strokeMiterlimit:"10"},l("circle"));return i.createElement("div",c,i.createElement("svg",p,i.createElement("circle",u)))})));return o.displayName="ProgressSpinner",e.ProgressSpinner=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);

package/radiobutton/radiobutton.cjs.js

@@ -113,6 +113,7 @@ var RadioButtonBase = {
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
+    onClick: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -131,24 +132,31 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     setFocusedState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
-  var select = function select(e) {
-    onClick(e);
+  var select = function select(event) {
+    onClick(event);
   };
-  var onClick = function onClick(e) {
-    if (!props.disabled && props.onChange) {
+  var onClick = function onClick(event) {
+    if (props.disabled) {
+      return;
+    }
+    if (props.onChange || props.onClick) {
       var checked = props.checked;
-      var radioClicked = e.target instanceof HTMLDivElement;
-      var inputClicked = e.target === inputRef.current;
-      var isInputToggled = inputClicked && e.target.checked !== checked;
+      var radioClicked = event.target instanceof HTMLDivElement;
+      var inputClicked = event.target === inputRef.current;
+      var isInputToggled = inputClicked && event.target.checked !== checked;
       var isRadioToggled = radioClicked && (utils.DomHandler.hasClass(elementRef.current, 'p-radiobutton-checked') === checked ? !checked : false);
       if (isInputToggled || isRadioToggled) {
         var value = !checked;
-        props.onChange({
-          originalEvent: e,
+        var eventData = {
+          originalEvent: event,
           value: props.value,
           checked: value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             type: 'radio',
             name: props.name,
@@ -156,13 +164,20 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
             value: props.value,
             checked: value
           }
-        });
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        props.onChange && props.onChange(eventData);
         if (isRadioToggled) {
           inputRef.current.checked = value;
         }
       }
       utils.DomHandler.focus(inputRef.current);
-      e.preventDefault();
+      event.preventDefault();
     }
   };
   var onFocus = function onFocus() {
@@ -219,7 +234,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     className: className,
     style: props.style
   }, otherProps, {
-    onClick: onClick
+    onPointerUp: 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=[],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)&&(u.push(r.value),u.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(l)throw o}}return u}}function c(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 l(e,t){if(e){if("string"==typeof e)return c(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)?c(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 d={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,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}},f=o.memo(o.forwardRef((function(e,r){var c,f,p=d.getProps(e),b=o.useState(!1),m=(f=2,i(c=b)||u(c,f)||l(c,f)||s()),h=m[0],v=m[1],g=o.useRef(null),y=o.useRef(p.inputRef),O=function(e){j(e)},j=function(e){if(!p.disabled&&p.onChange){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;p.onChange({originalEvent:e,value:p.value,checked:i,stopPropagation:function(){},preventDefault:function(){},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:i}}),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 k=n.ObjectUtils.isNotEmpty(p.tooltip),P=d.getOtherProps(p),E=n.ObjectUtils.reduceKeys(P,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),I=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},P,{onClick:j}),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||j(e)},disabled:p.disabled,required:p.required,tabIndex:p.tabIndex},E))),o.createElement("div",{className:I},o.createElement("div",{className:"p-radiobutton-icon"}))),k&&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/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;

package/radiobutton/radiobutton.d.ts

@@ -19,11 +19,19 @@ import { FormEvent } from '../ts-helpers';
  */
 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' | 'ref'> {
+export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onClick' | 'ref'> {
     /**
      * Reference of the input element.
      */
@@ -68,6 +76,11 @@ 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