primereact 10.6.5 → 10.6.6

package/inputotp/inputotp.cjs.js

@@ -232,6 +232,9 @@ var InputOtp = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__
     onChange(event, newTokens);
   };
   var _onInput = function onInput(event, index) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
     if (event.nativeEvent.inputType === 'insertFromPaste') {
       return; // handled in onPaste
     }
@@ -244,6 +247,9 @@ var InputOtp = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__
     }
   };
   var onPaste = function onPaste(event) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
     var paste = event.clipboardData.getData('text');
     if (paste.length) {
       var pastedCode = paste.substring(0, props.length + 1);
@@ -264,6 +270,14 @@ var InputOtp = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__
     props === null || props === void 0 || (_props$blur = props.blur) === null || _props$blur === void 0 || _props$blur.call(props, event);
   };
   var onKeydown = function onKeydown(event) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
+
+    // special keys should be ignored, if it is CTRL+V is handled in onPaste
+    if (event.altKey || event.ctrlKey || event.metaKey) {
+      return;
+    }
     switch (event.code) {
       case 'ArrowLeft':
         {
@@ -292,9 +306,14 @@ var InputOtp = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__
           event.preventDefault();
           break;
         }
+      case 'Tab':
+      case 'Enter':
+        {
+          break;
+        }
       default:
         {
-          // Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
+          //Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
           if (props !== null && props !== void 0 && props.integerOnly && !((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(event.key) >= 0 && Number(event.key) <= 9) || tokens.join('').length >= props.length && event.code !== 'Delete') {
             event.preventDefault();
           }
@@ -302,6 +321,11 @@ var InputOtp = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__
         }
     }
   };
+  hooks.useUpdateEffect(function () {
+    var _props$value2, _props$value2$split;
+    var value = props.value ? (_props$value2 = props.value) === null || _props$value2 === void 0 || (_props$value2 = _props$value2.toString()) === null || _props$value2 === void 0 || (_props$value2$split = _props$value2.split) === null || _props$value2$split === void 0 ? void 0 : _props$value2$split.call(_props$value2, '') : new Array(props.length);
+    setTokens(value);
+  }, [props.value]);
   var createInputElements = function createInputElements(remainingInputs) {
     if (remainingInputs <= 0) {
       return [];

package/inputotp/inputotp.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"),a=require("primereact/inputtext"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function d(){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 v(e){return s(e)||p(e)||f(e)||d()}function y(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function m(){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 g(e){return g="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},g(e)}function O(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=O(e,"string");return"symbol"===g(t)?t:String(t)}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function w(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){var r,a,l;r=e,l=n[t],(a=h(a=t))in r?Object.defineProperty(r,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[a]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=i.default.memo(i.default.forwardRef((function(o,c){var s,p,d=e.useRef(c),g=r.useMergeProps(),O=e.useContext(t.PrimeReactContext),h=j.getProps(o,O),w=j.setMetaData(S(S({props:h},h.__parentMetadata),{},{context:{disabled:h.disabled}})),P=w.ptm,x=w.cx;n.useHandleStyle(j.css.styles,w.isUnstyled,{name:"inputotp"});var D,E,A=h.value?null===(s=h.value)||void 0===s||null===(s=s.toString())||void 0===s||null===(p=s.split)||void 0===p?void 0:p.call(s,""):new Array(h.length),I=e.useState(A),N=(E=2,y(D=I)||b(D,E)||f(D,E)||m()),T=N[0],k=N[1],_=function e(t){var n=t.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},C=function e(t){var n=t.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},M=function(e){var t=_(e.target);t&&(t.focus(),t.select())},q=function(e){var t=C(e.target);t&&(t.focus(),t.select())},U=function(e,t){var n;null==h||null===(n=h.onChange)||void 0===n||n.call(h,{originalEvent:e,value:t.join("")})},B=function(e,t){var n=e.target.value,r=v(T);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(h.length),k(r),U(e,r)},R=function(e,t){"insertFromPaste"!==e.nativeEvent.inputType&&(B(e,t),"deleteContentBackward"===e.nativeEvent.inputType?q(e):"insertText"!==e.nativeEvent.inputType&&"deleteContentForward"!==e.nativeEvent.inputType||M(e))},F=function(e){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,h.length+1);if(!h.integerOnly||!isNaN(n)){var r=n.split("");k(r),U(e,r)}}},L=function(e){var t;e.target.select(),null==h||null===(t=h.focus)||void 0===t||t.call(h,e)},W=function(e){var t;null==h||null===(t=h.blur)||void 0===t||t.call(h,e)},H=function(e){switch(e.code){case"ArrowLeft":q(e),e.preventDefault();break;case"ArrowRight":M(e),e.preventDefault();break;case"Backspace":var t;0===(null===(t=e.target)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.length)&&(q(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;default:(null!=h&&h.integerOnly&&!((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(e.key)>=0&&Number(e.key)<=9)||T.join("").length>=h.length&&"Delete"!==e.code)&&e.preventDefault()}},J=g({className:x("root"),ref:d,style:null==h?void 0:h.style},P("root"));return i.default.createElement("div",J,function e(n){if(n<=0)return[];var r=h.length-n,o={onInput:function(e){return R(e,r)},onKeyDown:H,onFocus:L,onBlur:W,onPaste:F},c=g({id:r,key:r,value:T[r]||"",inputMode:null!=h&&h.integerOnly?"numeric":"text",type:null!=h&&h.mask?"password":"text",variant:null==h?void 0:h.variant,readOnly:null==h?void 0:h.readOnly,disabled:null==h?void 0:h.disabled,invalid:null==h?void 0:h.invalid,tabIndex:null==h?void 0:h.tabIndex,unstyled:null==h?void 0:h.unstyled,"aria-label":t.ariaLabel("otpLabel",{0:r+1}),className:x("input")},P("input"));return[null!=h&&h.inputTemplate?l.ObjectUtils.getJSXElement(null==h?void 0:h.inputTemplate,{events:o,props:c}):i.default.createElement(a.InputText,u({},c,o))].concat(v(e(n-1)))}(h.length))})));P.displayName="InputOtp",exports.InputOtp=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/inputtext"),l=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(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 c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function d(){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 v(e){return s(e)||p(e)||f(e)||d()}function y(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}function m(){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 g(e){return g="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},g(e)}function O(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=O(e,"string");return"symbol"===g(t)?t:String(t)}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function j(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,a,l;r=e,l=n[t],(a=h(a=t))in r?Object.defineProperty(r,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[a]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=o.default.memo(o.default.forwardRef((function(i,c){var s,p,d=e.useRef(c),g=r.useMergeProps(),O=e.useContext(t.PrimeReactContext),h=w.getProps(i,O),j=w.setMetaData(S(S({props:h},h.__parentMetadata),{},{context:{disabled:h.disabled}})),P=j.ptm,x=j.cx;n.useHandleStyle(w.css.styles,j.isUnstyled,{name:"inputotp"});var E,A,D=h.value?null===(s=h.value)||void 0===s||null===(s=s.toString())||void 0===s||null===(p=s.split)||void 0===p?void 0:p.call(s,""):new Array(h.length),I=e.useState(D),T=(A=2,y(E=I)||b(E,A)||f(E,A)||m()),k=T[0],N=T[1],_=function e(t){var n=t.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},C=function e(t){var n=t.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},M=function(e){var t=_(e.target);t&&(t.focus(),t.select())},U=function(e){var t=C(e.target);t&&(t.focus(),t.select())},q=function(e,t){var n;null==h||null===(n=h.onChange)||void 0===n||n.call(h,{originalEvent:e,value:t.join("")})},B=function(e,t){var n=e.target.value,r=v(k);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(h.length),N(r),q(e,r)},K=function(e,t){h.disabled||h.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(B(e,t),"deleteContentBackward"===e.nativeEvent.inputType?U(e):"insertText"!==e.nativeEvent.inputType&&"deleteContentForward"!==e.nativeEvent.inputType||M(e))},R=function(e){if(!h.disabled&&!h.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,h.length+1);if(!h.integerOnly||!isNaN(n)){var r=n.split("");N(r),q(e,r)}}}},F=function(e){var t;e.target.select(),null==h||null===(t=h.focus)||void 0===t||t.call(h,e)},L=function(e){var t;null==h||null===(t=h.blur)||void 0===t||t.call(h,e)},W=function(e){if(!h.disabled&&!h.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":U(e),e.preventDefault();break;case"ArrowRight":M(e),e.preventDefault();break;case"Backspace":var t;0===(null===(t=e.target)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.length)&&(U(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"Enter":break;default:(null!=h&&h.integerOnly&&!((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(e.key)>=0&&Number(e.key)<=9)||k.join("").length>=h.length&&"Delete"!==e.code)&&e.preventDefault()}};r.useUpdateEffect((function(){var e,t,n=h.value?null===(e=h.value)||void 0===e||null===(e=e.toString())||void 0===e||null===(t=e.split)||void 0===t?void 0:t.call(e,""):new Array(h.length);N(n)}),[h.value]);var H=g({className:x("root"),ref:d,style:null==h?void 0:h.style},P("root"));return o.default.createElement("div",H,function e(n){if(n<=0)return[];var r=h.length-n,i={onInput:function(e){return K(e,r)},onKeyDown:W,onFocus:F,onBlur:L,onPaste:R},c=g({id:r,key:r,value:k[r]||"",inputMode:null!=h&&h.integerOnly?"numeric":"text",type:null!=h&&h.mask?"password":"text",variant:null==h?void 0:h.variant,readOnly:null==h?void 0:h.readOnly,disabled:null==h?void 0:h.disabled,invalid:null==h?void 0:h.invalid,tabIndex:null==h?void 0:h.tabIndex,unstyled:null==h?void 0:h.unstyled,"aria-label":t.ariaLabel("otpLabel",{0:r+1}),className:x("input")},P("input"));return[null!=h&&h.inputTemplate?l.ObjectUtils.getJSXElement(null==h?void 0:h.inputTemplate,{events:i,props:c}):o.default.createElement(a.InputText,u({},c,i))].concat(v(e(n-1)))}(h.length))})));P.displayName="InputOtp",exports.InputOtp=P;

package/inputotp/inputotp.esm.js

@@ -2,7 +2,7 @@
 import React, { useRef, useContext, useState } from 'react';
 import { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMergeProps } from 'primereact/hooks';
+import { useMergeProps, useUpdateEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
 import { ObjectUtils } from 'primereact/utils';
 
@@ -224,6 +224,9 @@ var InputOtp = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onChange(event, newTokens);
   };
   var _onInput = function onInput(event, index) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
     if (event.nativeEvent.inputType === 'insertFromPaste') {
       return; // handled in onPaste
     }
@@ -236,6 +239,9 @@ var InputOtp = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var onPaste = function onPaste(event) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
     var paste = event.clipboardData.getData('text');
     if (paste.length) {
       var pastedCode = paste.substring(0, props.length + 1);
@@ -256,6 +262,14 @@ var InputOtp = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     props === null || props === void 0 || (_props$blur = props.blur) === null || _props$blur === void 0 || _props$blur.call(props, event);
   };
   var onKeydown = function onKeydown(event) {
+    if (props.disabled || props.readOnly) {
+      return;
+    }
+
+    // special keys should be ignored, if it is CTRL+V is handled in onPaste
+    if (event.altKey || event.ctrlKey || event.metaKey) {
+      return;
+    }
     switch (event.code) {
       case 'ArrowLeft':
         {
@@ -284,9 +298,14 @@ var InputOtp = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           event.preventDefault();
           break;
         }
+      case 'Tab':
+      case 'Enter':
+        {
+          break;
+        }
       default:
         {
-          // Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
+          //Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
           if (props !== null && props !== void 0 && props.integerOnly && !((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(event.key) >= 0 && Number(event.key) <= 9) || tokens.join('').length >= props.length && event.code !== 'Delete') {
             event.preventDefault();
           }
@@ -294,6 +313,11 @@ var InputOtp = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
     }
   };
+  useUpdateEffect(function () {
+    var _props$value2, _props$value2$split;
+    var value = props.value ? (_props$value2 = props.value) === null || _props$value2 === void 0 || (_props$value2 = _props$value2.toString()) === null || _props$value2 === void 0 || (_props$value2$split = _props$value2.split) === null || _props$value2$split === void 0 ? void 0 : _props$value2$split.call(_props$value2, '') : new Array(props.length);
+    setTokens(value);
+  }, [props.value]);
   var createInputElements = function createInputElements(remainingInputs) {
     if (remainingInputs <= 0) {
       return [];

package/inputotp/inputotp.esm.min.js

@@ -1 +1 @@
-import t,{useRef as e,useContext as n,useState as r}from"react";import{PrimeReactContext as o,ariaLabel as a}from"primereact/api";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u}from"primereact/hooks";import{InputText as c}from"primereact/inputtext";import{ObjectUtils as p}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},s.apply(this,arguments)}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function v(t){if(Array.isArray(t))return f(t)}function d(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function y(t,e){if(t){if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(t,e):void 0}}function m(){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 b(t){return v(t)||d(t)||y(t)||m()}function g(t){if(Array.isArray(t))return t}function h(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function O(){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 w(t){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},w(t)}function j(t,e){if("object"!==w(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=j(t,"string");return"symbol"===w(e)?e:String(e)}var P=l.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function D(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function E(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D(Object(n),!0).forEach((function(e){var r,o,a;r=t,a=n[e],(o=S(o=e))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var A=t.memo(t.forwardRef((function(l,f){var v,d,m=e(f),w=u(),j=n(o),S=P.getProps(l,j),D=P.setMetaData(E(E({props:S},S.__parentMetadata),{},{context:{disabled:S.disabled}})),A=D.ptm,x=D.cx;i(P.css.styles,D.isUnstyled,{name:"inputotp"});var N,k,I=S.value?null===(v=S.value)||void 0===v||null===(v=v.toString())||void 0===v||null===(d=v.split)||void 0===d?void 0:d.call(v,""):new Array(S.length),T=r(I),_=(k=2,g(N=T)||h(N,k)||y(N,k)||O()),M=_[0],U=_[1],C=function t(e){var n=e.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:t(n)},B=function t(e){var n=e.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:t(n)},F=function(t){var e=C(t.target);e&&(e.focus(),e.select())},L=function(t){var e=B(t.target);e&&(e.focus(),e.select())},R=function(t,e){var n;null==S||null===(n=S.onChange)||void 0===n||n.call(S,{originalEvent:t,value:e.join("")})},W=function(t,e){var n=t.target.value,r=b(M);r[e]=n,r=(r=r.join(""))?r.split(""):new Array(S.length),U(r),R(t,r)},J=function(t,e){"insertFromPaste"!==t.nativeEvent.inputType&&(W(t,e),"deleteContentBackward"===t.nativeEvent.inputType?L(t):"insertText"!==t.nativeEvent.inputType&&"deleteContentForward"!==t.nativeEvent.inputType||F(t))},K=function(t){var e=t.clipboardData.getData("text");if(e.length){var n=e.substring(0,S.length+1);if(!S.integerOnly||!isNaN(n)){var r=n.split("");U(r),R(t,r)}}},V=function(t){var e;t.target.select(),null==S||null===(e=S.focus)||void 0===e||e.call(S,t)},X=function(t){var e;null==S||null===(e=S.blur)||void 0===e||e.call(S,t)},Y=function(t){switch(t.code){case"ArrowLeft":L(t),t.preventDefault();break;case"ArrowRight":F(t),t.preventDefault();break;case"Backspace":var e;0===(null===(e=t.target)||void 0===e||null===(e=e.value)||void 0===e?void 0:e.length)&&(L(t),t.preventDefault());break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;default:(null!=S&&S.integerOnly&&!((t.code.startsWith("Digit")||t.code.startsWith("Numpad"))&&Number(t.key)>=0&&Number(t.key)<=9)||M.join("").length>=S.length&&"Delete"!==t.code)&&t.preventDefault()}},$=w({className:x("root"),ref:m,style:null==S?void 0:S.style},A("root"));return t.createElement("div",$,function e(n){if(n<=0)return[];var r=S.length-n,o={onInput:function(t){return J(t,r)},onKeyDown:Y,onFocus:V,onBlur:X,onPaste:K},l=w({id:r,key:r,value:M[r]||"",inputMode:null!=S&&S.integerOnly?"numeric":"text",type:null!=S&&S.mask?"password":"text",variant:null==S?void 0:S.variant,readOnly:null==S?void 0:S.readOnly,disabled:null==S?void 0:S.disabled,invalid:null==S?void 0:S.invalid,tabIndex:null==S?void 0:S.tabIndex,unstyled:null==S?void 0:S.unstyled,"aria-label":a("otpLabel",{0:r+1}),className:x("input")},A("input"));return[null!=S&&S.inputTemplate?p.getJSXElement(null==S?void 0:S.inputTemplate,{events:o,props:l}):t.createElement(c,s({},l,o))].concat(b(e(n-1)))}(S.length))})));A.displayName="InputOtp";export{A as InputOtp};
+import t,{useRef as e,useContext as n,useState as r}from"react";import{PrimeReactContext as l,ariaLabel as a}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u,useUpdateEffect as c}from"primereact/hooks";import{InputText as p}from"primereact/inputtext";import{ObjectUtils as s}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},f.apply(this,arguments)}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function d(t){if(Array.isArray(t))return v(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function m(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function b(){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 g(t){return d(t)||y(t)||m(t)||b()}function O(t){if(Array.isArray(t))return t}function h(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,l,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==e);u=!0);}catch(t){c=!0,l=t}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}function w(){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 j(t){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},j(t)}function S(t,e){if("object"!==j(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function P(t){var e=S(t,"string");return"symbol"===j(e)?e:String(e)}var E=o.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function A(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function D(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){var r,l,a;r=t,a=n[e],(l=P(l=e))in r?Object.defineProperty(r,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[l]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var k=t.memo(t.forwardRef((function(o,v){var d,y,b=e(v),j=u(),S=n(l),P=E.getProps(o,S),A=E.setMetaData(D(D({props:P},P.__parentMetadata),{},{context:{disabled:P.disabled}})),k=A.ptm,x=A.cx;i(E.css.styles,A.isUnstyled,{name:"inputotp"});var N,T,I=P.value?null===(d=P.value)||void 0===d||null===(d=d.toString())||void 0===d||null===(y=d.split)||void 0===y?void 0:y.call(d,""):new Array(P.length),_=r(I),M=(T=2,O(N=_)||h(N,T)||m(N,T)||w()),U=M[0],C=M[1],K=function t(e){var n=e.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:t(n)},B=function t(e){var n=e.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:t(n)},F=function(t){var e=K(t.target);e&&(e.focus(),e.select())},L=function(t){var e=B(t.target);e&&(e.focus(),e.select())},R=function(t,e){var n;null==P||null===(n=P.onChange)||void 0===n||n.call(P,{originalEvent:t,value:e.join("")})},W=function(t,e){var n=t.target.value,r=g(U);r[e]=n,r=(r=r.join(""))?r.split(""):new Array(P.length),C(r),R(t,r)},J=function(t,e){P.disabled||P.readOnly||"insertFromPaste"!==t.nativeEvent.inputType&&(W(t,e),"deleteContentBackward"===t.nativeEvent.inputType?L(t):"insertText"!==t.nativeEvent.inputType&&"deleteContentForward"!==t.nativeEvent.inputType||F(t))},V=function(t){if(!P.disabled&&!P.readOnly){var e=t.clipboardData.getData("text");if(e.length){var n=e.substring(0,P.length+1);if(!P.integerOnly||!isNaN(n)){var r=n.split("");C(r),R(t,r)}}}},X=function(t){var e;t.target.select(),null==P||null===(e=P.focus)||void 0===e||e.call(P,t)},Y=function(t){var e;null==P||null===(e=P.blur)||void 0===e||e.call(P,t)},$=function(t){if(!P.disabled&&!P.readOnly&&!(t.altKey||t.ctrlKey||t.metaKey))switch(t.code){case"ArrowLeft":L(t),t.preventDefault();break;case"ArrowRight":F(t),t.preventDefault();break;case"Backspace":var e;0===(null===(e=t.target)||void 0===e||null===(e=e.value)||void 0===e?void 0:e.length)&&(L(t),t.preventDefault());break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"Tab":case"Enter":break;default:(null!=P&&P.integerOnly&&!((t.code.startsWith("Digit")||t.code.startsWith("Numpad"))&&Number(t.key)>=0&&Number(t.key)<=9)||U.join("").length>=P.length&&"Delete"!==t.code)&&t.preventDefault()}};c((function(){var t,e,n=P.value?null===(t=P.value)||void 0===t||null===(t=t.toString())||void 0===t||null===(e=t.split)||void 0===e?void 0:e.call(t,""):new Array(P.length);C(n)}),[P.value]);var q=j({className:x("root"),ref:b,style:null==P?void 0:P.style},k("root"));return t.createElement("div",q,function e(n){if(n<=0)return[];var r=P.length-n,l={onInput:function(t){return J(t,r)},onKeyDown:$,onFocus:X,onBlur:Y,onPaste:V},o=j({id:r,key:r,value:U[r]||"",inputMode:null!=P&&P.integerOnly?"numeric":"text",type:null!=P&&P.mask?"password":"text",variant:null==P?void 0:P.variant,readOnly:null==P?void 0:P.readOnly,disabled:null==P?void 0:P.disabled,invalid:null==P?void 0:P.invalid,tabIndex:null==P?void 0:P.tabIndex,unstyled:null==P?void 0:P.unstyled,"aria-label":a("otpLabel",{0:r+1}),className:x("input")},k("input"));return[null!=P&&P.inputTemplate?s.getJSXElement(null==P?void 0:P.inputTemplate,{events:l,props:o}):t.createElement(p,f({},o,l))].concat(g(e(n-1)))}(P.length))})));k.displayName="InputOtp";export{k as InputOtp};

package/inputotp/inputotp.js

@@ -224,6 +224,9 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
       onChange(event, newTokens);
     };
     var _onInput = function onInput(event, index) {
+      if (props.disabled || props.readOnly) {
+        return;
+      }
       if (event.nativeEvent.inputType === 'insertFromPaste') {
         return; // handled in onPaste
       }
@@ -236,6 +239,9 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
       }
     };
     var onPaste = function onPaste(event) {
+      if (props.disabled || props.readOnly) {
+        return;
+      }
       var paste = event.clipboardData.getData('text');
       if (paste.length) {
         var pastedCode = paste.substring(0, props.length + 1);
@@ -256,6 +262,14 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
       props === null || props === void 0 || (_props$blur = props.blur) === null || _props$blur === void 0 || _props$blur.call(props, event);
     };
     var onKeydown = function onKeydown(event) {
+      if (props.disabled || props.readOnly) {
+        return;
+      }
+
+      // special keys should be ignored, if it is CTRL+V is handled in onPaste
+      if (event.altKey || event.ctrlKey || event.metaKey) {
+        return;
+      }
       switch (event.code) {
         case 'ArrowLeft':
           {
@@ -284,9 +298,14 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
             event.preventDefault();
             break;
           }
+        case 'Tab':
+        case 'Enter':
+          {
+            break;
+          }
         default:
           {
-            // Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
+            //Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
             if (props !== null && props !== void 0 && props.integerOnly && !((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(event.key) >= 0 && Number(event.key) <= 9) || tokens.join('').length >= props.length && event.code !== 'Delete') {
               event.preventDefault();
             }
@@ -294,6 +313,11 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
           }
       }
     };
+    hooks.useUpdateEffect(function () {
+      var _props$value2, _props$value2$split;
+      var value = props.value ? (_props$value2 = props.value) === null || _props$value2 === void 0 || (_props$value2 = _props$value2.toString()) === null || _props$value2 === void 0 || (_props$value2$split = _props$value2.split) === null || _props$value2$split === void 0 ? void 0 : _props$value2$split.call(_props$value2, '') : new Array(props.length);
+      setTokens(value);
+    }, [props.value]);
     var createInputElements = function createInputElements(remainingInputs) {
       if (remainingInputs <= 0) {
         return [];

package/inputotp/inputotp.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputotp=function(e,t,n,r,a,l,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function v(){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 y(e){return p(e)||f(e)||d(e)||v()}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,a,l,o,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}function g(){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 h(e){return h="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},h(e)}function O(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=O(e,"string");return"symbol"===h(t)?t:String(t)}var w=r.ComponentBase.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function S(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){var r,a,l;r=e,l=n[t],(a=j(a=t))in r?Object.defineProperty(r,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[a]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=u.default.memo(u.default.forwardRef((function(e,i){var s,p,f=t.useRef(i),v=a.useMergeProps(),h=t.useContext(n.PrimeReactContext),O=w.getProps(e,h),j=w.setMetaData(P(P({props:O},O.__parentMetadata),{},{context:{disabled:O.disabled}})),S=j.ptm,x=j.cx;r.useHandleStyle(w.css.styles,j.isUnstyled,{name:"inputotp"});var D,E,A=O.value?null===(s=O.value)||void 0===s||null===(s=s.toString())||void 0===s||null===(p=s.split)||void 0===p?void 0:p.call(s,""):new Array(O.length),I=t.useState(A),N=(E=2,b(D=I)||m(D,E)||d(D,E)||g()),T=N[0],k=N[1],_=function e(t){var n=t.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},C=function e(t){var n=t.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},M=function(e){var t=_(e.target);t&&(t.focus(),t.select())},U=function(e){var t=C(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==O||null===(n=O.onChange)||void 0===n||n.call(O,{originalEvent:e,value:t.join("")})},B=function(e,t){var n=e.target.value,r=y(T);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(O.length),k(r),R(e,r)},F=function(e,t){"insertFromPaste"!==e.nativeEvent.inputType&&(B(e,t),"deleteContentBackward"===e.nativeEvent.inputType?U(e):"insertText"!==e.nativeEvent.inputType&&"deleteContentForward"!==e.nativeEvent.inputType||M(e))},L=function(e){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,O.length+1);if(!O.integerOnly||!isNaN(n)){var r=n.split("");k(r),R(e,r)}}},W=function(e){var t;e.target.select(),null==O||null===(t=O.focus)||void 0===t||t.call(O,e)},H=function(e){var t;null==O||null===(t=O.blur)||void 0===t||t.call(O,e)},J=function(e){switch(e.code){case"ArrowLeft":U(e),e.preventDefault();break;case"ArrowRight":M(e),e.preventDefault();break;case"Backspace":var t;0===(null===(t=e.target)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.length)&&(U(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;default:(null!=O&&O.integerOnly&&!((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(e.key)>=0&&Number(e.key)<=9)||T.join("").length>=O.length&&"Delete"!==e.code)&&e.preventDefault()}},K=v({className:x("root"),ref:f,style:null==O?void 0:O.style},S("root"));return u.default.createElement("div",K,function e(t){if(t<=0)return[];var r=O.length-t,a={onInput:function(e){return F(e,r)},onKeyDown:J,onFocus:W,onBlur:H,onPaste:L},i=v({id:r,key:r,value:T[r]||"",inputMode:null!=O&&O.integerOnly?"numeric":"text",type:null!=O&&O.mask?"password":"text",variant:null==O?void 0:O.variant,readOnly:null==O?void 0:O.readOnly,disabled:null==O?void 0:O.disabled,invalid:null==O?void 0:O.invalid,tabIndex:null==O?void 0:O.tabIndex,unstyled:null==O?void 0:O.unstyled,"aria-label":n.ariaLabel("otpLabel",{0:r+1}),className:x("input")},S("input"));return[null!=O&&O.inputTemplate?o.ObjectUtils.getJSXElement(null==O?void 0:O.inputTemplate,{events:a,props:i}):u.default.createElement(l.InputText,c({},i,a))].concat(y(e(t-1)))}(O.length))})));return x.displayName="InputOtp",e.InputOtp=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.inputtext,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputotp=function(e,t,n,r,a,l,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function v(){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 y(e){return p(e)||f(e)||d(e)||v()}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,a,l,i,o=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}function g(){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 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 h(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=h(e,"string");return"symbol"===O(t)?t:String(t)}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function S(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){var r,a,l;r=e,l=n[t],(a=w(a=t))in r?Object.defineProperty(r,a,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[a]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=u.default.memo(u.default.forwardRef((function(e,o){var s,p,f=t.useRef(o),v=a.useMergeProps(),O=t.useContext(n.PrimeReactContext),h=j.getProps(e,O),w=j.setMetaData(P(P({props:h},h.__parentMetadata),{},{context:{disabled:h.disabled}})),S=w.ptm,E=w.cx;r.useHandleStyle(j.css.styles,w.isUnstyled,{name:"inputotp"});var x,A,D=h.value?null===(s=h.value)||void 0===s||null===(s=s.toString())||void 0===s||null===(p=s.split)||void 0===p?void 0:p.call(s,""):new Array(h.length),I=t.useState(D),T=(A=2,b(x=I)||m(x,A)||d(x,A)||g()),k=T[0],N=T[1],_=function e(t){var n=t.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},C=function e(t){var n=t.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},M=function(e){var t=_(e.target);t&&(t.focus(),t.select())},U=function(e){var t=C(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==h||null===(n=h.onChange)||void 0===n||n.call(h,{originalEvent:e,value:t.join("")})},B=function(e,t){var n=e.target.value,r=y(k);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(h.length),N(r),R(e,r)},K=function(e,t){h.disabled||h.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(B(e,t),"deleteContentBackward"===e.nativeEvent.inputType?U(e):"insertText"!==e.nativeEvent.inputType&&"deleteContentForward"!==e.nativeEvent.inputType||M(e))},F=function(e){if(!h.disabled&&!h.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,h.length+1);if(!h.integerOnly||!isNaN(n)){var r=n.split("");N(r),R(e,r)}}}},L=function(e){var t;e.target.select(),null==h||null===(t=h.focus)||void 0===t||t.call(h,e)},W=function(e){var t;null==h||null===(t=h.blur)||void 0===t||t.call(h,e)},H=function(e){if(!h.disabled&&!h.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":U(e),e.preventDefault();break;case"ArrowRight":M(e),e.preventDefault();break;case"Backspace":var t;0===(null===(t=e.target)||void 0===t||null===(t=t.value)||void 0===t?void 0:t.length)&&(U(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"Enter":break;default:(null!=h&&h.integerOnly&&!((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(e.key)>=0&&Number(e.key)<=9)||k.join("").length>=h.length&&"Delete"!==e.code)&&e.preventDefault()}};a.useUpdateEffect((function(){var e,t,n=h.value?null===(e=h.value)||void 0===e||null===(e=e.toString())||void 0===e||null===(t=e.split)||void 0===t?void 0:t.call(e,""):new Array(h.length);N(n)}),[h.value]);var J=v({className:E("root"),ref:f,style:null==h?void 0:h.style},S("root"));return u.default.createElement("div",J,function e(t){if(t<=0)return[];var r=h.length-t,a={onInput:function(e){return K(e,r)},onKeyDown:H,onFocus:L,onBlur:W,onPaste:F},o=v({id:r,key:r,value:k[r]||"",inputMode:null!=h&&h.integerOnly?"numeric":"text",type:null!=h&&h.mask?"password":"text",variant:null==h?void 0:h.variant,readOnly:null==h?void 0:h.readOnly,disabled:null==h?void 0:h.disabled,invalid:null==h?void 0:h.invalid,tabIndex:null==h?void 0:h.tabIndex,unstyled:null==h?void 0:h.unstyled,"aria-label":n.ariaLabel("otpLabel",{0:r+1}),className:E("input")},S("input"));return[null!=h&&h.inputTemplate?i.ObjectUtils.getJSXElement(null==h?void 0:h.inputTemplate,{events:a,props:o}):u.default.createElement(l.InputText,c({},o,a))].concat(y(e(t-1)))}(h.length))})));return E.displayName="InputOtp",e.InputOtp=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.inputtext,primereact.utils);

package/keyfilter/keyfilter.cjs.js

@@ -64,7 +64,7 @@ var KeyFilter = {
     if (validateOnly || utils.DomHandler.isAndroid()) {
       return;
     }
-    if (e.ctrlKey || e.altKey) {
+    if (e.ctrlKey || e.altKey || e.metaKey) {
       return;
     }
     this.validateKey(e, e.key, keyfilter);

package/keyfilter/keyfilter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("primereact/utils");function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onBeforeInput:function(e,r,n){!n&&t.DomHandler.isAndroid()&&this.validateKey(e,e.data,r)},onKeyPress:function(e,r,n){n||t.DomHandler.isAndroid()||e.ctrlKey||e.altKey||this.validateKey(e,e.key,r)},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),s=t.clipboardData.getData("text");(u=s,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(e.length<=2&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};exports.KeyFilter=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("primereact/utils");function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onBeforeInput:function(e,r,n){!n&&t.DomHandler.isAndroid()&&this.validateKey(e,e.data,r)},onKeyPress:function(e,r,n){n||t.DomHandler.isAndroid()||e.ctrlKey||e.altKey||e.metaKey||this.validateKey(e,e.key,r)},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),s=t.clipboardData.getData("text");(u=s,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(e.length<=2&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};exports.KeyFilter=o;

package/keyfilter/keyfilter.esm.js

@@ -60,7 +60,7 @@ var KeyFilter = {
     if (validateOnly || DomHandler.isAndroid()) {
       return;
     }
-    if (e.ctrlKey || e.altKey) {
+    if (e.ctrlKey || e.altKey || e.metaKey) {
       return;
     }
     this.validateKey(e, e.key, keyfilter);

package/keyfilter/keyfilter.esm.min.js

@@ -1 +1 @@
-import{DomHandler as t}from"primereact/utils";function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onBeforeInput:function(e,r,n){!n&&t.isAndroid()&&this.validateKey(e,e.data,r)},onKeyPress:function(e,r,n){n||t.isAndroid()||e.ctrlKey||e.altKey||this.validateKey(e,e.key,r)},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),f=t.clipboardData.getData("text");(u=f,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(e.length<=2&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};export{o as KeyFilter};
+import{DomHandler as t}from"primereact/utils";function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onBeforeInput:function(e,r,n){!n&&t.isAndroid()&&this.validateKey(e,e.data,r)},onKeyPress:function(e,r,n){n||t.isAndroid()||e.ctrlKey||e.altKey||e.metaKey||this.validateKey(e,e.key,r)},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),f=t.clipboardData.getData("text");(u=f,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(e.length<=2&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};export{o as KeyFilter};

package/keyfilter/keyfilter.js

@@ -61,7 +61,7 @@ this.primereact.keyfilter = (function (exports, utils) {
       if (validateOnly || utils.DomHandler.isAndroid()) {
         return;
       }
-      if (e.ctrlKey || e.altKey) {
+      if (e.ctrlKey || e.altKey || e.metaKey) {
         return;
       }
       this.validateKey(e, e.key, keyfilter);

package/keyfilter/keyfilter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.keyfilter=function(t,e){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function n(t){if(Array.isArray(t))return r(t)}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function i(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return u.DEFAULT_MASKS[t]?u.DEFAULT_MASKS[t]:t},onBeforeInput:function(t,r,n){!n&&e.DomHandler.isAndroid()&&this.validateKey(t,t.data,r)},onKeyPress:function(t,r,n){n||e.DomHandler.isAndroid()||t.ctrlKey||t.altKey||this.validateKey(t,t.key,r)},onPaste:function(t,e,r){if(!r){var u,l=this.getRegex(e),c=t.clipboardData.getData("text");(u=c,n(u)||a(u)||i(u)||o()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(e.length<=2&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};return t.KeyFilter=u,Object.defineProperty(t,"__esModule",{value:!0}),t}({},primereact.utils);
+this.primereact=this.primereact||{},this.primereact.keyfilter=function(t,e){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function n(t){if(Array.isArray(t))return r(t)}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function i(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return u.DEFAULT_MASKS[t]?u.DEFAULT_MASKS[t]:t},onBeforeInput:function(t,r,n){!n&&e.DomHandler.isAndroid()&&this.validateKey(t,t.data,r)},onKeyPress:function(t,r,n){n||e.DomHandler.isAndroid()||t.ctrlKey||t.altKey||t.metaKey||this.validateKey(t,t.key,r)},onPaste:function(t,e,r){if(!r){var u,l=this.getRegex(e),c=t.clipboardData.getData("text");(u=c,n(u)||a(u)||i(u)||o()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(e.length<=2&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};return t.KeyFilter=u,Object.defineProperty(t,"__esModule",{value:!0}),t}({},primereact.utils);

package/metergroup/metergroup.cjs.js

@@ -231,9 +231,10 @@ var MeterGroup = function MeterGroup(inProps) {
         }
       }, ptm('labellisttype'));
       var labelIcon = item.icon ? /*#__PURE__*/React__namespace.createElement("i", labelIconProps) : /*#__PURE__*/React__namespace.createElement("span", labelListIconProps);
+      var itemPercentage = calculatePercentage(item.value);
       return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: index
-      }, labelItemProps), labelIcon, /*#__PURE__*/React__namespace.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, "%)")));
+      }, labelItemProps), labelIcon, /*#__PURE__*/React__namespace.createElement("span", labelProps, item === null || item === void 0 ? void 0 : item.label, " ", "(".concat(itemPercentage, "%)")));
     }));
   };
   var templateProps = {

package/metergroup/metergroup.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=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},i.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 c(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}var u=r.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[l.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 l.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 m(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=p(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)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}exports.MeterGroup=function(e){var a=o.useContext(t.PrimeReactContext),s=u.getProps(e,a),c=s.values,p=s.min,m=s.max,g=s.orientation,f=s.labelPosition,v=s.start,y=s.end,d=s.meter,O=s.labelList,h=n.useMergeProps(),j=u.setMetaData(b(b({props:s},s.__parentMetadata),{},{context:{disabled:s.disabled}})),P=j.ptm,x=j.cx;r.useHandleStyle(u.css.styles,j.isUnstyled,{name:"metergroup"});var E=0,N=[];c.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var w,S,M,_,z,k=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-p)/(m-p)*100)))},D=h({className:l.classNames(s.className,x("root",{orientation:g}))},u.getOtherProps(s),P("root")),q={totalPercent:E,precentages:N,values:c},C=O||(w=h({className:x("labellist")},P("labellist")),S=h({className:x("labellistitem")},P("labellistitem")),M=h({className:x("label")},P("label")),o.createElement("ol",w,c.map((function(e,t){var r=h({className:l.classNames(x("labelicon"),e.icon),style:{color:e.color}},P("labelicon")),n=h({className:x("labellisttype"),style:{backgroundColor:e.color}},P("labellisttype")),a=e.icon?o.createElement("i",r):o.createElement("span",n);return o.createElement("li",i({key:t},S),a,o.createElement("span",M,null==e?void 0:e.label," ",(null==e?void 0:e.value)&&"(".concat(null==e?void 0:e.value,"%)")))})))),U=l.ObjectUtils.getJSXElement(C,{values:c,totalPercent:E});return o.createElement("div",i({},D,{role:"meter","aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":E}),"start"===f&&U,v&&l.ObjectUtils.getJSXElement(v,q),(_=c.map((function(e,t){var r=k(e.value),n={backgroundColor:e.color,width:"horizontal"===g?r+"%":"auto",height:"vertical"===g?r+"%":"auto"},a=h({className:x("meter"),style:n},P("meter"));if(d||e.meterTemplate){var s=h({className:x("meter")},P("meter"));return l.ObjectUtils.getJSXElement(e.meterTemplate||d,b(b({},e),{},{percentage:r,index:t}),s)}return o.createElement("span",i({key:t},a))})),z=h({className:x("metercontainer")},P("metercontainer")),o.createElement("div",z,_)),y&&l.ObjectUtils.getJSXElement(y,q),"end"===f&&U)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=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},i.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 c(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}var u=r.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[l.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 l.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 m(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=p(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)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}exports.MeterGroup=function(e){var a=o.useContext(t.PrimeReactContext),s=u.getProps(e,a),c=s.values,p=s.min,m=s.max,g=s.orientation,f=s.labelPosition,v=s.start,y=s.end,d=s.meter,O=s.labelList,h=n.useMergeProps(),j=u.setMetaData(b(b({props:s},s.__parentMetadata),{},{context:{disabled:s.disabled}})),P=j.ptm,x=j.cx;r.useHandleStyle(u.css.styles,j.isUnstyled,{name:"metergroup"});var E=0,N=[];c.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var w,S,M,_,z,k=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-p)/(m-p)*100)))},D=h({className:l.classNames(s.className,x("root",{orientation:g}))},u.getOtherProps(s),P("root")),q={totalPercent:E,precentages:N,values:c},C=O||(w=h({className:x("labellist")},P("labellist")),S=h({className:x("labellistitem")},P("labellistitem")),M=h({className:x("label")},P("label")),o.createElement("ol",w,c.map((function(e,t){var r=h({className:l.classNames(x("labelicon"),e.icon),style:{color:e.color}},P("labelicon")),n=h({className:x("labellisttype"),style:{backgroundColor:e.color}},P("labellisttype")),a=e.icon?o.createElement("i",r):o.createElement("span",n),s=k(e.value);return o.createElement("li",i({key:t},S),a,o.createElement("span",M,null==e?void 0:e.label," ","(".concat(s,"%)")))})))),U=l.ObjectUtils.getJSXElement(C,{values:c,totalPercent:E});return o.createElement("div",i({},D,{role:"meter","aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":E}),"start"===f&&U,v&&l.ObjectUtils.getJSXElement(v,q),(_=c.map((function(e,t){var r=k(e.value),n={backgroundColor:e.color,width:"horizontal"===g?r+"%":"auto",height:"vertical"===g?r+"%":"auto"},a=h({className:x("meter"),style:n},P("meter"));if(d||e.meterTemplate){var s=h({className:x("meter")},P("meter"));return l.ObjectUtils.getJSXElement(e.meterTemplate||d,b(b({},e),{},{percentage:r,index:t}),s)}return o.createElement("span",i({key:t},a))})),z=h({className:x("metercontainer")},P("metercontainer")),o.createElement("div",z,_)),y&&l.ObjectUtils.getJSXElement(y,q),"end"===f&&U)};

package/metergroup/metergroup.esm.js

@@ -207,9 +207,10 @@ var MeterGroup = function MeterGroup(inProps) {
         }
       }, ptm('labellisttype'));
       var labelIcon = item.icon ? /*#__PURE__*/React.createElement("i", labelIconProps) : /*#__PURE__*/React.createElement("span", labelListIconProps);
+      var itemPercentage = calculatePercentage(item.value);
       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, "%)")));
+      }, labelItemProps), labelIcon, /*#__PURE__*/React.createElement("span", labelProps, item === null || item === void 0 ? void 0 : item.label, " ", "(".concat(itemPercentage, "%)")));
     }));
   };
   var templateProps = {

package/metergroup/metergroup.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as l}from"primereact/hooks";import{classNames as a,ObjectUtils as o}from"primereact/utils";function i(){return i=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},i.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 m(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}var c=r.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[a("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 a("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 u(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(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)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(r){var p=e.useContext(t),m=c.getProps(r,p),s=m.values,u=m.min,g=m.max,v=m.orientation,f=m.labelPosition,y=m.start,d=m.end,h=m.meter,O=m.labelList,P=l(),j=c.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),x=j.ptm,E=j.cx;n(c.css.styles,j.isUnstyled,{name:"metergroup"});var w=0,S=[];s.map((function(e){w+=e.value,S.push(Math.round(e.value/w*100))}));var N,z,M,k,_,D=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-u)/(g-u)*100)))},J=P({className:a(m.className,E("root",{orientation:v}))},c.getOtherProps(m),x("root")),T={totalPercent:w,precentages:S,values:s},X=O||(N=P({className:E("labellist")},x("labellist")),z=P({className:E("labellistitem")},x("labellistitem")),M=P({className:E("label")},x("label")),e.createElement("ol",N,s.map((function(t,r){var n=P({className:a(E("labelicon"),t.icon),style:{color:t.color}},x("labelicon")),l=P({className:E("labellisttype"),style:{backgroundColor:t.color}},x("labellisttype")),o=t.icon?e.createElement("i",n):e.createElement("span",l);return e.createElement("li",i({key:r},z),o,e.createElement("span",M,null==t?void 0:t.label," ",(null==t?void 0:t.value)&&"(".concat(null==t?void 0:t.value,"%)")))})))),C=o.getJSXElement(X,{values:s,totalPercent:w});return e.createElement("div",i({},J,{role:"meter","aria-valuemin":u,"aria-valuemax":g,"aria-valuenow":w}),"start"===f&&C,y&&o.getJSXElement(y,T),(k=s.map((function(t,r){var n=D(t.value),l={backgroundColor:t.color,width:"horizontal"===v?n+"%":"auto",height:"vertical"===v?n+"%":"auto"},a=P({className:E("meter"),style:l},x("meter"));if(h||t.meterTemplate){var p=P({className:E("meter")},x("meter"));return o.getJSXElement(t.meterTemplate||h,b(b({},t),{},{percentage:n,index:r}),p)}return e.createElement("span",i({key:r},a))})),_=P({className:E("metercontainer")},x("metercontainer")),e.createElement("div",_,k)),d&&o.getJSXElement(d,T),"end"===f&&C)};export{g as MeterGroup};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as l}from"primereact/hooks";import{classNames as a,ObjectUtils as o}from"primereact/utils";function i(){return i=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},i.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 m(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}var c=r.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[a("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 a("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 u(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(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)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(r){var p=e.useContext(t),m=c.getProps(r,p),s=m.values,u=m.min,g=m.max,f=m.orientation,v=m.labelPosition,y=m.start,d=m.end,h=m.meter,O=m.labelList,P=l(),j=c.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),x=j.ptm,E=j.cx;n(c.css.styles,j.isUnstyled,{name:"metergroup"});var w=0,S=[];s.map((function(e){w+=e.value,S.push(Math.round(e.value/w*100))}));var N,z,M,k,_,D=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-u)/(g-u)*100)))},J=P({className:a(m.className,E("root",{orientation:f}))},c.getOtherProps(m),x("root")),T={totalPercent:w,precentages:S,values:s},X=O||(N=P({className:E("labellist")},x("labellist")),z=P({className:E("labellistitem")},x("labellistitem")),M=P({className:E("label")},x("label")),e.createElement("ol",N,s.map((function(t,r){var n=P({className:a(E("labelicon"),t.icon),style:{color:t.color}},x("labelicon")),l=P({className:E("labellisttype"),style:{backgroundColor:t.color}},x("labellisttype")),o=t.icon?e.createElement("i",n):e.createElement("span",l),p=D(t.value);return e.createElement("li",i({key:r},z),o,e.createElement("span",M,null==t?void 0:t.label," ","(".concat(p,"%)")))})))),C=o.getJSXElement(X,{values:s,totalPercent:w});return e.createElement("div",i({},J,{role:"meter","aria-valuemin":u,"aria-valuemax":g,"aria-valuenow":w}),"start"===v&&C,y&&o.getJSXElement(y,T),(k=s.map((function(t,r){var n=D(t.value),l={backgroundColor:t.color,width:"horizontal"===f?n+"%":"auto",height:"vertical"===f?n+"%":"auto"},a=P({className:E("meter"),style:l},x("meter"));if(h||t.meterTemplate){var p=P({className:E("meter")},x("meter"));return o.getJSXElement(t.meterTemplate||h,b(b({},t),{},{percentage:n,index:r}),p)}return e.createElement("span",i({key:r},a))})),_=P({className:E("metercontainer")},x("metercontainer")),e.createElement("div",_,k)),d&&o.getJSXElement(d,T),"end"===v&&C)};export{g as MeterGroup};

package/metergroup/metergroup.js

@@ -224,9 +224,10 @@ this.primereact.metergroup = (function (exports, React, api, componentbase, hook
           }
         }, ptm('labellisttype'));
         var labelIcon = item.icon ? /*#__PURE__*/React__namespace.createElement("i", labelIconProps) : /*#__PURE__*/React__namespace.createElement("span", labelListIconProps);
+        var itemPercentage = calculatePercentage(item.value);
         return /*#__PURE__*/React__namespace.createElement("li", _extends({
           key: index
-        }, labelItemProps), labelIcon, /*#__PURE__*/React__namespace.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, "%)")));
+        }, labelItemProps), labelIcon, /*#__PURE__*/React__namespace.createElement("span", labelProps, item === null || item === void 0 ? void 0 : item.label, " ", "(".concat(itemPercentage, "%)")));
       }));
     };
     var templateProps = {

package/metergroup/metergroup.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.metergroup=function(e,t,r,n,l,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t);function s(){return s=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},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var m=n.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[a.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 a.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 b(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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=u(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)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}return e.MeterGroup=function(e){var t=i.useContext(r.PrimeReactContext),o=m.getProps(e,t),c=o.values,p=o.min,u=o.max,b=o.orientation,f=o.labelPosition,v=o.start,y=o.end,d=o.meter,O=o.labelList,h=l.useMergeProps(),j=m.setMetaData(g(g({props:o},o.__parentMetadata),{},{context:{disabled:o.disabled}})),P=j.ptm,x=j.cx;n.useHandleStyle(m.css.styles,j.isUnstyled,{name:"metergroup"});var E=0,N=[];c.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var w,S,M,_,z,k=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-p)/(u-p)*100)))},D=h({className:a.classNames(o.className,x("root",{orientation:b}))},m.getOtherProps(o),P("root")),C={totalPercent:E,precentages:N,values:c},U=O||(w=h({className:x("labellist")},P("labellist")),S=h({className:x("labellistitem")},P("labellistitem")),M=h({className:x("label")},P("label")),i.createElement("ol",w,c.map((function(e,t){var r=h({className:a.classNames(x("labelicon"),e.icon),style:{color:e.color}},P("labelicon")),n=h({className:x("labellisttype"),style:{backgroundColor:e.color}},P("labellisttype")),l=e.icon?i.createElement("i",r):i.createElement("span",n);return i.createElement("li",s({key:t},S),l,i.createElement("span",M,null==e?void 0:e.label," ",(null==e?void 0:e.value)&&"(".concat(null==e?void 0:e.value,"%)")))})))),J=a.ObjectUtils.getJSXElement(U,{values:c,totalPercent:E});return i.createElement("div",s({},D,{role:"meter","aria-valuemin":p,"aria-valuemax":u,"aria-valuenow":E}),"start"===f&&J,v&&a.ObjectUtils.getJSXElement(v,C),(_=c.map((function(e,t){var r=k(e.value),n={backgroundColor:e.color,width:"horizontal"===b?r+"%":"auto",height:"vertical"===b?r+"%":"auto"},l=h({className:x("meter"),style:n},P("meter"));if(d||e.meterTemplate){var o=h({className:x("meter")},P("meter"));return a.ObjectUtils.getJSXElement(e.meterTemplate||d,g(g({},e),{},{percentage:r,index:t}),o)}return i.createElement("span",s({key:t},l))})),z=h({className:x("metercontainer")},P("metercontainer")),i.createElement("div",z,_)),y&&a.ObjectUtils.getJSXElement(y,C),"end"===f&&J)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.metergroup=function(e,t,r,n,l,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t);function s(){return s=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},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var m=n.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[a.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 a.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 b(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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=u(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)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}return e.MeterGroup=function(e){var t=i.useContext(r.PrimeReactContext),o=m.getProps(e,t),c=o.values,p=o.min,u=o.max,b=o.orientation,f=o.labelPosition,v=o.start,y=o.end,d=o.meter,O=o.labelList,h=l.useMergeProps(),j=m.setMetaData(g(g({props:o},o.__parentMetadata),{},{context:{disabled:o.disabled}})),P=j.ptm,x=j.cx;n.useHandleStyle(m.css.styles,j.isUnstyled,{name:"metergroup"});var E=0,N=[];c.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var w,S,M,_,z,k=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-p)/(u-p)*100)))},D=h({className:a.classNames(o.className,x("root",{orientation:b}))},m.getOtherProps(o),P("root")),C={totalPercent:E,precentages:N,values:c},U=O||(w=h({className:x("labellist")},P("labellist")),S=h({className:x("labellistitem")},P("labellistitem")),M=h({className:x("label")},P("label")),i.createElement("ol",w,c.map((function(e,t){var r=h({className:a.classNames(x("labelicon"),e.icon),style:{color:e.color}},P("labelicon")),n=h({className:x("labellisttype"),style:{backgroundColor:e.color}},P("labellisttype")),l=e.icon?i.createElement("i",r):i.createElement("span",n),o=k(e.value);return i.createElement("li",s({key:t},S),l,i.createElement("span",M,null==e?void 0:e.label," ","(".concat(o,"%)")))})))),J=a.ObjectUtils.getJSXElement(U,{values:c,totalPercent:E});return i.createElement("div",s({},D,{role:"meter","aria-valuemin":p,"aria-valuemax":u,"aria-valuenow":E}),"start"===f&&J,v&&a.ObjectUtils.getJSXElement(v,C),(_=c.map((function(e,t){var r=k(e.value),n={backgroundColor:e.color,width:"horizontal"===b?r+"%":"auto",height:"vertical"===b?r+"%":"auto"},l=h({className:x("meter"),style:n},P("meter"));if(d||e.meterTemplate){var o=h({className:x("meter")},P("meter"));return a.ObjectUtils.getJSXElement(e.meterTemplate||d,g(g({},e),{},{percentage:r,index:t}),o)}return i.createElement("span",s({key:t},l))})),z=h({className:x("metercontainer")},P("metercontainer")),i.createElement("div",z,_)),y&&a.ObjectUtils.getJSXElement(y,C),"end"===f&&J)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/multiselect/multiselect.cjs.js

@@ -1914,6 +1914,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
           }
         };
         var label = getLabelByValue(val);
+        var labelKey = label + '_' + i;
         var iconProps = mergeProps({
           key: i,
           className: cx('removeTokenIcon'),
@@ -1928,11 +1929,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
           className: cx('token')
         }, ptm('token', context));
         var tokenLabelProps = mergeProps({
-          key: label + i,
           className: cx('tokenLabel')
         }, ptm('tokenLabel', context));
         return /*#__PURE__*/React__namespace.createElement("div", _extends({}, tokenProps, {
-          key: label
+          key: labelKey
         }), /*#__PURE__*/React__namespace.createElement("span", tokenLabelProps, label), icon);
       });
     }