primereact 10.5.1 → 10.5.3

package/messages/messages.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.messages=function(e,t,n,r,a,o,s,i,c,l,u,m,p,f){"use strict";function y(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 g=y(t);function b(){return b=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},b.apply(this,arguments)}function d(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){if(Array.isArray(e))return d(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return v(e)||h(e)||O(e)||j()}function w(e){return w="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},w(e)}function N(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=N(e,"string");return"symbol"===w(t)?t:String(t)}function S(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,s,i=[],c=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw a}}return i}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return I(e)||k(e,t)||O(e,t)||x()}var _=a.ComponentBase.extend({defaultProps:{__TYPE:"Messages",__parentMetadata:null,id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},css:{classes:{uimessage:{root:function(e){var t=e.severity;return i.classNames("p-message p-component",S({},"p-message-".concat(t),t))},wrapper:"p-message-wrapper",detail:"p-message-detail",summary:"p-message-summary",icon:"p-message-icon",buttonicon:"p-message-close-icon",button:"p-message-close p-link",transition:"p-message"}},styles:"\n@layer primereact {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin: 0;\n        overflow: hidden;\n        transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;\n    }\n    \n    .p-message-exit-active .p-message-close {\n        display: none;\n    }\n}\n"}});function D(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=g.memo(g.forwardRef((function(e,t){var n=e.ptCallbacks,a=n.ptm,o=n.ptmo,y=n.cx,b=e.message.message,d=b.severity,v=b.content,h=b.summary,O=b.detail,j=b.closable,P=b.life,w=b.sticky,N=b.className,E=b.style,S=b.contentClassName,I=b.contentStyle,k=b.icon,x=b.closeIcon,_=b.pt,D={index:e.index},R=M(M({},e.metaData),D),A=C(s.useTimeout((function(){U(null)}),P||3e3,!w),1)[0],T=function(t,n){return a(t,M({hostName:e.hostName},n))},U=function(t){A(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},z=function(){if(!1!==j){var t=r.localeOption("close"),n=i.mergeProps({className:y("uimessage.buttonicon")},T("buttonicon",R),o(_,"buttonicon",M(M({},D),{},{hostName:e.hostName}))),a=i.IconUtils.getJSXIcon(x||g.createElement(m.TimesIcon,n),M({},n),{props:e}),s=i.mergeProps({type:"button",className:y("uimessage.button"),"aria-label":t,onClick:U},T("button",R),o(_,"button",M(M({},D),{},{hostName:e.hostName})));return g.createElement("button",s,a,g.createElement(f.Ripple,null))}return null}(),G=function(){if(e.message){var t=i.mergeProps({className:y("uimessage.icon")},T("icon",R),o(_,"icon",M(M({},D),{},{hostName:e.hostName}))),n=k;if(!k)switch(d){case"info":n=g.createElement(u.InfoCircleIcon,t);break;case"warn":n=g.createElement(l.ExclamationTriangleIcon,t);break;case"error":n=g.createElement(p.TimesCircleIcon,t);break;case"success":n=g.createElement(c.CheckIcon,t)}var r=i.IconUtils.getJSXIcon(n,M({},t),{props:e}),a=i.mergeProps({className:y("uimessage.summary")},T("summary",R),o(_,"summary",M(M({},D),{},{hostName:e.hostName}))),s=i.mergeProps({className:y("uimessage.detail")},T("detail",R),o(_,"detail",M(M({},D),{},{hostName:e.hostName})));return v||g.createElement(g.Fragment,null,r,g.createElement("span",a,h),g.createElement("span",s,O))}return null}(),H=i.mergeProps({className:i.classNames(S,y("uimessage.wrapper")),style:I},T("wrapper",R),o(_,"wrapper",M(M({},D),{},{hostName:e.hostName}))),J=i.mergeProps({ref:t,className:i.classNames(N,y("uimessage.root",{severity:d})),style:E,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(){e.onClick&&e.onClick(e.message)}},T("root",R),o(_,"root",M(M({},D),{},{hostName:e.hostName})));return g.createElement("div",J,g.createElement("div",H,G,z))})));function A(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="UIMessage";var U=0,z=g.memo(g.forwardRef((function(e,t){var c=s.useMergeProps(),l=g.useContext(r.PrimeReactContext),u=_.getProps(e,l),m=C(g.useState([]),2),p=m[0],f=m[1],y=g.useRef(null),d=T(T({props:u},u.__parentMetadata),{},{state:{messages:p}}),v=_.setMetaData(d);a.useHandleStyle(_.css.styles,v.isUnstyled,{name:"messages"});var h=function(e){e&&f((function(t){return O(t,e,!0)}))},O=function(e,t,n){var r;if(Array.isArray(t)){var a=t.reduce((function(e,t){return e.push({_pId:U++,message:t}),e}),[]);r=n&&e?[].concat(P(e),P(a)):a}else{var o={_pId:U++,message:t};r=n&&e?[].concat(P(e),[o]):[o]}return r},j=function(){f([])},w=function(e){f((function(t){return O(t,e,!1)}))},N=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),u.onRemove&&u.onRemove(t)},E=function(e){N(e)};g.useImperativeHandle(t,(function(){return{props:u,show:h,replace:w,remove:N,clear:j,getElement:function(){return y.current}}}));var S=c({id:u.id,className:u.className,style:u.style},_.getOtherProps(u),v.ptm("root")),I=c({classNames:v.cx("uimessage.transition"),unmountOnExit:!0,timeout:{enter:300,exit:300},options:u.transitionOptions},v.ptm("transition"));return g.createElement("div",b({ref:y},S),g.createElement(n.TransitionGroup,null,p&&p.map((function(e,t){var n=g.createRef();return g.createElement(o.CSSTransition,b({nodeRef:n,key:e._pId},I),g.createElement(R,{hostName:"Messages",ref:n,message:e,onClick:u.onClick,onClose:E,ptCallbacks:v,metaData:d,index:t}))}))))})));return z.displayName="Messages",e.Messages=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.utils,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.times,primereact.icons.timescircle,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.messages=function(e,t,n,r,a,o,s,i,c,l,u,m,p,f){"use strict";function y(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 g=y(t);function b(){return b=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},b.apply(this,arguments)}function d(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){if(Array.isArray(e))return d(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return v(e)||h(e)||O(e)||j()}function N(e){return N="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},N(e)}function P(e,t){if("object"!==N(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=P(e,"string");return"symbol"===N(t)?t:String(t)}function S(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,s,i=[],c=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw a}}return i}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return I(e)||k(e,t)||O(e,t)||x()}var _=a.ComponentBase.extend({defaultProps:{__TYPE:"Messages",__parentMetadata:null,id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},css:{classes:{uimessage:{root:function(e){var t=e.severity;return i.classNames("p-message p-component",S({},"p-message-".concat(t),t))},wrapper:"p-message-wrapper",detail:"p-message-detail",summary:"p-message-summary",icon:"p-message-icon",buttonicon:"p-message-close-icon",button:"p-message-close p-link",transition:"p-message"}},styles:"\n@layer primereact {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        opacity: 1;\n        transition: opacity .3s;\n    }\n    \n    .p-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin: 0;\n        overflow: hidden;\n        transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;\n    }\n    \n    .p-message-exit-active .p-message-close {\n        display: none;\n    }\n}\n"}});function D(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 M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=g.memo(g.forwardRef((function(e,t){var n=s.useMergeProps(),a=e.ptCallbacks,o=a.ptm,y=a.ptmo,b=a.cx,d=e.message.message,v=d.severity,h=d.content,O=d.summary,j=d.detail,w=d.closable,N=d.life,P=d.sticky,E=d.className,S=d.style,I=d.contentClassName,k=d.contentStyle,x=d.icon,_=d.closeIcon,D=d.pt,R={index:e.index},A=M(M({},e.metaData),R),T=C(s.useTimeout((function(){z(null)}),N||3e3,!P),1)[0],U=function(t,n){return o(t,M({hostName:e.hostName},n))},z=function(t){T(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},G=function(){if(!1!==w){var t=r.localeOption("close"),a=n({className:b("uimessage.buttonicon")},U("buttonicon",A),y(D,"buttonicon",M(M({},R),{},{hostName:e.hostName}))),o=i.IconUtils.getJSXIcon(_||g.createElement(m.TimesIcon,a),M({},a),{props:e}),s=n({type:"button",className:b("uimessage.button"),"aria-label":t,onClick:z},U("button",A),y(D,"button",M(M({},R),{},{hostName:e.hostName})));return g.createElement("button",s,o,g.createElement(f.Ripple,null))}return null}(),H=function(){if(e.message){var t=n({className:b("uimessage.icon")},U("icon",A),y(D,"icon",M(M({},R),{},{hostName:e.hostName}))),r=x;if(!x)switch(v){case"info":r=g.createElement(u.InfoCircleIcon,t);break;case"warn":r=g.createElement(l.ExclamationTriangleIcon,t);break;case"error":r=g.createElement(p.TimesCircleIcon,t);break;case"success":r=g.createElement(c.CheckIcon,t)}var a=i.IconUtils.getJSXIcon(r,M({},t),{props:e}),o=n({className:b("uimessage.summary")},U("summary",A),y(D,"summary",M(M({},R),{},{hostName:e.hostName}))),s=n({className:b("uimessage.detail")},U("detail",A),y(D,"detail",M(M({},R),{},{hostName:e.hostName})));return h||g.createElement(g.Fragment,null,a,g.createElement("span",o,O),g.createElement("span",s,j))}return null}(),J=n({className:i.classNames(I,b("uimessage.wrapper")),style:k},U("wrapper",A),y(D,"wrapper",M(M({},R),{},{hostName:e.hostName}))),X=n({ref:t,className:i.classNames(E,b("uimessage.root",{severity:v})),style:S,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(){e.onClick&&e.onClick(e.message)}},U("root",A),y(D,"root",M(M({},R),{},{hostName:e.hostName})));return g.createElement("div",X,g.createElement("div",J,H,G))})));function A(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="UIMessage";var U=0,z=g.memo(g.forwardRef((function(e,t){var c=s.useMergeProps(),l=g.useContext(r.PrimeReactContext),u=_.getProps(e,l),m=C(g.useState([]),2),p=m[0],f=m[1],y=g.useRef(null),d=T(T({props:u},u.__parentMetadata),{},{state:{messages:p}}),v=_.setMetaData(d);a.useHandleStyle(_.css.styles,v.isUnstyled,{name:"messages"});var h=function(e){e&&f((function(t){return O(t,e,!0)}))},O=function(e,t,n){var r;if(Array.isArray(t)){var a=t.reduce((function(e,t){return e.push({_pId:U++,message:t}),e}),[]);r=n&&e?[].concat(w(e),w(a)):a}else{var o={_pId:U++,message:t};r=n&&e?[].concat(w(e),[o]):[o]}return r},j=function(){f([])},N=function(e){f((function(t){return O(t,e,!1)}))},P=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),u.onRemove&&u.onRemove(t.message||t)},E=function(e){P(e)};g.useImperativeHandle(t,(function(){return{props:u,show:h,replace:N,remove:P,clear:j,getElement:function(){return y.current}}}));var S=c({id:u.id,className:u.className,style:u.style},_.getOtherProps(u),v.ptm("root")),I=c({classNames:v.cx("uimessage.transition"),unmountOnExit:!0,timeout:{enter:300,exit:300},options:u.transitionOptions},v.ptm("transition"));return g.createElement("div",b({ref:y},S),g.createElement(n.TransitionGroup,null,p&&p.map((function(e,t){var n=g.createRef();return g.createElement(o.CSSTransition,b({nodeRef:n,key:e._pId},I),g.createElement(R,{hostName:"Messages",ref:n,message:e,onClick:u.onClick,onClose:E,ptCallbacks:v,metaData:d,index:t}))}))))})));return z.displayName="Messages",e.Messages=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.utils,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.times,primereact.icons.timescircle,primereact.ripple);

package/metergroup/metergroup.cjs.js

@@ -0,0 +1,237 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var hooks = require('primereact/hooks');
+var api = require('primereact/api');
+var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return [utils.classNames('p-metergroup p-component', {
+      'p-metergroup-horizontal': props.orientation === 'horizontal',
+      'p-metergroup-vertical': props.orientation === 'vertical'
+    })];
+  },
+  metercontainer: 'p-metergroup-meter-container',
+  meter: 'p-metergroup-meter',
+  labellist: function labellist(_ref2) {
+    var props = _ref2.props;
+    return utils.classNames('p-metergroup-label-list', {
+      'p-metergroup-label-list-start': props.labelPosition === 'start',
+      'p-metergroup-label-list-end': props.labelPosition === 'end',
+      'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
+      'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+    });
+  },
+  labellistitem: 'p-metergroup-label-list-item',
+  labelicon: 'p-metergroup-label-icon',
+  labellisttype: 'p-metergroup-label-type',
+  label: 'p-metergroup-label'
+};
+var styles = "\n@layer primereact {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-horizontal {\n        flex-direction: row;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
+var MeterGroupBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'MeterGroup',
+    __parentMetadata: null,
+    children: undefined,
+    className: null,
+    values: null,
+    min: 0,
+    max: 100,
+    orientation: 'horizontal',
+    labelPosition: 'end',
+    labelOrientation: 'horizontal',
+    start: null,
+    end: null,
+    meter: null,
+    labelList: null
+  },
+  css: {
+    classes: classes,
+    styles: styles
+  }
+});
+
+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 MeterGroup = function MeterGroup(inProps) {
+  var context = react.useContext(api.PrimeReactContext);
+  var props = MeterGroupBase.getProps(inProps, context);
+  var values = props.values,
+    min = props.min,
+    max = props.max,
+    orientation = props.orientation,
+    labelPosition = props.labelPosition,
+    start = props.start,
+    end = props.end,
+    meter = props.meter,
+    labelList = props.labelList;
+  var mergeProps = hooks.useMergeProps();
+  var _MeterGroupBase$setMe = MeterGroupBase.setMetaData(_objectSpread(_objectSpread({
+      props: props
+    }, props.__parentMetadata), {}, {
+      context: {
+        disabled: props.disabled
+      }
+    })),
+    ptm = _MeterGroupBase$setMe.ptm,
+    cx = _MeterGroupBase$setMe.cx,
+    isUnstyled = _MeterGroupBase$setMe.isUnstyled;
+  componentbase.useHandleStyle(MeterGroupBase.css.styles, isUnstyled, {
+    name: 'progressbar'
+  });
+  var totalPercent = 0;
+  var precentages = [];
+  values.map(function (item) {
+    totalPercent += item.value;
+    precentages.push(Math.round(item.value / totalPercent * 100));
+  });
+  var calculatePercentage = function calculatePercentage() {
+    var meterValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var percentageOfItem = (meterValue - min) / (max - min) * 100;
+    return Math.round(Math.max(0, Math.min(100, percentageOfItem)));
+  };
+  var rootProps = mergeProps({
+    className: utils.classNames(props.className, cx('root', {
+      orientation: orientation
+    }))
+  }, MeterGroupBase.getOtherProps(props), ptm('root'));
+  var createMeters = function createMeters() {
+    var meters = values.map(function (item, index) {
+      var calculatedPercantage = calculatePercentage(item.value);
+      var meterInlineStyles = {
+        backgroundColor: item.color,
+        width: orientation === 'horizontal' ? calculatedPercantage + '%' : 'auto',
+        height: orientation === 'vertical' ? calculatedPercantage + '%' : 'auto'
+      };
+      var meterProps = mergeProps({
+        className: cx('meter'),
+        style: meterInlineStyles
+      }, ptm('meter'));
+      if (meter || item.meterTemplate) {
+        var meterTemplateProps = mergeProps({
+          className: cx('meter')
+        }, ptm('meter'));
+        return utils.ObjectUtils.getJSXElement(item.meterTemplate || meter, _objectSpread(_objectSpread({}, item), {}, {
+          percentage: calculatedPercantage,
+          index: index
+        }), meterTemplateProps);
+      } else {
+        return /*#__PURE__*/React.createElement("span", _extends({
+          key: index
+        }, meterProps));
+      }
+    });
+    var meterContainerProps = mergeProps({
+      className: cx('metercontainer')
+    }, ptm('metercontainer'));
+    return /*#__PURE__*/React.createElement("div", meterContainerProps, meters);
+  };
+  var createLabelList = function createLabelList() {
+    var labelListProps = mergeProps({
+      className: cx('labellist')
+    }, ptm('labellist'));
+    var labelItemProps = mergeProps({
+      className: cx('labellistitem')
+    }, ptm('labellistitem'));
+    var labelProps = mergeProps({
+      className: cx('label')
+    }, ptm('label'));
+    return /*#__PURE__*/React.createElement("ol", labelListProps, values.map(function (item, index) {
+      var labelIconProps = mergeProps({
+        className: utils.classNames(cx('labelicon'), item.icon),
+        style: {
+          color: item.color
+        }
+      }, ptm('labelicon'));
+      var labelListIconProps = mergeProps({
+        className: cx('labellisttype'),
+        style: {
+          backgroundColor: item.color
+        }
+      }, ptm('labellisttype'));
+      var labelIcon = item.icon ? /*#__PURE__*/React.createElement("i", labelIconProps) : /*#__PURE__*/React.createElement("span", labelListIconProps);
+      return /*#__PURE__*/React.createElement("li", _extends({
+        key: index
+      }, labelItemProps), labelIcon, /*#__PURE__*/React.createElement("span", labelProps, item === null || item === void 0 ? void 0 : item.label, " ", (item === null || item === void 0 ? void 0 : item.value) && "(".concat(item === null || item === void 0 ? void 0 : item.value, "%)")));
+    }));
+  };
+  var templateProps = {
+    totalPercent: totalPercent,
+    precentages: precentages,
+    values: values
+  };
+  var labelElement = utils.ObjectUtils.getJSXElement(labelList || createLabelList, {
+    values: values,
+    totalPercent: totalPercent
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({}, rootProps, {
+    role: "meter",
+    "aria-valuemin": min,
+    "aria-valuemax": max,
+    "aria-valuenow": totalPercent
+  }), labelPosition === 'start' && labelElement, start && utils.ObjectUtils.getJSXElement(start, templateProps), createMeters(), end && utils.ObjectUtils.getJSXElement(end, templateProps), labelPosition === 'end' && labelElement);
+};
+
+exports.MeterGroup = MeterGroup;

package/metergroup/metergroup.cjs.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/api"),n=require("primereact/utils"),l=require("primereact/componentbase");function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function o(e){return o="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},o(e)}function i(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=i(e,"string");return"symbol"===o(t)?t:String(t)}var c=l.ComponentBase.extend({defaultProps:{__TYPE:"MeterGroup",__parentMetadata:null,children:void 0,className:null,values:null,min:0,max:100,orientation:"horizontal",labelPosition:"end",labelOrientation:"horizontal",start:null,end:null,meter:null,labelList:null},css:{classes:{root:function(e){var t=e.props;return[n.classNames("p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation})]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return n.classNames("p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation})},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"},styles:"\n@layer primereact {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-horizontal {\n        flex-direction: row;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n"}});function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=s(l=t))in n?Object.defineProperty(n,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[l]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}exports.MeterGroup=function(o){var i=e.useContext(r.PrimeReactContext),s=c.getProps(o,i),p=s.values,m=s.min,b=s.max,g=s.orientation,v=s.labelPosition,y=s.start,f=s.end,d=s.meter,O=s.labelList,h=t.useMergeProps(),P=c.setMetaData(u(u({props:s},s.__parentMetadata),{},{context:{disabled:s.disabled}})),j=P.ptm,x=P.cx;l.useHandleStyle(c.css.styles,P.isUnstyled,{name:"progressbar"});var E=0,N=[];p.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var S,w,M=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-m)/(b-m)*100)))},R=h({className:n.classNames(s.className,x("root",{orientation:g}))},c.getOtherProps(s),j("root")),z={totalPercent:E,precentages:N,values:p},_=n.ObjectUtils.getJSXElement(O||function(){var e=h({className:x("labellist")},j("labellist")),t=h({className:x("labellistitem")},j("labellistitem")),r=h({className:x("label")},j("label"));return React.createElement("ol",e,p.map((function(e,l){var o=h({className:n.classNames(x("labelicon"),e.icon),style:{color:e.color}},j("labelicon")),i=h({className:x("labellisttype"),style:{backgroundColor:e.color}},j("labellisttype")),s=e.icon?React.createElement("i",o):React.createElement("span",i);return React.createElement("li",a({key:l},t),s,React.createElement("span",r,null==e?void 0:e.label," ",(null==e?void 0:e.value)&&"(".concat(null==e?void 0:e.value,"%)")))})))},{values:p,totalPercent:E});return React.createElement("div",a({},R,{role:"meter","aria-valuemin":m,"aria-valuemax":b,"aria-valuenow":E}),"start"===v&&_,y&&n.ObjectUtils.getJSXElement(y,z),(S=p.map((function(e,t){var r=M(e.value),l={backgroundColor:e.color,width:"horizontal"===g?r+"%":"auto",height:"vertical"===g?r+"%":"auto"},o=h({className:x("meter"),style:l},j("meter"));if(d||e.meterTemplate){var i=h({className:x("meter")},j("meter"));return n.ObjectUtils.getJSXElement(e.meterTemplate||d,u(u({},e),{},{percentage:r,index:t}),i)}return React.createElement("span",a({key:t},o))})),w=h({className:x("metercontainer")},j("metercontainer")),React.createElement("div",w,S)),f&&n.ObjectUtils.getJSXElement(f,z),"end"===v&&_)};

package/metergroup/metergroup.d.ts

@@ -0,0 +1,183 @@
+/**
+ *
+ * MeterGroup displays scalar measurements within a known range.
+ *
+ * [Live Demo](https://www.primereact.org/metergroup/)
+ *
+ * @module metergroup
+ *
+ */
+import * as React from 'react';
+import { ComponentType, ReactNode } from 'react';
+import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { CheckboxPassThroughOptions } from '../checkbox/checkbox';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { CSSTransitionProps } from '../csstransition/csstransition';
+import { PassThroughOptions } from '../passthrough';
+import { SelectItemOptionsType } from '../selectitem/selectitem';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { IconType, PassThroughType } from '../utils/utils';
+import { VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller/virtualscroller';
+
+export declare type MeterGroupPassThroughType<T> = PassThroughType<T, MeterGroupPassThroughMethodOptions>;
+export declare type MeterGroupPassThroughTransitionType = ReactCSSTransitionProps | ((options: MeterGroupPassThroughMethodOptions) => ReactCSSTransitionProps) | undefined;
+
+/**
+ * Defines current options in MeterGroup component.
+ */
+export interface MeterGroupContext {
+    /**
+     * Current disabled state of the component as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+}
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface MeterGroupPassThroughMethodOptions {
+    props: MeterGroupProps;
+    context: MeterGroupContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link MeterGroupProps.pt}
+ */
+export interface MeterGroupPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the label list's DOM element.
+     */
+    labellist?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLOListElement>>;
+    /**
+     * Used to pass attributes to the label list item's DOM element.
+     */
+    labellistitem?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Used to pass attributes to the label list type's DOM element.
+     */
+    labellisttype?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLOrSVGElement | any>>;
+    /**
+     * Used to pass attributes to the label's DOM element.
+     */
+    label?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Used to pass attributes to the meter container's DOM element.
+     */
+    metercontainer?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the meter's DOM element.
+     */
+    meter?: MeterGroupPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+interface MeterGroupValue {
+    value?: number;
+    label?: string | HTMLElement;
+    color?: string;
+    [key: string]: any;
+}
+
+interface CustomRenderProps {
+    totaLPercent: number;
+    percentages: number[];
+    values: MeterGroupValue[];
+}
+
+/**
+ * Defines valid properties in MeterGroup component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
+interface MeterGroupProps {
+    /**
+     * Additional CSS classes to apply to the MeterGroup.
+     */
+    className?: string;
+
+    /**
+     * An array of values to be represented by the MeterGroup.
+     */
+    values?: MeterGroupValue[];
+
+    /**
+     * The minimum value for the MeterGroup.
+     * @defaultValue 0
+     */
+    min?: number;
+
+    /**
+     * The maximum value for the MeterGroup.
+     * @defaultValue 100
+     */
+    max?: number;
+
+    /**
+     * The orientation of the MeterGroup. Can be either 'horizontal' or 'vertical'.
+     * @defaultValue 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+
+    /**
+     * The position of the label. Can be either 'start' or 'end'.
+     * @defaultValue 'end'
+     */
+    labelPosition?: 'start' | 'end';
+
+    /**
+     * The orientation of the label. Can be either 'horizontal' or 'vertical'.
+     * @defaultValue 'horizontal'
+     */
+    labelOrientation?: 'horizontal' | 'vertical';
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {MeterGroupPassThroughOptions}
+     */
+    pt?: MeterGroupPassThroughOptions;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * A function to render custom start label.
+     * @param {CustomRenderProps} prop - Custom Render Props
+     */
+    start?: (props: CustomRenderProps) => ReactNode;
+
+    /**
+     * A function to render custom end label.
+     * @param {CustomRenderProps} prop - Custom Render Props
+     */
+    end?: (props: CustomRenderProps) => ReactNode;
+
+    /**
+     * A function to render a custom meter.
+     * @param {CustomRenderProps} prop - Custom Render Props
+     */
+    meter?: (props: CustomRenderProps) => ReactNode;
+
+    /**
+     * A function to render a custom label list.
+     * @param {CustomRenderProps} prop - Custom Render Props
+     */
+    labelList?: (props: CustomRenderProps) => ReactNode;
+}
+
+/**
+ * **PrimeReact - MeterGroup**
+ *
+ * _MeterGroup is an extension to standard input element with theming and keyfiltering._
+ *
+ * [Live Demo](https://www.primereact.org/metergroup/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare class MeterGroup extends React.Component<MeterGroupProps, any> {}