primereact 10.3.1 → 10.3.2

package/progressbar/progressbar.cjs.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
@@ -133,6 +134,7 @@ var ProgressBarBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ProgressBarBase.getProps(inProps, context);
   var _ProgressBarBase$setM = ProgressBarBase.setMetaData(_objectSpread({
@@ -154,7 +156,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
   var createDeterminate = function createDeterminate() {
     var label = createLabel();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       className: utils.classNames(props.className, cx('root')),
       style: props.style,
       role: 'progressbar',
@@ -162,7 +164,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       'aria-valuenow': props.value,
       'aria-valuemax': '100'
     }, ProgressBarBase.getOtherProps(props), ptm('root'));
-    var valueProps = utils.mergeProps({
+    var valueProps = mergeProps({
       className: cx('value'),
       style: {
         width: props.value + '%',
@@ -170,7 +172,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         backgroundColor: props.color
       }
     }, ptm('value'));
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -179,7 +181,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     }, rootProps), /*#__PURE__*/React__namespace.createElement("div", valueProps, label != null && /*#__PURE__*/React__namespace.createElement("div", labelProps, label)));
   };
   var createIndeterminate = function createIndeterminate() {
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       className: utils.classNames(props.className, cx('root')),
       style: props.style,
       role: 'progressbar',
@@ -187,10 +189,10 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       'aria-valuenow': props.value,
       'aria-valuemax': '100'
     }, ProgressBarBase.getOtherProps(props), ptm('root'));
-    var containerProps = utils.mergeProps({
+    var containerProps = mergeProps({
       className: cx('container')
     }, ptm('container'));
-    var valueProps = utils.mergeProps({
+    var valueProps = mergeProps({
       className: cx('value'),
       style: {
         backgroundColor: props.color

package/progressbar/progressbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/componentbase"),t=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var i=a(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e,r){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r||"default");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function p(e){var r=l(e,"string");return"symbol"===s(r)?r:String(r)}var u=n.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",__parentMetadata:null,id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},css:{classes:{root:function(e){return t.classNames("indeterminate"===e.props.mode?"p-progressbar p-component p-progressbar-indeterminate":"p-progressbar p-component p-progressbar-determinate")},value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label",container:"p-progressbar-indeterminate-container"},styles:"\n@layer primereact {\n  .p-progressbar {\n      position: relative;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value {\n      height: 100%;\n      width: 0%;\n      position: absolute;\n      display: none;\n      border: 0 none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-label {\n      display: inline-flex;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value-animate {\n      transition: width 1s ease-in-out;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n                animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::after {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n              animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      -webkit-animation-delay: 1.15s;\n              animation-delay: 1.15s;\n  }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n@keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n",inlineStyles:{value:function(e){var r=e.props,n=Math.max(r.value,2);return"indeterminate"===r.mode?{backgroundColor:r.color}:{width:n+"%",display:"flex",backgroundColor:r.value?r.color:"transparent"}}}}});function c(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function m(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?c(Object(n),!0).forEach((function(r){var t,a,i;t=e,i=n[r],(a=p(a=r))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var b=i.memo(i.forwardRef((function(e,a){var s=i.useContext(r.PrimeReactContext),l=u.getProps(e,s),p=u.setMetaData(m({props:l},l.__parentMetadata)),c=p.ptm,b=p.cx;n.useHandleStyle(u.css.styles,p.isUnstyled,{name:"progressbar"});var f,d,g,v,y=i.useRef(null);if(i.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return y.current}}})),"determinate"===l.mode)return f=l.showValue&&null!=l.value?l.displayValueTemplate?l.displayValueTemplate(l.value):l.value+l.unit:null,d=t.mergeProps({className:t.classNames(l.className,b("root")),style:l.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":l.value,"aria-valuemax":"100"},u.getOtherProps(l),c("root")),g=t.mergeProps({className:b("value"),style:{width:l.value+"%",display:"flex",backgroundColor:l.color}},c("value")),v=t.mergeProps({className:b("label")},c("label")),i.createElement("div",o({id:l.id,ref:y},d),i.createElement("div",g,null!=f&&i.createElement("div",v,f)));if("indeterminate"===l.mode)return function(){var e=t.mergeProps({className:t.classNames(l.className,b("root")),style:l.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":l.value,"aria-valuemax":"100"},u.getOtherProps(l),c("root")),r=t.mergeProps({className:b("container")},c("container")),n=t.mergeProps({className:b("value"),style:{backgroundColor:l.color}},c("value"));return i.createElement("div",o({id:l.id,ref:y},e),i.createElement("div",r,i.createElement("div",n)))}();throw new Error(l.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));b.displayName="ProgressBar",exports.ProgressBar=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/componentbase"),t=require("primereact/hooks"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var o=i(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.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 p(e,r){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r||"default");if("object"!==l(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=p(e,"string");return"symbol"===l(r)?r:String(r)}var c=n.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",__parentMetadata:null,id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},css:{classes:{root:function(e){return a.classNames("indeterminate"===e.props.mode?"p-progressbar p-component p-progressbar-indeterminate":"p-progressbar p-component p-progressbar-determinate")},value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label",container:"p-progressbar-indeterminate-container"},styles:"\n@layer primereact {\n  .p-progressbar {\n      position: relative;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value {\n      height: 100%;\n      width: 0%;\n      position: absolute;\n      display: none;\n      border: 0 none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-label {\n      display: inline-flex;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value-animate {\n      transition: width 1s ease-in-out;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n                animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::after {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n              animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      -webkit-animation-delay: 1.15s;\n              animation-delay: 1.15s;\n  }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n@keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n",inlineStyles:{value:function(e){var r=e.props,n=Math.max(r.value,2);return"indeterminate"===r.mode?{backgroundColor:r.color}:{width:n+"%",display:"flex",backgroundColor:r.value?r.color:"transparent"}}}}});function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function b(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?m(Object(n),!0).forEach((function(r){var t,a,i;t=e,i=n[r],(a=u(a=r))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var f=o.memo(o.forwardRef((function(e,i){var l=t.useMergeProps(),p=o.useContext(r.PrimeReactContext),u=c.getProps(e,p),m=c.setMetaData(b({props:u},u.__parentMetadata)),f=m.ptm,d=m.cx;n.useHandleStyle(c.css.styles,m.isUnstyled,{name:"progressbar"});var g,v,y,h,w=o.useRef(null);if(o.useImperativeHandle(i,(function(){return{props:u,getElement:function(){return w.current}}})),"determinate"===u.mode)return g=u.showValue&&null!=u.value?u.displayValueTemplate?u.displayValueTemplate(u.value):u.value+u.unit:null,v=l({className:a.classNames(u.className,d("root")),style:u.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},c.getOtherProps(u),f("root")),y=l({className:d("value"),style:{width:u.value+"%",display:"flex",backgroundColor:u.color}},f("value")),h=l({className:d("label")},f("label")),o.createElement("div",s({id:u.id,ref:w},v),o.createElement("div",y,null!=g&&o.createElement("div",h,g)));if("indeterminate"===u.mode)return function(){var e=l({className:a.classNames(u.className,d("root")),style:u.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},c.getOtherProps(u),f("root")),r=l({className:d("container")},f("container")),n=l({className:d("value"),style:{backgroundColor:u.color}},f("value"));return o.createElement("div",s({id:u.id,ref:w},e),o.createElement("div",r,o.createElement("div",n)))}();throw new Error(u.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));f.displayName="ProgressBar",exports.ProgressBar=f;

package/progressbar/progressbar.esm.js

@@ -2,7 +2,8 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { classNames, mergeProps } from 'primereact/utils';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -109,6 +110,7 @@ var ProgressBarBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ProgressBarBase.getProps(inProps, context);
   var _ProgressBarBase$setM = ProgressBarBase.setMetaData(_objectSpread({

package/progressbar/progressbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as t}from"primereact/componentbase";import{classNames as a,mergeProps as i}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.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,r){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r||"default");if("object"!==l(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function p(e){var r=s(e,"string");return"symbol"===l(r)?r:String(r)}var u=n.extend({defaultProps:{__TYPE:"ProgressBar",__parentMetadata:null,id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},css:{classes:{root:function(e){return a("indeterminate"===e.props.mode?"p-progressbar p-component p-progressbar-indeterminate":"p-progressbar p-component p-progressbar-determinate")},value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label",container:"p-progressbar-indeterminate-container"},styles:"\n@layer primereact {\n  .p-progressbar {\n      position: relative;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value {\n      height: 100%;\n      width: 0%;\n      position: absolute;\n      display: none;\n      border: 0 none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-label {\n      display: inline-flex;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value-animate {\n      transition: width 1s ease-in-out;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n                animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::after {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n              animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      -webkit-animation-delay: 1.15s;\n              animation-delay: 1.15s;\n  }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n@keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n",inlineStyles:{value:function(e){var r=e.props,n=Math.max(r.value,2);return"indeterminate"===r.mode?{backgroundColor:r.color}:{width:n+"%",display:"flex",backgroundColor:r.value?r.color:"transparent"}}}}});function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function c(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?m(Object(n),!0).forEach((function(r){var t,a,i;t=e,i=n[r],(a=p(a=r))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var b=e.memo(e.forwardRef((function(n,l){var s=e.useContext(r),p=u.getProps(n,s),m=u.setMetaData(c({props:p},p.__parentMetadata)),b=m.ptm,f=m.cx;t(u.css.styles,m.isUnstyled,{name:"progressbar"});var d,g,v,y,h=e.useRef(null);if(e.useImperativeHandle(l,(function(){return{props:p,getElement:function(){return h.current}}})),"determinate"===p.mode)return d=p.showValue&&null!=p.value?p.displayValueTemplate?p.displayValueTemplate(p.value):p.value+p.unit:null,g=i({className:a(p.className,f("root")),style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},u.getOtherProps(p),b("root")),v=i({className:f("value"),style:{width:p.value+"%",display:"flex",backgroundColor:p.color}},b("value")),y=i({className:f("label")},b("label")),e.createElement("div",o({id:p.id,ref:h},g),e.createElement("div",v,null!=d&&e.createElement("div",y,d)));if("indeterminate"===p.mode)return function(){var r=i({className:a(p.className,f("root")),style:p.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":p.value,"aria-valuemax":"100"},u.getOtherProps(p),b("root")),n=i({className:f("container")},b("container")),t=i({className:f("value"),style:{backgroundColor:p.color}},b("value"));return e.createElement("div",o({id:p.id,ref:h},r),e.createElement("div",n,e.createElement("div",t)))}();throw new Error(p.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));b.displayName="ProgressBar";export{b as ProgressBar};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as a}from"primereact/hooks";import{classNames as i}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.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,r){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r||"default");if("object"!==l(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function p(e){var r=s(e,"string");return"symbol"===l(r)?r:String(r)}var m=n.extend({defaultProps:{__TYPE:"ProgressBar",__parentMetadata:null,id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},css:{classes:{root:function(e){return i("indeterminate"===e.props.mode?"p-progressbar p-component p-progressbar-indeterminate":"p-progressbar p-component p-progressbar-determinate")},value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label",container:"p-progressbar-indeterminate-container"},styles:"\n@layer primereact {\n  .p-progressbar {\n      position: relative;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value {\n      height: 100%;\n      width: 0%;\n      position: absolute;\n      display: none;\n      border: 0 none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-label {\n      display: inline-flex;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value-animate {\n      transition: width 1s ease-in-out;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n                animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::after {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n              animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      -webkit-animation-delay: 1.15s;\n              animation-delay: 1.15s;\n  }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n@keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n",inlineStyles:{value:function(e){var r=e.props,n=Math.max(r.value,2);return"indeterminate"===r.mode?{backgroundColor:r.color}:{width:n+"%",display:"flex",backgroundColor:r.value?r.color:"transparent"}}}}});function u(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function c(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){var t,a,i;t=e,i=n[r],(a=p(a=r))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var b=e.memo(e.forwardRef((function(n,l){var s=a(),p=e.useContext(r),u=m.getProps(n,p),b=m.setMetaData(c({props:u},u.__parentMetadata)),f=b.ptm,d=b.cx;t(m.css.styles,b.isUnstyled,{name:"progressbar"});var g,v,y,h,w=e.useRef(null);if(e.useImperativeHandle(l,(function(){return{props:u,getElement:function(){return w.current}}})),"determinate"===u.mode)return g=u.showValue&&null!=u.value?u.displayValueTemplate?u.displayValueTemplate(u.value):u.value+u.unit:null,v=s({className:i(u.className,d("root")),style:u.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},m.getOtherProps(u),f("root")),y=s({className:d("value"),style:{width:u.value+"%",display:"flex",backgroundColor:u.color}},f("value")),h=s({className:d("label")},f("label")),e.createElement("div",o({id:u.id,ref:w},v),e.createElement("div",y,null!=g&&e.createElement("div",h,g)));if("indeterminate"===u.mode)return function(){var r=s({className:i(u.className,d("root")),style:u.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},m.getOtherProps(u),f("root")),n=s({className:d("container")},f("container")),t=s({className:d("value"),style:{backgroundColor:u.color}},f("value"));return e.createElement("div",o({id:u.id,ref:w},r),e.createElement("div",n,e.createElement("div",t)))}();throw new Error(u.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));b.displayName="ProgressBar";export{b as ProgressBar};

package/progressbar/progressbar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.progressbar = (function (exports, React, api, componentbase, utils) {
+this.primereact.progressbar = (function (exports, React, api, componentbase, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -127,6 +127,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ProgressBarBase.getProps(inProps, context);
     var _ProgressBarBase$setM = ProgressBarBase.setMetaData(_objectSpread({
@@ -148,7 +149,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
     };
     var createDeterminate = function createDeterminate() {
       var label = createLabel();
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         className: utils.classNames(props.className, cx('root')),
         style: props.style,
         role: 'progressbar',
@@ -156,7 +157,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
         'aria-valuenow': props.value,
         'aria-valuemax': '100'
       }, ProgressBarBase.getOtherProps(props), ptm('root'));
-      var valueProps = utils.mergeProps({
+      var valueProps = mergeProps({
         className: cx('value'),
         style: {
           width: props.value + '%',
@@ -164,7 +165,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
           backgroundColor: props.color
         }
       }, ptm('value'));
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -173,7 +174,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
       }, rootProps), /*#__PURE__*/React__namespace.createElement("div", valueProps, label != null && /*#__PURE__*/React__namespace.createElement("div", labelProps, label)));
     };
     var createIndeterminate = function createIndeterminate() {
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         className: utils.classNames(props.className, cx('root')),
         style: props.style,
         role: 'progressbar',
@@ -181,10 +182,10 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
         'aria-valuenow': props.value,
         'aria-valuemax': '100'
       }, ProgressBarBase.getOtherProps(props), ptm('root'));
-      var containerProps = utils.mergeProps({
+      var containerProps = mergeProps({
         className: cx('container')
       }, ptm('container'));
-      var valueProps = utils.mergeProps({
+      var valueProps = mergeProps({
         className: cx('value'),
         style: {
           backgroundColor: props.color
@@ -213,4 +214,4 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/progressbar/progressbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,n,t,a){"use strict";function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var o=i(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.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 p(e,r){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r||"default");if("object"!==l(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=p(e,"string");return"symbol"===l(r)?r:String(r)}var c=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",__parentMetadata:null,id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},css:{classes:{root:function(e){return a.classNames("indeterminate"===e.props.mode?"p-progressbar p-component p-progressbar-indeterminate":"p-progressbar p-component p-progressbar-determinate")},value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label",container:"p-progressbar-indeterminate-container"},styles:"\n@layer primereact {\n  .p-progressbar {\n      position: relative;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value {\n      height: 100%;\n      width: 0%;\n      position: absolute;\n      display: none;\n      border: 0 none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-label {\n      display: inline-flex;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value-animate {\n      transition: width 1s ease-in-out;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n                animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::after {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n              animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      -webkit-animation-delay: 1.15s;\n              animation-delay: 1.15s;\n  }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n@keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n",inlineStyles:{value:function(e){var r=e.props,n=Math.max(r.value,2);return"indeterminate"===r.mode?{backgroundColor:r.color}:{width:n+"%",display:"flex",backgroundColor:r.value?r.color:"transparent"}}}}});function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function b(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?m(Object(n),!0).forEach((function(r){var t,a,i;t=e,i=n[r],(a=u(a=r))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var f=o.memo(o.forwardRef((function(e,r){var i=o.useContext(n.PrimeReactContext),l=c.getProps(e,i),p=c.setMetaData(b({props:l},l.__parentMetadata)),u=p.ptm,m=p.cx;t.useHandleStyle(c.css.styles,p.isUnstyled,{name:"progressbar"});var f,d,g,v,y=o.useRef(null);if(o.useImperativeHandle(r,(function(){return{props:l,getElement:function(){return y.current}}})),"determinate"===l.mode)return f=l.showValue&&null!=l.value?l.displayValueTemplate?l.displayValueTemplate(l.value):l.value+l.unit:null,d=a.mergeProps({className:a.classNames(l.className,m("root")),style:l.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":l.value,"aria-valuemax":"100"},c.getOtherProps(l),u("root")),g=a.mergeProps({className:m("value"),style:{width:l.value+"%",display:"flex",backgroundColor:l.color}},u("value")),v=a.mergeProps({className:m("label")},u("label")),o.createElement("div",s({id:l.id,ref:y},d),o.createElement("div",g,null!=f&&o.createElement("div",v,f)));if("indeterminate"===l.mode)return function(){var e=a.mergeProps({className:a.classNames(l.className,m("root")),style:l.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":l.value,"aria-valuemax":"100"},c.getOtherProps(l),u("root")),r=a.mergeProps({className:m("container")},u("container")),n=a.mergeProps({className:m("value"),style:{backgroundColor:l.color}},u("value"));return o.createElement("div",s({id:l.id,ref:y},e),o.createElement("div",r,o.createElement("div",n)))}();throw new Error(l.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return f.displayName="ProgressBar",e.ProgressBar=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,n,t,a,i){"use strict";function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var s=o(r);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},l.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function u(e,r){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,r||"default");if("object"!==p(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function c(e){var r=u(e,"string");return"symbol"===p(r)?r:String(r)}var m=t.ComponentBase.extend({defaultProps:{__TYPE:"ProgressBar",__parentMetadata:null,id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},css:{classes:{root:function(e){return i.classNames("indeterminate"===e.props.mode?"p-progressbar p-component p-progressbar-indeterminate":"p-progressbar p-component p-progressbar-determinate")},value:"p-progressbar-value p-progressbar-value-animate",label:"p-progressbar-label",container:"p-progressbar-indeterminate-container"},styles:"\n@layer primereact {\n  .p-progressbar {\n      position: relative;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value {\n      height: 100%;\n      width: 0%;\n      position: absolute;\n      display: none;\n      border: 0 none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-label {\n      display: inline-flex;\n  }\n  \n  .p-progressbar-determinate .p-progressbar-value-animate {\n      transition: width 1s ease-in-out;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n                animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  \n  .p-progressbar-indeterminate .p-progressbar-value::after {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n              animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n      -webkit-animation-delay: 1.15s;\n              animation-delay: 1.15s;\n  }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n@keyframes p-progressbar-indeterminate-anim {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; }\n}\n",inlineStyles:{value:function(e){var r=e.props,n=Math.max(r.value,2);return"indeterminate"===r.mode?{backgroundColor:r.color}:{width:n+"%",display:"flex",backgroundColor:r.value?r.color:"transparent"}}}}});function b(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function f(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){var t,a,i;t=e,i=n[r],(a=c(a=r))in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var d=s.memo(s.forwardRef((function(e,r){var o=a.useMergeProps(),p=s.useContext(n.PrimeReactContext),u=m.getProps(e,p),c=m.setMetaData(f({props:u},u.__parentMetadata)),b=c.ptm,d=c.cx;t.useHandleStyle(m.css.styles,c.isUnstyled,{name:"progressbar"});var g,v,y,h,w=s.useRef(null);if(s.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return w.current}}})),"determinate"===u.mode)return g=u.showValue&&null!=u.value?u.displayValueTemplate?u.displayValueTemplate(u.value):u.value+u.unit:null,v=o({className:i.classNames(u.className,d("root")),style:u.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},m.getOtherProps(u),b("root")),y=o({className:d("value"),style:{width:u.value+"%",display:"flex",backgroundColor:u.color}},b("value")),h=o({className:d("label")},b("label")),s.createElement("div",l({id:u.id,ref:w},v),s.createElement("div",y,null!=g&&s.createElement("div",h,g)));if("indeterminate"===u.mode)return function(){var e=o({className:i.classNames(u.className,d("root")),style:u.style,role:"progressbar","aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},m.getOtherProps(u),b("root")),r=o({className:d("container")},b("container")),n=o({className:d("value"),style:{backgroundColor:u.color}},b("value"));return s.createElement("div",l({id:u.id,ref:w},e),s.createElement("div",r,s.createElement("div",n)))}();throw new Error(u.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return d.displayName="ProgressBar",e.ProgressBar=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/progressspinner/progressspinner.cjs.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
@@ -61,6 +62,7 @@ var ProgressSpinnerBase = componentbase.ComponentBase.extend({
 });
 
 var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ProgressSpinnerBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -82,7 +84,7 @@ var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       }
     };
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,
@@ -90,12 +92,12 @@ var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     role: 'progressbar',
     'aria-busy': true
   }, ProgressSpinnerBase.getOtherProps(props), ptm('root'));
-  var spinnerProps = utils.mergeProps({
+  var spinnerProps = mergeProps({
     className: cx('spinner'),
     viewBox: '25 25 50 50',
     style: sx('spinner')
   }, ptm('spinner'));
-  var circleProps = utils.mergeProps({
+  var circleProps = mergeProps({
     className: cx('circle'),
     cx: '50',
     cy: '50',

package/progressspinner/progressspinner.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),s=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var i=t(e),o=r.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},styles:"\n@layer primereact {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n    \n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n    \n    .p-progress-spinner-svg {\n        animation: p-progress-spinner-rotate 2s linear infinite;\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n    \n    .p-progress-spinner-circle {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: 0;\n        stroke: #d62d20;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n}\n\n@keyframes p-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes p-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes p-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n",inlineStyles:{spinner:function(e){return{animationDuration:e.props.animationDuration}}}}}),a=i.memo(i.forwardRef((function(e,t){var a=i.useContext(n.PrimeReactContext),p=o.getProps(e,a),l=i.useRef(null),c=o.setMetaData({props:p}),u=c.ptm,d=c.cx,f=c.sx;r.useHandleStyle(o.css.styles,c.isUnstyled,{name:"progressspinner"}),i.useImperativeHandle(t,(function(){return{props:p,getElement:function(){return l.current}}}));var m=s.mergeProps({id:p.id,ref:l,style:p.style,className:s.classNames(p.className,d("root")),role:"progressbar","aria-busy":!0},o.getOtherProps(p),u("root")),g=s.mergeProps({className:d("spinner"),viewBox:"25 25 50 50",style:f("spinner")},u("spinner")),y=s.mergeProps({className:d("circle"),cx:"50",cy:"50",r:"20",fill:p.fill,strokeWidth:p.strokeWidth,strokeMiterlimit:"10"},u("circle"));return i.createElement("div",m,i.createElement("svg",g,i.createElement("circle",y)))})));a.displayName="ProgressSpinner",exports.ProgressSpinner=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),r=require("primereact/componentbase"),s=require("primereact/hooks"),t=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var o=i(e),a=r.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},styles:"\n@layer primereact {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n    \n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n    \n    .p-progress-spinner-svg {\n        animation: p-progress-spinner-rotate 2s linear infinite;\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n    \n    .p-progress-spinner-circle {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: 0;\n        stroke: #d62d20;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n}\n\n@keyframes p-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes p-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes p-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n",inlineStyles:{spinner:function(e){return{animationDuration:e.props.animationDuration}}}}}),p=o.memo(o.forwardRef((function(e,i){var p=s.useMergeProps(),l=o.useContext(n.PrimeReactContext),c=a.getProps(e,l),u=o.useRef(null),d=a.setMetaData({props:c}),f=d.ptm,m=d.cx,g=d.sx;r.useHandleStyle(a.css.styles,d.isUnstyled,{name:"progressspinner"}),o.useImperativeHandle(i,(function(){return{props:c,getElement:function(){return u.current}}}));var y=p({id:c.id,ref:u,style:c.style,className:t.classNames(c.className,m("root")),role:"progressbar","aria-busy":!0},a.getOtherProps(c),f("root")),k=p({className:m("spinner"),viewBox:"25 25 50 50",style:g("spinner")},f("spinner")),h=p({className:m("circle"),cx:"50",cy:"50",r:"20",fill:c.fill,strokeWidth:c.strokeWidth,strokeMiterlimit:"10"},f("circle"));return o.createElement("div",y,o.createElement("svg",k,o.createElement("circle",h)))})));p.displayName="ProgressSpinner",exports.ProgressSpinner=p;

package/progressspinner/progressspinner.esm.js

@@ -2,7 +2,8 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { mergeProps, classNames } from 'primereact/utils';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
 
 var classes = {
   root: 'p-progress-spinner',
@@ -37,6 +38,7 @@ var ProgressSpinnerBase = ComponentBase.extend({
 });
 
 var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ProgressSpinnerBase.getProps(inProps, context);
   var elementRef = React.useRef(null);

package/progressspinner/progressspinner.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as s}from"primereact/componentbase";import{mergeProps as t,classNames as o}from"primereact/utils";var i=r.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},styles:"\n@layer primereact {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n    \n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n    \n    .p-progress-spinner-svg {\n        animation: p-progress-spinner-rotate 2s linear infinite;\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n    \n    .p-progress-spinner-circle {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: 0;\n        stroke: #d62d20;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n}\n\n@keyframes p-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes p-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes p-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n",inlineStyles:{spinner:function(n){return{animationDuration:n.props.animationDuration}}}}}),a=n.memo(n.forwardRef((function(r,a){var p=n.useContext(e),l=i.getProps(r,p),c=n.useRef(null),m=i.setMetaData({props:l}),d=m.ptm,f=m.cx,g=m.sx;s(i.css.styles,m.isUnstyled,{name:"progressspinner"}),n.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return c.current}}}));var u=t({id:l.id,ref:c,style:l.style,className:o(l.className,f("root")),role:"progressbar","aria-busy":!0},i.getOtherProps(l),d("root")),k=t({className:f("spinner"),viewBox:"25 25 50 50",style:g("spinner")},d("spinner")),h=t({className:f("circle"),cx:"50",cy:"50",r:"20",fill:l.fill,strokeWidth:l.strokeWidth,strokeMiterlimit:"10"},d("circle"));return n.createElement("div",u,n.createElement("svg",k,n.createElement("circle",h)))})));a.displayName="ProgressSpinner";export{a as ProgressSpinner};
+import*as n from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as s}from"primereact/componentbase";import{useMergeProps as t}from"primereact/hooks";import{classNames as o}from"primereact/utils";var i=r.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},styles:"\n@layer primereact {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n    \n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n    \n    .p-progress-spinner-svg {\n        animation: p-progress-spinner-rotate 2s linear infinite;\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n    \n    .p-progress-spinner-circle {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: 0;\n        stroke: #d62d20;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n}\n\n@keyframes p-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes p-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes p-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n",inlineStyles:{spinner:function(n){return{animationDuration:n.props.animationDuration}}}}}),a=n.memo(n.forwardRef((function(r,a){var p=t(),l=n.useContext(e),c=i.getProps(r,l),m=n.useRef(null),d=i.setMetaData({props:c}),f=d.ptm,g=d.cx,u=d.sx;s(i.css.styles,d.isUnstyled,{name:"progressspinner"}),n.useImperativeHandle(a,(function(){return{props:c,getElement:function(){return m.current}}}));var k=p({id:c.id,ref:m,style:c.style,className:o(c.className,g("root")),role:"progressbar","aria-busy":!0},i.getOtherProps(c),f("root")),h=p({className:g("spinner"),viewBox:"25 25 50 50",style:u("spinner")},f("spinner")),y=p({className:g("circle"),cx:"50",cy:"50",r:"20",fill:c.fill,strokeWidth:c.strokeWidth,strokeMiterlimit:"10"},f("circle"));return n.createElement("div",k,n.createElement("svg",h,n.createElement("circle",y)))})));a.displayName="ProgressSpinner";export{a as ProgressSpinner};

package/progressspinner/progressspinner.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.progressspinner = (function (exports, React, api, componentbase, utils) {
+this.primereact.progressspinner = (function (exports, React, api, componentbase, hooks, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -55,6 +55,7 @@ this.primereact.progressspinner = (function (exports, React, api, componentbase,
     });
 
     var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = ProgressSpinnerBase.getProps(inProps, context);
       var elementRef = React__namespace.useRef(null);
@@ -76,7 +77,7 @@ this.primereact.progressspinner = (function (exports, React, api, componentbase,
           }
         };
       });
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         ref: elementRef,
         style: props.style,
@@ -84,12 +85,12 @@ this.primereact.progressspinner = (function (exports, React, api, componentbase,
         role: 'progressbar',
         'aria-busy': true
       }, ProgressSpinnerBase.getOtherProps(props), ptm('root'));
-      var spinnerProps = utils.mergeProps({
+      var spinnerProps = mergeProps({
         className: cx('spinner'),
         viewBox: '25 25 50 50',
         style: sx('spinner')
       }, ptm('spinner'));
-      var circleProps = utils.mergeProps({
+      var circleProps = mergeProps({
         className: cx('circle'),
         cx: '50',
         cy: '50',
@@ -108,4 +109,4 @@ this.primereact.progressspinner = (function (exports, React, api, componentbase,
 
     return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/progressspinner/progressspinner.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,n,r,s,t){"use strict";function i(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var o=i(n),a=s.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},styles:"\n@layer primereact {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n    \n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n    \n    .p-progress-spinner-svg {\n        animation: p-progress-spinner-rotate 2s linear infinite;\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n    \n    .p-progress-spinner-circle {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: 0;\n        stroke: #d62d20;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n}\n\n@keyframes p-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes p-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes p-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n",inlineStyles:{spinner:function(e){return{animationDuration:e.props.animationDuration}}}}}),p=o.memo(o.forwardRef((function(e,n){var i=o.useContext(r.PrimeReactContext),p=a.getProps(e,i),l=o.useRef(null),c=a.setMetaData({props:p}),u=c.ptm,d=c.cx,f=c.sx;s.useHandleStyle(a.css.styles,c.isUnstyled,{name:"progressspinner"}),o.useImperativeHandle(n,(function(){return{props:p,getElement:function(){return l.current}}}));var m=t.mergeProps({id:p.id,ref:l,style:p.style,className:t.classNames(p.className,d("root")),role:"progressbar","aria-busy":!0},a.getOtherProps(p),u("root")),g=t.mergeProps({className:d("spinner"),viewBox:"25 25 50 50",style:f("spinner")},u("spinner")),h=t.mergeProps({className:d("circle"),cx:"50",cy:"50",r:"20",fill:p.fill,strokeWidth:p.strokeWidth,strokeMiterlimit:"10"},u("circle"));return o.createElement("div",m,o.createElement("svg",g,o.createElement("circle",h)))})));return p.displayName="ProgressSpinner",e.ProgressSpinner=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.progressspinner=function(e,n,r,s,t,i){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var a=o(n),p=s.ComponentBase.extend({defaultProps:{__TYPE:"ProgressSpinner",id:null,style:null,className:null,strokeWidth:"2",fill:"none",animationDuration:"2s",children:void 0},css:{classes:{root:"p-progress-spinner",spinner:"p-progress-spinner-svg",circle:"p-progress-spinner-circle"},styles:"\n@layer primereact {\n    .p-progress-spinner {\n        position: relative;\n        margin: 0 auto;\n        width: 100px;\n        height: 100px;\n        display: inline-block;\n    }\n    \n    .p-progress-spinner::before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n    \n    .p-progress-spinner-svg {\n        animation: p-progress-spinner-rotate 2s linear infinite;\n        height: 100%;\n        transform-origin: center center;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n    \n    .p-progress-spinner-circle {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: 0;\n        stroke: #d62d20;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n}\n\n@keyframes p-progress-spinner-rotate {\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n@keyframes p-progress-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -35px;\n    }\n    100% {\n        stroke-dasharray: 89, 200;\n        stroke-dashoffset: -124px;\n    }\n}\n\n@keyframes p-progress-spinner-color {\n    100%,\n    0% {\n        stroke: #d62d20;\n    }\n    40% {\n        stroke: #0057e7;\n    }\n    66% {\n        stroke: #008744;\n    }\n    80%,\n    90% {\n        stroke: #ffa700;\n    }\n}\n",inlineStyles:{spinner:function(e){return{animationDuration:e.props.animationDuration}}}}}),l=a.memo(a.forwardRef((function(e,n){var o=t.useMergeProps(),l=a.useContext(r.PrimeReactContext),c=p.getProps(e,l),u=a.useRef(null),d=p.setMetaData({props:c}),f=d.ptm,m=d.cx,g=d.sx;s.useHandleStyle(p.css.styles,d.isUnstyled,{name:"progressspinner"}),a.useImperativeHandle(n,(function(){return{props:c,getElement:function(){return u.current}}}));var h=o({id:c.id,ref:u,style:c.style,className:i.classNames(c.className,m("root")),role:"progressbar","aria-busy":!0},p.getOtherProps(c),f("root")),y=o({className:m("spinner"),viewBox:"25 25 50 50",style:g("spinner")},f("spinner")),k=o({className:m("circle"),cx:"50",cy:"50",r:"20",fill:c.fill,strokeWidth:c.strokeWidth,strokeMiterlimit:"10"},f("circle"));return a.createElement("div",h,a.createElement("svg",y,a.createElement("circle",k)))})));return l.displayName="ProgressSpinner",e.ProgressSpinner=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/radiobutton/radiobutton.cjs.js

@@ -193,6 +193,7 @@ var RadioButtonBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = RadioButtonBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -305,7 +306,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = RadioButtonBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     className: utils.classNames(props.className, cx('root', {
       focusedState: focusedState
     })),
@@ -313,10 +314,10 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onClick: onClick,
     'data-p-checked': props.checked
   }, RadioButtonBase.getOtherProps(props), ptm('root'));
-  var hiddenInputWrapperProps = utils.mergeProps({
+  var hiddenInputWrapperProps = mergeProps({
     className: 'p-hidden-accessible'
   }, ptm('hiddenInputWrapper'));
-  var hiddenInputProps = utils.mergeProps(_objectSpread({
+  var hiddenInputProps = mergeProps(_objectSpread({
     type: 'radio',
     name: props.name,
     defaultChecked: props.checked,
@@ -327,12 +328,12 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     required: props.required,
     tabIndex: props.tabIndex
   }, ariaProps), ptm('hiddenInput'));
-  var inputProps = utils.mergeProps({
+  var inputProps = mergeProps({
     className: cx('input', {
       focusedState: focusedState
     })
   }, ptm('input'));
-  var iconProps = utils.mergeProps({
+  var iconProps = mergeProps({
     className: cx('icon')
   }, ptm('icon'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

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

package/radiobutton/radiobutton.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, DomHandler, mergeProps } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -169,6 +169,7 @@ var RadioButtonBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = RadioButtonBase.getProps(inProps, context);
   var _React$useState = React.useState(false),

package/radiobutton/radiobutton.esm.min.js

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