primereact 10.6.6 → 10.8.0

package/inputotp/inputotp.esm.min.js

@@ -1 +1 @@
-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};
+import e,{useRef as t,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(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},f.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):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 g(e){return d(e)||y(e)||b(e)||m()}function O(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}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(e){return j="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},j(e)}function S(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=S(e,"string");return"symbol"===j(t)?t:String(t)}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(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 D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){var r,l,a;r=e,a=n[t],(l=P(l=t))in r?Object.defineProperty(r,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[l]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo(e.forwardRef((function(o,v){var d,y,m=t(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 T,I,N=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(N),M=(I=2,O(T=_)||h(T,I)||b(T,I)||w()),U=M[0],C=M[1],K=function e(t){var n=t.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},B=function e(t){var n=t.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:e(n)},F=function(e){var t=K(e.target);t&&(t.focus(),t.select())},L=function(e){var t=B(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==P||null===(n=P.onChange)||void 0===n||n.call(P,{originalEvent:e,value:t.join("")})},J=function(e,t){var n=e.target.value,r=g(U);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(P.length),C(r),R(e,r)},V=function(e,t){P.disabled||P.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(J(e,t),"deleteContentBackward"===e.nativeEvent.inputType?L(e):"insertText"!==e.nativeEvent.inputType&&"deleteContentForward"!==e.nativeEvent.inputType||F(e))},X=function(e){if(!P.disabled&&!P.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,P.length+1);if(!P.integerOnly||!isNaN(n)){var r=n.split("");C(r),R(e,r)}}}},Y=function(e){var t;e.target.select(),null==P||null===(t=P.focus)||void 0===t||t.call(P,e)},$=function(e){var t;null==P||null===(t=P.blur)||void 0===t||t.call(P,e)},q=function(e){if(!P.disabled&&!P.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":L(e),e.preventDefault();break;case"ArrowRight":F(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)&&(L(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"Enter":break;default:(null!=P&&P.integerOnly&&!(Number(e.key)>=0&&Number(e.key)<=9)||U.join("").length>=P.length&&"Delete"!==e.code)&&e.preventDefault()}};c((function(){var e,t,n=P.value?null===(e=P.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(P.length);C(n)}),[P.value]);var z=j({className:x("root"),ref:m,style:null==P?void 0:P.style},k("root"));return e.createElement("div",z,function t(n){if(n<=0)return[];var r=P.length-n,l={onInput:function(e){return V(e,r)},onKeyDown:q,onFocus:Y,onBlur:$,onPaste:X},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}):e.createElement(p,f({},o,l))].concat(g(t(n-1)))}(P.length))})));k.displayName="InputOtp";export{k as InputOtp};

package/inputotp/inputotp.js

@@ -230,7 +230,6 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
       if (event.nativeEvent.inputType === 'insertFromPaste') {
         return; // handled in onPaste
       }
-
       updateTokens(event, index);
       if (event.nativeEvent.inputType === 'deleteContentBackward') {
         moveToPrevInput(event);
@@ -306,7 +305,7 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
         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
-            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') {
+            if (props !== null && props !== void 0 && props.integerOnly && !(Number(event.key) >= 0 && Number(event.key) <= 9) || tokens.join('').length >= props.length && event.code !== 'Delete') {
               event.preventDefault();
             }
             break;

package/inputotp/inputotp.min.js

@@ -1 +1 @@
-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);
+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)},H=function(e){var t;null==h||null===(t=h.blur)||void 0===t||t.call(h,e)},J=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&&!(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 V=v({className:E("root"),ref:f,style:null==h?void 0:h.style},S("root"));return u.default.createElement("div",V,function e(t){if(t<=0)return[];var r=h.length-t,a={onInput:function(e){return K(e,r)},onKeyDown:J,onFocus:L,onBlur:H,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/inputtext/inputtext.d.ts

@@ -102,7 +102,7 @@ export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.Input
     /**
      * The value of component
      */
-    value?: string | undefined;
+    value?: string | null | undefined;
     /**
      * Callback to invoke while typing value on input
      * @param {React.FormEvent<HTMLInputElement>} event - Browser event

package/listbox/listbox.cjs.js

@@ -829,6 +829,10 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var scrollInView = function scrollInView() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     setTimeout(function () {
+      // As long as this is a timeout - there is not guarantee that listRef will still
+      // exist by the moment of calling that function. So, if list is already destroyed
+      // by this moment - do nothing:
+      if (!listRef.current) return;
       var idx = index !== -1 ? "".concat(id.current, "_").concat(index) : focusedOptionId();
       var element = listRef.current.querySelector("li[id=\"".concat(idx, "\"]"));
       if (element) {
@@ -985,7 +989,24 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
+  var flatOptions = function flatOptions(options) {
+    return (options || []).reduce(function (result, option, index) {
+      result.push({
+        optionGroup: option,
+        group: true,
+        index: index,
+        code: option.code,
+        label: option.label
+      });
+      var optionGroupChildren = getOptionGroupChildren(option);
+      optionGroupChildren && optionGroupChildren.forEach(function (o) {
+        return result.push(o);
+      });
+      return result;
+    }, []);
+  };
   var getVisibleOptions = function getVisibleOptions() {
+    var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter) {
       var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -1008,11 +1029,11 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         } finally {
           _iterator.f();
         }
-        return filteredGroups;
+        return flatOptions(filteredGroups);
       }
-      return api.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return api.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-    return props.options;
+    return options;
   };
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
@@ -1057,42 +1078,13 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       metaData: metaData
     }) : null;
   };
-  var createGroupChildren = function createGroupChildren(optionGroup, style) {
-    var groupChildren = getOptionGroupChildren(optionGroup);
-    return groupChildren.map(function (option, j) {
-      var optionLabel = getOptionLabel(option);
-      var optionKey = j + '_' + getOptionRenderKey(option);
-      var disabled = isOptionDisabled(option);
-      return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
-        id: id.current + '_' + j,
-        hostName: "ListBox",
-        optionKey: optionKey,
-        key: optionKey,
-        label: optionLabel,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: isSelected(option),
-        onOptionMouseDown: onOptionMouseDown,
-        onOptionMouseMove: onOptionMouseMove,
-        onClick: onOptionSelect,
-        index: j,
-        focusedOptionIndex: focusedOptionIndex,
-        onTouchEnd: onOptionTouchEnd,
-        disabled: disabled,
-        ptCallbacks: ptCallbacks,
-        metaData: metaData
-      });
-    });
-  };
   var createItem = function createItem(option, index) {
     var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    if (props.optionGroupLabel) {
+    if (option.group && option.optionGroup && props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
@@ -1101,9 +1093,9 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         }),
         role: 'group'
       }, ptCallbacks.ptm('itemGroup'));
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: key
-      }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, itemGroupProps), groupContent);
     }
     var optionLabel = getOptionLabel(option);
     var optionKey = index + '_' + getOptionRenderKey(option);

package/listbox/listbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),l=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),c=require("primereact/ripple");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e);function f(){return f=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},f.apply(this,arguments)}function d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function v(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function x(){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 j(e){return h(e)||g(e)||O(e)||x()}function I(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],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)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return I(e)||E(e,t)||O(e,t)||S()}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,focusOnHover:!0,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1,selectOnFocus:!1,autoOptionFocus:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return l.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return l.classNames("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return l.classNames("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function P(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var L=p.memo((function(e){var t=r.useMergeProps(),n=e.ptCallbacks,o=n.ptm,i=n.cx,c=function(t,n){return o(t,F({hostName:e.hostName},n))},s={filter:function(e){return d(e)},reset:function(){return e.resetFilter()}},d=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},m=function(){var n=t({className:i("filterIcon")},c("filterIcon")),r=l.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,n),F({},n),{props:e}),m=t({className:i("header")},c("header")),b=t({className:i("filterContainer")},c("filterContainer")),v=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:d,className:i("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:o("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),r);e.filterTemplate&&(v=l.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:s,filterInputChange:d,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",m,v)}();return p.createElement(p.Fragment,null,m)}));L.displayName="ListBoxHeader";var N=p.memo((function(e){var t=D(p.useState(!1),2),n=t[0],o=t[1],i=r.useMergeProps(),a=e.ptCallbacks,u=a.ptm,s=a.cx,f=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):e.label,d=i({id:e.id,className:s("item",{props:e}),style:e.style,onClick:function(t){return e.onClick(t,e.option,e.index)},onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onFocus:function(e){o(!0)},onBlur:function(e){o(!1)},tabIndex:"-1",onMouseDown:function(t){return e.onOptionMouseDown(t,e.index)},onMouseMove:function(t){return e.onOptionMouseMove(t,e.index)},"aria-label":e.label,key:e.optionKey,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedOptionIndex:e.focusedOptionIndex}}));return p.createElement("li",d,f,p.createElement(c.Ripple,null))}));function M(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function U(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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}N.displayName="ListBoxItem";var K=p.memo(p.forwardRef((function(e,a){var u=r.useMergeProps(),c=p.useContext(t.PrimeReactContext),s=w.getProps(e,c),d=D(p.useState(null),2),m=d[0],b=d[1],v=p.useRef(null),y=p.useRef(null),h=p.useRef(null),g=D(p.useState(-1),2),O=g[0],x=g[1],I=D(p.useState(!1),2),E=I[0],S=I[1],P=D(p.useState(""),2),F=P[0],M=P[1],U=D(p.useState(""),2),k=U[0],K=U[1],A=p.useRef(null),G=p.useRef(null),R=p.useRef(null),_=p.useRef(null),q=p.useRef(!1),B=(s.onFilterValueChange?s.filterValue:F)||"",H=B&&B.trim().length>0,V={props:s,state:{filterValue:B}},z=w.setMetaData(V);n.useHandleStyle(w.css.styles,z.isUnstyled,{name:"listbox"});var J=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;s.disabled||Ke(t)||(s.multiple?Q(e.originalEvent,t):Y(e.originalEvent,t),q.current=!1,-1!==n&&b(n))},X=function(e,t){de(e,t)},$=function(e,t){s.focusOnHover&&E&&de(e,t)},W=function(){s.disabled||(q.current=!0)},Y=function(e,t){var n=Ce(t),r=!1,o=null;!q.current&&s.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=Ue(t),r=!0):(o=n?null:Ue(t),r=!0);r&&we(e,o)},Q=function(e,t){var n=Ce(t),r=!1,o=null;if(!q&&s.metaKeySelection){var l=e.metaKey||e.ctrlKey;n?(o=l?Pe(t):[Ue(t)],r=!0):(o=[].concat(j(o=l&&s.value||[]),[Ue(t)]),r=!0)}else o=n?Pe(t):[].concat(j(s.value||[]),[Ue(t)]),r=!0;r&&s.onChange({originalEvent:e,value:o,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:s.name,id:s.id,value:o}})},Z=function(){return l.ObjectUtils.isNotEmpty(s.value)},ee=function(e){return s.optionGroupLabel&&e.optionGroup&&e.group},te=function(e){return l.ObjectUtils.isNotEmpty(e)&&!(Ke(e)||ee(e))},ne=function(e){return te(e)&&Ce(e)},re=function(){return ze.findIndex((function(e){return te(e)}))},oe=function(){if(Z()){if(!s.multiple)return ze.findIndex((function(e){return ne(e)}));for(var e,t=function(){var e=s.value[n],t=ze.findIndex((function(t){return ne(t)&&Me(e,Ue(t))}));if(t>-1)return{v:t}},n=s.value.length-1;n>=0;n--)if(e=t())return e.v}return-1},le=function(){return l.ObjectUtils.findLastIndex(ze,(function(e){return te(e)}))},ie=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Z()&&(n=t?-1===(n=se(e))?ce(e):n:-1===(n=ce(e))?se(e):n),n>-1?n:e},ae=function(e){var t;return te(e)&&(null===(t=Te(e))||void 0===t?void 0:t.toLocaleLowerCase(s.filterLocale).startsWith(k.toLocaleLowerCase(s.filterLocale)))},ue=function(e,t){K((k||"")+t);var n=-1;l.ObjectUtils.isNotEmpty(k)&&(-1===(n=-1!==m?-1===(n=ze.slice(m).findIndex((function(e){return ae(e)})))?ze.slice(0,m).findIndex((function(e){return ae(e)})):n+m:ze.findIndex((function(e){return ae(e)})))&&-1===m&&(n=fe()),-1!==n&&de(e,n)),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){K(""),v.current=null}),500)},ce=function(e){var t=Z()&&e<ze.length-1?ze.slice(e+1).findIndex((function(e){return ne(e)})):-1;return t>-1?t+e+1:-1},se=function(e){var t=Z()&&e>0?l.ObjectUtils.findLastIndex(ze.slice(0,e),(function(e){return ne(e)})):-1;return t>-1?t:-1},pe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=ie(n,!0)),-1===n&&(n=ie(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),l=ze.slice(r,o+1).filter((function(e){return te(e)})).map((function(e){return Ue(e)}));we(e,l)}},fe=function(){var e=Z()?ze.findIndex((function(e){return ne(e)})):-1;return e<0?re():e},de=function(e,t){m!==t&&(b(t),Ie(),e&&s.selectOnFocus&&!s.multiple&&J(e,ze[t]))},me=function(e){var t,n,r=-1!==m?(n=(t=m)<ze.length-1?ze.slice(t+1).findIndex((function(e){return te(e)})):-1)>-1?n+t+1:t:fe();s.multiple&&e.shiftKey&&pe(e,O,r),de(e,r),e.preventDefault()},be=function(e){var t,n,r,o=-1!==m?(r=(n=m)>0?l.ObjectUtils.findLastIndex(ze.slice(0,n),(function(e){return te(e)})):-1)>-1?r:n:(t=Z()?l.ObjectUtils.findLastIndex(ze,(function(e){return ne(e)})):-1)<0?le():t;s.multiple&&e.shiftKey&&pe(e,o,O),de(e,o),e.preventDefault()},ve=function(e){-1!==m&&(s.multiple&&e.shiftKey?pe(e,m):J(e,ze[m])),e.preventDefault()},ye=function(e){ve(e)},he=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),b(-1);else{var t=e.metaKey||e.ctrlKey,n=re();s.multiple&&e.shiftKey&&t&&pe(e,n,O),de(e,n)}e.preventDefault()},ge=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),b(-1)}else{var r=e.metaKey||e.ctrlKey,o=le();s.multiple&&e.shiftKey&&r&&pe(e,O,o),de(e,o)}e.preventDefault()},Oe=function(e){Ie(0),e.preventDefault()},xe=function(e){Ie(ze.length-1),e.preventDefault()},je=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":me(e);break;case"ArrowUp":be(e);break;case"Home":he(e);break;case"End":ge(e);break;case"PageDown":xe(e);break;case"PageUp":Oe(e);break;case"Enter":case"NumpadEnter":case"Space":ye(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":x(m);break;default:if(s.multiple&&"KeyA"===e.code&&t){var n=ze.filter((function(e){return te(e)})).map((function(e){return Ue(e)}));we(e,n),e.preventDefault();break}!t&&l.ObjectUtils.isPrintableCharacter(e.key)&&(ue(e,e.key),e.preventDefault())}},Ie=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(R.current,"_").concat(e):-1!==m?"".concat(R.current,"_").concat(m):null,n=_.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):s.virtualScrollerOptions&&G.current&&G.current.scrollToIndex(-1!==e?e:m)}),0)},Ee=function(e){G.current&&G.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):M(t)},Se=function(){M(""),s.onFilter&&s.onFilter({filter:""})},De=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:E;if(s.selectOnFocus&&s.autoOptionFocus&&!Z()&&!s.multiple&&e){var t=fe();J(null,ze[t]),b(t)}},we=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},Pe=function(e){return s.value.filter((function(t){return!l.ObjectUtils.equals(t,Ue(e),s.dataKey)}))},Fe=function(){if(null!=s.value&&ze){if(!s.optionGroupLabel)return Ne(s.value,ze);for(var e=0;e<ze.length;e++){var t=Ne(s.value,_e(ze[e]));if(-1!==t)return{group:e,option:t}}}return-1},Le=function(){return s.optionValue?null:s.dataKey},Ne=function(e,t){var n=Le();return t.findIndex((function(t){return l.ObjectUtils.equals(e,Ue(t),n)}))},Me=function(e,t){return l.ObjectUtils.equals(e,t,Le())},Ce=function(e){var t=Ue(e);return s.multiple?(s.value||[]).some((function(e){return Me(e,t)})):Me(s.value,t)},Te=function(e){return s.optionLabel?l.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ue=function(e){return s.optionValue?l.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},ke=function(e){return s.dataKey?l.ObjectUtils.resolveFieldData(e,s.dataKey):Te(e)},Ke=function(e){return s.optionDisabled?l.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):l.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ae=function(){S(!0),b(-1!==m?m:s.autoOptionFocus?fe():oe()),De(!0)},Ge=function(){S(!1),b(-1),x(-1),K("")},Re=function(e){return l.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},_e=function(e){return l.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},qe=function(){if(G.current){var e=Fe();-1!==e&&setTimeout((function(){return G.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:s,focus:function(){return l.DomHandler.focusFirstElement(A.current)},getElement:function(){return A.current},getVirtualScroller:function(){return G.current}}})),r.useMountEffect((function(){qe(),R.current=l.UniqueComponentId()}));var Be=function(e,t){return _e(e).map((function(e,n){var r=Te(e),o=n+"_"+ke(e),l=Ke(e);return p.createElement(N,{id:R.current+"_"+n,hostName:"ListBox",optionKey:o,key:o,label:r,option:e,style:t,template:s.itemTemplate,selected:Ce(e),onOptionMouseDown:X,onOptionMouseMove:$,onClick:J,index:n,focusedOptionIndex:m,onTouchEnd:W,disabled:l,ptCallbacks:z,metaData:V})}))},He=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(s.optionGroupLabel){var o=s.optionGroupTemplate?l.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):l.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),i=Be(e,r),a=t+"_"+Re(e),c=u({className:z.cx("itemGroup"),style:z.sx("itemGroup",{scrollerOptions:n}),role:"group"},z.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",c,o),i)}var f=Te(e),d=t+"_"+ke(e),b=Ke(e);return p.createElement(N,{id:R.current+"_"+t,hostName:"ListBox",optionKey:d,key:d,label:f,index:t,onOptionMouseDown:X,onOptionMouseMove:$,focusedOptionIndex:m,option:e,style:r,template:s.itemTemplate,selected:Ce(e),onClick:J,onTouchEnd:W,disabled:b,ptCallbacks:z,metaData:V})},Ve=function(e,n){var r=u({className:z.cx("emptyMessage")},z.ptm("emptyMessage")),o=l.ObjectUtils.getJSXElement(e,s)||t.localeOption(n?"emptyFilterMessage":"emptyMessage");return p.createElement("li",r,o)},ze=function(){if(H){var e=B.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=T(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(_e(i),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(C(C({},i),{items:a}))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Je=l.ObjectUtils.isNotEmpty(s.tooltip),Xe=w.getOtherProps(s),$e=l.ObjectUtils.reduceKeys(Xe,l.DomHandler.ARIA_PROPS),We=function(){if(s.virtualScrollerOptions){var e=C(C({},s.virtualScrollerOptions),{items:ze,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(C(C({},e),{filter:ze}))},itemTemplate:function(e,t){return e&&He(e,t.index,t)},contentTemplate:function(e){var t=u(C({ref:_,style:z.sx("list",{options:e}),className:z.cx("list",{options:e}),role:"listbox",tabIndex:"-1","aria-multiselectable":s.multiple,onFocus:Ae,onBlur:Ge,onKeyDown:je},$e),z.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:G},e,{pt:z.ptm("virtualScroller")}))}var t=l.ObjectUtils.isNotEmpty(ze)?ze.map(He):H?Ve(s.emptyFilterMessage,!0):Ve(s.emptyMessage),n=u(C({ref:_,className:z.cx("list"),role:"listbox","aria-multiselectable":s.multiple,tabIndex:"-1",onFocus:Ae,onBlur:Ge,onKeyDown:je},$e),z.ptm("list"));return p.createElement("ul",n,t)}(),Ye=s.filter?p.createElement(L,{hostName:"ListBox",filter:B,filterIcon:s.filterIcon,onFilter:Ee,resetFilter:Se,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:z,metaData:V}):null,Qe=u({className:z.cx("wrapper"),style:s.listStyle},z.ptm("wrapper")),Ze=u({ref:A,id:s.id,className:z.cx("root"),style:s.style},w.getOtherProps(s),z.ptm("root")),et=u({ref:y,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(){l.DomHandler.focus(_.current);var e=l.DomHandler.getFirstFocusableElement(A.current,':not([data-p-hidden-focusable="true"])');h.current.tabIndex=l.DomHandler.isElement(e)?void 0:-1,y.current.tabIndex=-1,de(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},z.ptm("hiddenFirstFocusableEl")),tt=u({ref:h,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(e){if(e.relatedTarget===_.current){var t=l.DomHandler.getFirstFocusableElement(A.current,':not([data-p-hidden-focusable="true"])');l.DomHandler.focus(t),y.current.tabIndex=void 0}else l.DomHandler.focus(y.current);h.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},z.ptm("hiddenLastFocusableEl"));return p.createElement(p.Fragment,null,p.createElement("div",Ze,p.createElement("span",et),Ye,p.createElement("div",Qe,We),p.createElement("span",tt)),Je&&p.createElement(o.Tooltip,f({target:A,content:s.tooltip,pt:z.ptm("tooltip")},s.tooltipOptions)))})));K.displayName="ListBox",exports.ListBox=K;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils"),l=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),c=require("primereact/ripple");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e);function f(){return f=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},f.apply(this,arguments)}function d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function v(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function x(){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 j(e){return h(e)||g(e)||O(e)||x()}function I(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function E(){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 D(e,t){return I(e)||S(e,t)||O(e,t)||E()}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,focusOnHover:!0,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1,selectOnFocus:!1,autoOptionFocus:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function P(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 F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var L=p.memo((function(e){var t=r.useMergeProps(),n=e.ptCallbacks,o=n.ptm,l=n.cx,c=function(t,n){return o(t,F({hostName:e.hostName},n))},s={filter:function(e){return d(e)},reset:function(){return e.resetFilter()}},d=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},m=function(){var n=t({className:l("filterIcon")},c("filterIcon")),r=i.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,n),F({},n),{props:e}),m=t({className:l("header")},c("header")),b=t({className:l("filterContainer")},c("filterContainer")),v=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:d,className:l("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:o("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),r);e.filterTemplate&&(v=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:s,filterInputChange:d,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",m,v)}();return p.createElement(p.Fragment,null,m)}));L.displayName="ListBoxHeader";var N=p.memo((function(e){var t=D(p.useState(!1),2),n=t[0],o=t[1],l=r.useMergeProps(),a=e.ptCallbacks,u=a.ptm,s=a.cx,f=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,d=l({id:e.id,className:s("item",{props:e}),style:e.style,onClick:function(t){return e.onClick(t,e.option,e.index)},onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onFocus:function(e){o(!0)},onBlur:function(e){o(!1)},tabIndex:"-1",onMouseDown:function(t){return e.onOptionMouseDown(t,e.index)},onMouseMove:function(t){return e.onOptionMouseMove(t,e.index)},"aria-label":e.label,key:e.optionKey,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedOptionIndex:e.focusedOptionIndex}}));return p.createElement("li",d,f,p.createElement(c.Ripple,null))}));function M(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){a=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw i}}}}function U(e,t){if(e){if("string"==typeof e)return K(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)?K(e,t):void 0}}function K(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}N.displayName="ListBoxItem";var k=p.memo(p.forwardRef((function(e,a){var u=r.useMergeProps(),c=p.useContext(t.PrimeReactContext),s=w.getProps(e,c),d=D(p.useState(null),2),m=d[0],b=d[1],v=p.useRef(null),y=p.useRef(null),h=p.useRef(null),g=D(p.useState(-1),2),O=g[0],x=g[1],I=D(p.useState(!1),2),S=I[0],E=I[1],P=D(p.useState(""),2),F=P[0],M=P[1],U=D(p.useState(""),2),K=U[0],k=U[1],G=p.useRef(null),A=p.useRef(null),R=p.useRef(null),q=p.useRef(null),B=p.useRef(!1),H=(s.onFilterValueChange?s.filterValue:F)||"",V=H&&H.trim().length>0,_={props:s,state:{filterValue:H}},z=w.setMetaData(_);n.useHandleStyle(w.css.styles,z.isUnstyled,{name:"listbox"});var J=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;s.disabled||ke(t)||(s.multiple?Q(e.originalEvent,t):Y(e.originalEvent,t),B.current=!1,-1!==n&&b(n))},X=function(e,t){de(e,t)},$=function(e,t){s.focusOnHover&&S&&de(e,t)},W=function(){s.disabled||(B.current=!0)},Y=function(e,t){var n=Ce(t),r=!1,o=null;!B.current&&s.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=Ue(t),r=!0):(o=n?null:Ue(t),r=!0);r&&we(e,o)},Q=function(e,t){var n=Ce(t),r=!1,o=null;if(!B&&s.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(o=i?Pe(t):[Ue(t)],r=!0):(o=[].concat(j(o=i&&s.value||[]),[Ue(t)]),r=!0)}else o=n?Pe(t):[].concat(j(s.value||[]),[Ue(t)]),r=!0;r&&s.onChange({originalEvent:e,value:o,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:s.name,id:s.id,value:o}})},Z=function(){return i.ObjectUtils.isNotEmpty(s.value)},ee=function(e){return s.optionGroupLabel&&e.optionGroup&&e.group},te=function(e){return i.ObjectUtils.isNotEmpty(e)&&!(ke(e)||ee(e))},ne=function(e){return te(e)&&Ce(e)},re=function(){return ze.findIndex((function(e){return te(e)}))},oe=function(){if(Z()){if(!s.multiple)return ze.findIndex((function(e){return ne(e)}));for(var e,t=function(){var e=s.value[n],t=ze.findIndex((function(t){return ne(t)&&Me(e,Ue(t))}));if(t>-1)return{v:t}},n=s.value.length-1;n>=0;n--)if(e=t())return e.v}return-1},ie=function(){return i.ObjectUtils.findLastIndex(ze,(function(e){return te(e)}))},le=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Z()&&(n=t?-1===(n=se(e))?ce(e):n:-1===(n=ce(e))?se(e):n),n>-1?n:e},ae=function(e){var t;return te(e)&&(null===(t=Te(e))||void 0===t?void 0:t.toLocaleLowerCase(s.filterLocale).startsWith(K.toLocaleLowerCase(s.filterLocale)))},ue=function(e,t){k((K||"")+t);var n=-1;i.ObjectUtils.isNotEmpty(K)&&(-1===(n=-1!==m?-1===(n=ze.slice(m).findIndex((function(e){return ae(e)})))?ze.slice(0,m).findIndex((function(e){return ae(e)})):n+m:ze.findIndex((function(e){return ae(e)})))&&-1===m&&(n=fe()),-1!==n&&de(e,n)),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){k(""),v.current=null}),500)},ce=function(e){var t=Z()&&e<ze.length-1?ze.slice(e+1).findIndex((function(e){return ne(e)})):-1;return t>-1?t+e+1:-1},se=function(e){var t=Z()&&e>0?i.ObjectUtils.findLastIndex(ze.slice(0,e),(function(e){return ne(e)})):-1;return t>-1?t:-1},pe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=le(n,!0)),-1===n&&(n=le(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),i=ze.slice(r,o+1).filter((function(e){return te(e)})).map((function(e){return Ue(e)}));we(e,i)}},fe=function(){var e=Z()?ze.findIndex((function(e){return ne(e)})):-1;return e<0?re():e},de=function(e,t){m!==t&&(b(t),Ie(),e&&s.selectOnFocus&&!s.multiple&&J(e,ze[t]))},me=function(e){var t,n,r=-1!==m?(n=(t=m)<ze.length-1?ze.slice(t+1).findIndex((function(e){return te(e)})):-1)>-1?n+t+1:t:fe();s.multiple&&e.shiftKey&&pe(e,O,r),de(e,r),e.preventDefault()},be=function(e){var t,n,r,o=-1!==m?(r=(n=m)>0?i.ObjectUtils.findLastIndex(ze.slice(0,n),(function(e){return te(e)})):-1)>-1?r:n:(t=Z()?i.ObjectUtils.findLastIndex(ze,(function(e){return ne(e)})):-1)<0?ie():t;s.multiple&&e.shiftKey&&pe(e,o,O),de(e,o),e.preventDefault()},ve=function(e){-1!==m&&(s.multiple&&e.shiftKey?pe(e,m):J(e,ze[m])),e.preventDefault()},ye=function(e){ve(e)},he=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),b(-1);else{var t=e.metaKey||e.ctrlKey,n=re();s.multiple&&e.shiftKey&&t&&pe(e,n,O),de(e,n)}e.preventDefault()},ge=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),b(-1)}else{var r=e.metaKey||e.ctrlKey,o=ie();s.multiple&&e.shiftKey&&r&&pe(e,O,o),de(e,o)}e.preventDefault()},Oe=function(e){Ie(0),e.preventDefault()},xe=function(e){Ie(ze.length-1),e.preventDefault()},je=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":me(e);break;case"ArrowUp":be(e);break;case"Home":he(e);break;case"End":ge(e);break;case"PageDown":xe(e);break;case"PageUp":Oe(e);break;case"Enter":case"NumpadEnter":case"Space":ye(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":x(m);break;default:if(s.multiple&&"KeyA"===e.code&&t){var n=ze.filter((function(e){return te(e)})).map((function(e){return Ue(e)}));we(e,n),e.preventDefault();break}!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&(ue(e,e.key),e.preventDefault())}},Ie=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){if(q.current){var t=-1!==e?"".concat(R.current,"_").concat(e):-1!==m?"".concat(R.current,"_").concat(m):null,n=q.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):s.virtualScrollerOptions&&A.current&&A.current.scrollToIndex(-1!==e?e:m)}}),0)},Se=function(e){A.current&&A.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):M(t)},Ee=function(){M(""),s.onFilter&&s.onFilter({filter:""})},De=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:S;if(s.selectOnFocus&&s.autoOptionFocus&&!Z()&&!s.multiple&&e){var t=fe();J(null,ze[t]),b(t)}},we=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},Pe=function(e){return s.value.filter((function(t){return!i.ObjectUtils.equals(t,Ue(e),s.dataKey)}))},Fe=function(){if(null!=s.value&&ze){if(!s.optionGroupLabel)return Ne(s.value,ze);for(var e=0;e<ze.length;e++){var t=Ne(s.value,qe(ze[e]));if(-1!==t)return{group:e,option:t}}}return-1},Le=function(){return s.optionValue?null:s.dataKey},Ne=function(e,t){var n=Le();return t.findIndex((function(t){return i.ObjectUtils.equals(e,Ue(t),n)}))},Me=function(e,t){return i.ObjectUtils.equals(e,t,Le())},Ce=function(e){var t=Ue(e);return s.multiple?(s.value||[]).some((function(e){return Me(e,t)})):Me(s.value,t)},Te=function(e){return s.optionLabel?i.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ue=function(e){return s.optionValue?i.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Ke=function(e){return s.dataKey?i.ObjectUtils.resolveFieldData(e,s.dataKey):Te(e)},ke=function(e){return s.optionDisabled?i.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ge=function(){E(!0),b(-1!==m?m:s.autoOptionFocus?fe():oe()),De(!0)},Ae=function(){E(!1),b(-1),x(-1),k("")},Re=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},qe=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Be=function(e){return(e||[]).reduce((function(e,t,n){e.push({optionGroup:t,group:!0,index:n,code:t.code,label:t.label});var r=qe(t);return r&&r.forEach((function(t){return e.push(t)})),e}),[])},He=function(){if(A.current){var e=Fe();-1!==e&&setTimeout((function(){return A.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:s,focus:function(){return i.DomHandler.focusFirstElement(G.current)},getElement:function(){return G.current},getVirtualScroller:function(){return A.current}}})),r.useMountEffect((function(){He(),R.current=i.UniqueComponentId()}));var Ve=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(e.group&&e.optionGroup&&s.optionGroupLabel){var o=s.optionGroupTemplate?i.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),l=t+"_"+Re(e),a=u({className:z.cx("itemGroup"),style:z.sx("itemGroup",{scrollerOptions:n}),role:"group"},z.ptm("itemGroup"));return p.createElement("li",f({key:l},a),o)}var c=Te(e),d=t+"_"+Ke(e),b=ke(e);return p.createElement(N,{id:R.current+"_"+t,hostName:"ListBox",optionKey:d,key:d,label:c,index:t,onOptionMouseDown:X,onOptionMouseMove:$,focusedOptionIndex:m,option:e,style:r,template:s.itemTemplate,selected:Ce(e),onClick:J,onTouchEnd:W,disabled:b,ptCallbacks:z,metaData:_})},_e=function(e,n){var r=u({className:z.cx("emptyMessage")},z.ptm("emptyMessage")),o=i.ObjectUtils.getJSXElement(e,s)||t.localeOption(n?"emptyFilterMessage":"emptyMessage");return p.createElement("li",r,o)},ze=function(){var e=s.optionGroupLabel?Be(s.options):s.options;if(V){var n=H.trim().toLocaleLowerCase(s.filterLocale),r=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var o,i=[],l=T(s.options);try{for(l.s();!(o=l.n()).done;){var a=o.value,u=t.FilterService.filter(qe(a),r,n,s.filterMatchMode,s.filterLocale);u&&u.length&&i.push(C(C({},a),{items:u}))}}catch(e){l.e(e)}finally{l.f()}return Be(i)}return t.FilterService.filter(e,r,n,s.filterMatchMode,s.filterLocale)}return e}(),Je=i.ObjectUtils.isNotEmpty(s.tooltip),Xe=w.getOtherProps(s),$e=i.ObjectUtils.reduceKeys(Xe,i.DomHandler.ARIA_PROPS),We=function(){if(s.virtualScrollerOptions){var e=C(C({},s.virtualScrollerOptions),{items:ze,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(C(C({},e),{filter:ze}))},itemTemplate:function(e,t){return e&&Ve(e,t.index,t)},contentTemplate:function(e){var t=u(C({ref:q,style:z.sx("list",{options:e}),className:z.cx("list",{options:e}),role:"listbox",tabIndex:"-1","aria-multiselectable":s.multiple,onFocus:Ge,onBlur:Ae,onKeyDown:je},$e),z.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(l.VirtualScroller,f({ref:A},e,{pt:z.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(ze)?ze.map(Ve):V?_e(s.emptyFilterMessage,!0):_e(s.emptyMessage),n=u(C({ref:q,className:z.cx("list"),role:"listbox","aria-multiselectable":s.multiple,tabIndex:"-1",onFocus:Ge,onBlur:Ae,onKeyDown:je},$e),z.ptm("list"));return p.createElement("ul",n,t)}(),Ye=s.filter?p.createElement(L,{hostName:"ListBox",filter:H,filterIcon:s.filterIcon,onFilter:Se,resetFilter:Ee,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:z,metaData:_}):null,Qe=u({className:z.cx("wrapper"),style:s.listStyle},z.ptm("wrapper")),Ze=u({ref:G,id:s.id,className:z.cx("root"),style:s.style},w.getOtherProps(s),z.ptm("root")),et=u({ref:y,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(){i.DomHandler.focus(q.current);var e=i.DomHandler.getFirstFocusableElement(G.current,':not([data-p-hidden-focusable="true"])');h.current.tabIndex=i.DomHandler.isElement(e)?void 0:-1,y.current.tabIndex=-1,de(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},z.ptm("hiddenFirstFocusableEl")),tt=u({ref:h,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(e){if(e.relatedTarget===q.current){var t=i.DomHandler.getFirstFocusableElement(G.current,':not([data-p-hidden-focusable="true"])');i.DomHandler.focus(t),y.current.tabIndex=void 0}else i.DomHandler.focus(y.current);h.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},z.ptm("hiddenLastFocusableEl"));return p.createElement(p.Fragment,null,p.createElement("div",Ze,p.createElement("span",et),Ye,p.createElement("div",Qe,We),p.createElement("span",tt)),Je&&p.createElement(o.Tooltip,f({target:G,content:s.tooltip,pt:z.ptm("tooltip")},s.tooltipOptions)))})));k.displayName="ListBox",exports.ListBox=k;

package/listbox/listbox.esm.js

@@ -805,6 +805,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var scrollInView = function scrollInView() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     setTimeout(function () {
+      // As long as this is a timeout - there is not guarantee that listRef will still
+      // exist by the moment of calling that function. So, if list is already destroyed
+      // by this moment - do nothing:
+      if (!listRef.current) return;
       var idx = index !== -1 ? "".concat(id.current, "_").concat(index) : focusedOptionId();
       var element = listRef.current.querySelector("li[id=\"".concat(idx, "\"]"));
       if (element) {
@@ -961,7 +965,24 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
+  var flatOptions = function flatOptions(options) {
+    return (options || []).reduce(function (result, option, index) {
+      result.push({
+        optionGroup: option,
+        group: true,
+        index: index,
+        code: option.code,
+        label: option.label
+      });
+      var optionGroupChildren = getOptionGroupChildren(option);
+      optionGroupChildren && optionGroupChildren.forEach(function (o) {
+        return result.push(o);
+      });
+      return result;
+    }, []);
+  };
   var getVisibleOptions = function getVisibleOptions() {
+    var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter) {
       var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -984,11 +1005,11 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         } finally {
           _iterator.f();
         }
-        return filteredGroups;
+        return flatOptions(filteredGroups);
       }
-      return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-    return props.options;
+    return options;
   };
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
@@ -1033,42 +1054,13 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       metaData: metaData
     }) : null;
   };
-  var createGroupChildren = function createGroupChildren(optionGroup, style) {
-    var groupChildren = getOptionGroupChildren(optionGroup);
-    return groupChildren.map(function (option, j) {
-      var optionLabel = getOptionLabel(option);
-      var optionKey = j + '_' + getOptionRenderKey(option);
-      var disabled = isOptionDisabled(option);
-      return /*#__PURE__*/React.createElement(ListBoxItem, {
-        id: id.current + '_' + j,
-        hostName: "ListBox",
-        optionKey: optionKey,
-        key: optionKey,
-        label: optionLabel,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: isSelected(option),
-        onOptionMouseDown: onOptionMouseDown,
-        onOptionMouseMove: onOptionMouseMove,
-        onClick: onOptionSelect,
-        index: j,
-        focusedOptionIndex: focusedOptionIndex,
-        onTouchEnd: onOptionTouchEnd,
-        disabled: disabled,
-        ptCallbacks: ptCallbacks,
-        metaData: metaData
-      });
-    });
-  };
   var createItem = function createItem(option, index) {
     var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    if (props.optionGroupLabel) {
+    if (option.group && option.optionGroup && props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
@@ -1077,9 +1069,9 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         }),
         role: 'group'
       }, ptCallbacks.ptm('itemGroup'));
-      return /*#__PURE__*/React.createElement(React.Fragment, {
+      return /*#__PURE__*/React.createElement("li", _extends({
         key: key
-      }, /*#__PURE__*/React.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, itemGroupProps), groupContent);
     }
     var optionLabel = getOptionLabel(option);
     var optionKey = index + '_' + getOptionRenderKey(option);

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,FilterService as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as l,useMountEffect as a}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,IconUtils as s,ObjectUtils as p,DomHandler as f,UniqueComponentId as d}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as v}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as y}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}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 x(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 O(e){var t=x(e,"string");return"symbol"===g(t)?t:String(t)}function E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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 I(e)}function w(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 I(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)?I(e,t):void 0}}function F(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return S(e)||w(e)||D(e)||F()}function L(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return L(e)||j(e,t)||D(e,t)||N()}var T=o.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,focusOnHover:!0,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1,selectOnFocus:!1,autoOptionFocus:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return c("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return c("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return c("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo((function(t){var n=l(),r=t.ptCallbacks,o=r.ptm,i=r.cx,a=function(e,n){return o(e,K({hostName:t.hostName},n))},u={filter:function(e){return c(e)},reset:function(){return t.resetFilter()}},c=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},f=function(){var r=n({className:i("filterIcon")},a("filterIcon")),l=s.getJSXIcon(t.filterIcon||e.createElement(v,r),K({},r),{props:t}),f=n({className:i("header")},a("header")),d=n({className:i("filterContainer")},a("filterContainer")),m=e.createElement("div",d,e.createElement(b,h({type:"text",value:t.filter,onChange:c,className:i("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:o("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),l);t.filterTemplate&&(m=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:m,filterOptions:u,filterInputChange:c,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,m)}();return e.createElement(e.Fragment,null,f)}));k.displayName="ListBoxHeader";var A=e.memo((function(t){var n=C(e.useState(!1),2),r=n[0],o=n[1],i=l(),a=t.ptCallbacks,u=a.ptm,c=a.cx,s=t.template?p.getJSXElement(t.template,t.option):t.label,f=i({id:t.id,className:c("item",{props:t}),style:t.style,onClick:function(e){return t.onClick(e,t.option,t.index)},onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onFocus:function(e){o(!0)},onBlur:function(e){o(!1)},tabIndex:"-1",onMouseDown:function(e){return t.onOptionMouseDown(e,t.index)},onMouseMove:function(e){return t.onOptionMouseMove(e,t.index)},"aria-label":t.label,key:t.optionKey,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled,"data-p-disabled":t.disabled},u("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:r,focusedOptionIndex:t.focusedOptionIndex}}));return e.createElement("li",f,s,e.createElement(y,null))}));function G(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 R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function B(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){a=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(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}A.displayName="ListBoxItem";var H=e.memo(e.forwardRef((function(o,c){var s=l(),v=e.useContext(t),b=T.getProps(o,v),y=C(e.useState(null),2),g=y[0],x=y[1],O=e.useRef(null),E=e.useRef(null),I=e.useRef(null),S=C(e.useState(-1),2),w=S[0],D=S[1],F=C(e.useState(!1),2),L=F[0],j=F[1],N=C(e.useState(""),2),M=N[0],K=N[1],G=C(e.useState(""),2),V=G[0],_=G[1],H=e.useRef(null),J=e.useRef(null),U=e.useRef(null),X=e.useRef(null),q=e.useRef(!1),z=(b.onFilterValueChange?b.filterValue:M)||"",$=z&&z.trim().length>0,W={props:b,state:{filterValue:z}},Y=T.setMetaData(W);i(T.css.styles,Y.isUnstyled,{name:"listbox"});var Q=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;b.disabled||_e(t)||(b.multiple?re(e.originalEvent,t):ne(e.originalEvent,t),q.current=!1,-1!==n&&x(n))},Z=function(e,t){he(e,t)},ee=function(e,t){b.focusOnHover&&L&&he(e,t)},te=function(){b.disabled||(q.current=!0)},ne=function(e,t){var n=Ge(t),r=!1,o=null;!q.current&&b.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=Be(t),r=!0):(o=n?null:Be(t),r=!0);r&&Ce(e,o)},re=function(e,t){var n=Ge(t),r=!1,o=null;if(!q&&b.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(o=i?Te(t):[Be(t)],r=!0):(o=[].concat(P(o=i&&b.value||[]),[Be(t)]),r=!0)}else o=n?Te(t):[].concat(P(b.value||[]),[Be(t)]),r=!0;r&&b.onChange({originalEvent:e,value:o,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:o}})},oe=function(){return p.isNotEmpty(b.value)},ie=function(e){return b.optionGroupLabel&&e.optionGroup&&e.group},le=function(e){return p.isNotEmpty(e)&&!(_e(e)||ie(e))},ae=function(e){return le(e)&&Ge(e)},ue=function(){return Ye.findIndex((function(e){return le(e)}))},ce=function(){if(oe()){if(!b.multiple)return Ye.findIndex((function(e){return ae(e)}));for(var e,t=function(){var e=b.value[n],t=Ye.findIndex((function(t){return ae(t)&&Ae(e,Be(t))}));if(t>-1)return{v:t}},n=b.value.length-1;n>=0;n--)if(e=t())return e.v}return-1},se=function(){return p.findLastIndex(Ye,(function(e){return le(e)}))},pe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return oe()&&(n=t?-1===(n=ve(e))?me(e):n:-1===(n=me(e))?ve(e):n),n>-1?n:e},fe=function(e){var t;return le(e)&&(null===(t=Re(e))||void 0===t?void 0:t.toLocaleLowerCase(b.filterLocale).startsWith(V.toLocaleLowerCase(b.filterLocale)))},de=function(e,t){_((V||"")+t);var n=-1;p.isNotEmpty(V)&&(-1===(n=-1!==g?-1===(n=Ye.slice(g).findIndex((function(e){return fe(e)})))?Ye.slice(0,g).findIndex((function(e){return fe(e)})):n+g:Ye.findIndex((function(e){return fe(e)})))&&-1===g&&(n=ye()),-1!==n&&he(e,n)),O.current&&clearTimeout(O.current),O.current=setTimeout((function(){_(""),O.current=null}),500)},me=function(e){var t=oe()&&e<Ye.length-1?Ye.slice(e+1).findIndex((function(e){return ae(e)})):-1;return t>-1?t+e+1:-1},ve=function(e){var t=oe()&&e>0?p.findLastIndex(Ye.slice(0,e),(function(e){return ae(e)})):-1;return t>-1?t:-1},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=pe(n,!0)),-1===n&&(n=pe(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),i=Ye.slice(r,o+1).filter((function(e){return le(e)})).map((function(e){return Be(e)}));Ce(e,i)}},ye=function(){var e=oe()?Ye.findIndex((function(e){return ae(e)})):-1;return e<0?ue():e},he=function(e,t){g!==t&&(x(t),Pe(),e&&b.selectOnFocus&&!b.multiple&&Q(e,Ye[t]))},ge=function(e){var t,n,r=-1!==g?(n=(t=g)<Ye.length-1?Ye.slice(t+1).findIndex((function(e){return le(e)})):-1)>-1?n+t+1:t:ye();b.multiple&&e.shiftKey&&be(e,w,r),he(e,r),e.preventDefault()},xe=function(e){var t,n,r,o=-1!==g?(r=(n=g)>0?p.findLastIndex(Ye.slice(0,n),(function(e){return le(e)})):-1)>-1?r:n:(t=oe()?p.findLastIndex(Ye,(function(e){return ae(e)})):-1)<0?se():t;b.multiple&&e.shiftKey&&be(e,o,w),he(e,o),e.preventDefault()},Oe=function(e){-1!==g&&(b.multiple&&e.shiftKey?be(e,g):Q(e,Ye[g])),e.preventDefault()},Ee=function(e){Oe(e)},Ie=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),x(-1);else{var t=e.metaKey||e.ctrlKey,n=ue();b.multiple&&e.shiftKey&&t&&be(e,n,w),he(e,n)}e.preventDefault()},Se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),x(-1)}else{var r=e.metaKey||e.ctrlKey,o=se();b.multiple&&e.shiftKey&&r&&be(e,w,o),he(e,o)}e.preventDefault()},we=function(e){Pe(0),e.preventDefault()},De=function(e){Pe(Ye.length-1),e.preventDefault()},Fe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ge(e);break;case"ArrowUp":xe(e);break;case"Home":Ie(e);break;case"End":Se(e);break;case"PageDown":De(e);break;case"PageUp":we(e);break;case"Enter":case"NumpadEnter":case"Space":Ee(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":D(g);break;default:if(b.multiple&&"KeyA"===e.code&&t){var n=Ye.filter((function(e){return le(e)})).map((function(e){return Be(e)}));Ce(e,n),e.preventDefault();break}!t&&p.isPrintableCharacter(e.key)&&(de(e,e.key),e.preventDefault())}},Pe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(U.current,"_").concat(e):-1!==g?"".concat(U.current,"_").concat(g):null,n=X.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):b.virtualScrollerOptions&&J.current&&J.current.scrollToIndex(-1!==e?e:g)}),0)},Le=function(e){J.current&&J.current.scrollToIndex(0);var t=e.value;b.onFilterValueChange?b.onFilterValueChange({originalEvent:e.originalEvent,value:t}):K(t)},je=function(){K(""),b.onFilter&&b.onFilter({filter:""})},Ne=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:L;if(b.selectOnFocus&&b.autoOptionFocus&&!oe()&&!b.multiple&&e){var t=ye();Q(null,Ye[t]),x(t)}},Ce=function(e,t){b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:t}})},Te=function(e){return b.value.filter((function(t){return!p.equals(t,Be(e),b.dataKey)}))},Me=function(){if(null!=b.value&&Ye){if(!b.optionGroupLabel)return ke(b.value,Ye);for(var e=0;e<Ye.length;e++){var t=ke(b.value,Xe(Ye[e]));if(-1!==t)return{group:e,option:t}}}return-1},Ke=function(){return b.optionValue?null:b.dataKey},ke=function(e,t){var n=Ke();return t.findIndex((function(t){return p.equals(e,Be(t),n)}))},Ae=function(e,t){return p.equals(e,t,Ke())},Ge=function(e){var t=Be(e);return b.multiple?(b.value||[]).some((function(e){return Ae(e,t)})):Ae(b.value,t)},Re=function(e){return b.optionLabel?p.resolveFieldData(e,b.optionLabel):e&&void 0!==e.label?e.label:e},Be=function(e){return b.optionValue?p.resolveFieldData(e,b.optionValue):e&&void 0!==e.value?e.value:e},Ve=function(e){return b.dataKey?p.resolveFieldData(e,b.dataKey):Re(e)},_e=function(e){return b.optionDisabled?p.isFunction(b.optionDisabled)?b.optionDisabled(e):p.resolveFieldData(e,b.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},He=function(){j(!0),x(-1!==g?g:b.autoOptionFocus?ye():ce()),Ne(!0)},Je=function(){j(!1),x(-1),D(-1),_("")},Ue=function(e){return p.resolveFieldData(e,b.optionGroupLabel)},Xe=function(e){return p.resolveFieldData(e,b.optionGroupChildren)},qe=function(){if(J.current){var e=Me();-1!==e&&setTimeout((function(){return J.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(c,(function(){return{props:b,focus:function(){return f.focusFirstElement(H.current)},getElement:function(){return H.current},getVirtualScroller:function(){return J.current}}})),a((function(){qe(),U.current=d()}));var ze=function(t,n){return Xe(t).map((function(t,r){var o=Re(t),i=r+"_"+Ve(t),l=_e(t);return e.createElement(A,{id:U.current+"_"+r,hostName:"ListBox",optionKey:i,key:i,label:o,option:t,style:n,template:b.itemTemplate,selected:Ge(t),onOptionMouseDown:Z,onOptionMouseMove:ee,onClick:Q,index:r,focusedOptionIndex:g,onTouchEnd:te,disabled:l,ptCallbacks:Y,metaData:W})}))},$e=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(b.optionGroupLabel){var i=b.optionGroupTemplate?p.getJSXElement(b.optionGroupTemplate,t,n):p.resolveFieldData(t,b.optionGroupLabel),l=ze(t,o),a=n+"_"+Ue(t),u=s({className:Y.cx("itemGroup"),style:Y.sx("itemGroup",{scrollerOptions:r}),role:"group"},Y.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,i),l)}var c=Re(t),f=n+"_"+Ve(t),d=_e(t);return e.createElement(A,{id:U.current+"_"+n,hostName:"ListBox",optionKey:f,key:f,label:c,index:n,onOptionMouseDown:Z,onOptionMouseMove:ee,focusedOptionIndex:g,option:t,style:o,template:b.itemTemplate,selected:Ge(t),onClick:Q,onTouchEnd:te,disabled:d,ptCallbacks:Y,metaData:W})},We=function(t,n){var o=s({className:Y.cx("emptyMessage")},Y.ptm("emptyMessage")),i=p.getJSXElement(t,b)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",o,i)},Ye=function(){if($){var e=z.trim().toLocaleLowerCase(b.filterLocale),t=b.filterBy?b.filterBy.split(","):[b.optionLabel||"label"];if(b.optionGroupLabel){var r,o=[],i=B(b.options);try{for(i.s();!(r=i.n()).done;){var l=r.value,a=n.filter(Xe(l),t,e,b.filterMatchMode,b.filterLocale);a&&a.length&&o.push(R(R({},l),{items:a}))}}catch(e){i.e(e)}finally{i.f()}return o}return n.filter(b.options,t,e,b.filterMatchMode,b.filterLocale)}return b.options}(),Qe=p.isNotEmpty(b.tooltip),Ze=T.getOtherProps(b),et=p.reduceKeys(Ze,f.ARIA_PROPS),tt=function(){if(b.virtualScrollerOptions){var t=R(R({},b.virtualScrollerOptions),{items:Ye,onLazyLoad:function(e){return b.virtualScrollerOptions.onLazyLoad(R(R({},e),{filter:Ye}))},itemTemplate:function(e,t){return e&&$e(e,t.index,t)},contentTemplate:function(t){var n=s(R({ref:X,style:Y.sx("list",{options:t}),className:Y.cx("list",{options:t}),role:"listbox",tabIndex:"-1","aria-multiselectable":b.multiple,onFocus:He,onBlur:Je,onKeyDown:Fe},et),Y.ptm("list"));return e.createElement("ul",n,t.children)}});return e.createElement(m,h({ref:J},t,{pt:Y.ptm("virtualScroller")}))}var n=p.isNotEmpty(Ye)?Ye.map($e):$?We(b.emptyFilterMessage,!0):We(b.emptyMessage),r=s(R({ref:X,className:Y.cx("list"),role:"listbox","aria-multiselectable":b.multiple,tabIndex:"-1",onFocus:He,onBlur:Je,onKeyDown:Fe},et),Y.ptm("list"));return e.createElement("ul",r,n)}(),nt=b.filter?e.createElement(k,{hostName:"ListBox",filter:z,filterIcon:b.filterIcon,onFilter:Le,resetFilter:je,filterTemplate:b.filterTemplate,disabled:b.disabled,filterPlaceholder:b.filterPlaceholder,filterInputProps:b.filterInputProps,ptCallbacks:Y,metaData:W}):null,rt=s({className:Y.cx("wrapper"),style:b.listStyle},Y.ptm("wrapper")),ot=s({ref:H,id:b.id,className:Y.cx("root"),style:b.style},T.getOtherProps(b),Y.ptm("root")),it=s({ref:E,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:b.disabled?-1:b.tabIndex,onFocus:function(){f.focus(X.current);var e=f.getFirstFocusableElement(H.current,':not([data-p-hidden-focusable="true"])');I.current.tabIndex=f.isElement(e)?void 0:-1,E.current.tabIndex=-1,he(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y.ptm("hiddenFirstFocusableEl")),lt=s({ref:I,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:b.disabled?-1:b.tabIndex,onFocus:function(e){if(e.relatedTarget===X.current){var t=f.getFirstFocusableElement(H.current,':not([data-p-hidden-focusable="true"])');f.focus(t),E.current.tabIndex=void 0}else f.focus(E.current);I.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y.ptm("hiddenLastFocusableEl"));return e.createElement(e.Fragment,null,e.createElement("div",ot,e.createElement("span",it),nt,e.createElement("div",rt,tt),e.createElement("span",lt)),Qe&&e.createElement(u,h({target:H,content:b.tooltip,pt:Y.ptm("tooltip")},b.tooltipOptions)))})));H.displayName="ListBox";export{H as ListBox};
+import*as e from"react";import{PrimeReactContext as t,FilterService as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as l,useMountEffect as a}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,IconUtils as s,ObjectUtils as p,DomHandler as f,UniqueComponentId as d}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as v}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as y}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}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 x(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 O(e){var t=x(e,"string");return"symbol"===g(t)?t:String(t)}function I(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(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 E(e)}function w(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 E(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)?E(e,t):void 0}}function F(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return S(e)||w(e)||D(e)||F()}function L(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return L(e)||j(e,t)||D(e,t)||N()}var T=o.extend({defaultProps:{__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,focusOnHover:!0,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1,selectOnFocus:!1,autoOptionFocus:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return c("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return c("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return c("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:{itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}}}});function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo((function(t){var n=l(),r=t.ptCallbacks,o=r.ptm,i=r.cx,a=function(e,n){return o(e,K({hostName:t.hostName},n))},u={filter:function(e){return c(e)},reset:function(){return t.resetFilter()}},c=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},f=function(){var r=n({className:i("filterIcon")},a("filterIcon")),l=s.getJSXIcon(t.filterIcon||e.createElement(v,r),K({},r),{props:t}),f=n({className:i("header")},a("header")),d=n({className:i("filterContainer")},a("filterContainer")),m=e.createElement("div",d,e.createElement(b,h({type:"text",value:t.filter,onChange:c,className:i("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:o("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),l);t.filterTemplate&&(m=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:m,filterOptions:u,filterInputChange:c,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,m)}();return e.createElement(e.Fragment,null,f)}));k.displayName="ListBoxHeader";var G=e.memo((function(t){var n=C(e.useState(!1),2),r=n[0],o=n[1],i=l(),a=t.ptCallbacks,u=a.ptm,c=a.cx,s=t.template?p.getJSXElement(t.template,t.option):t.label,f=i({id:t.id,className:c("item",{props:t}),style:t.style,onClick:function(e){return t.onClick(e,t.option,t.index)},onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onFocus:function(e){o(!0)},onBlur:function(e){o(!1)},tabIndex:"-1",onMouseDown:function(e){return t.onOptionMouseDown(e,t.index)},onMouseMove:function(e){return t.onOptionMouseMove(e,t.index)},"aria-label":t.label,key:t.optionKey,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled,"data-p-disabled":t.disabled},u("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:r,focusedOptionIndex:t.focusedOptionIndex}}));return e.createElement("li",f,s,e.createElement(y,null))}));function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=B(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){a=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(a)throw i}}}}function B(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(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}G.displayName="ListBoxItem";var H=e.memo(e.forwardRef((function(o,c){var s=l(),v=e.useContext(t),b=T.getProps(o,v),y=C(e.useState(null),2),g=y[0],x=y[1],O=e.useRef(null),I=e.useRef(null),E=e.useRef(null),S=C(e.useState(-1),2),w=S[0],D=S[1],F=C(e.useState(!1),2),L=F[0],j=F[1],N=C(e.useState(""),2),M=N[0],K=N[1],A=C(e.useState(""),2),B=A[0],_=A[1],H=e.useRef(null),J=e.useRef(null),U=e.useRef(null),X=e.useRef(null),q=e.useRef(!1),z=(b.onFilterValueChange?b.filterValue:M)||"",$=z&&z.trim().length>0,W={props:b,state:{filterValue:z}},Y=T.setMetaData(W);i(T.css.styles,Y.isUnstyled,{name:"listbox"});var Q=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;b.disabled||_e(t)||(b.multiple?re(e.originalEvent,t):ne(e.originalEvent,t),q.current=!1,-1!==n&&x(n))},Z=function(e,t){he(e,t)},ee=function(e,t){b.focusOnHover&&L&&he(e,t)},te=function(){b.disabled||(q.current=!0)},ne=function(e,t){var n=Ae(t),r=!1,o=null;!q.current&&b.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(o=null,r=!0):(o=Ve(t),r=!0):(o=n?null:Ve(t),r=!0);r&&Ce(e,o)},re=function(e,t){var n=Ae(t),r=!1,o=null;if(!q&&b.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(o=i?Te(t):[Ve(t)],r=!0):(o=[].concat(P(o=i&&b.value||[]),[Ve(t)]),r=!0)}else o=n?Te(t):[].concat(P(b.value||[]),[Ve(t)]),r=!0;r&&b.onChange({originalEvent:e,value:o,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:o}})},oe=function(){return p.isNotEmpty(b.value)},ie=function(e){return b.optionGroupLabel&&e.optionGroup&&e.group},le=function(e){return p.isNotEmpty(e)&&!(_e(e)||ie(e))},ae=function(e){return le(e)&&Ae(e)},ue=function(){return Ye.findIndex((function(e){return le(e)}))},ce=function(){if(oe()){if(!b.multiple)return Ye.findIndex((function(e){return ae(e)}));for(var e,t=function(){var e=b.value[n],t=Ye.findIndex((function(t){return ae(t)&&Ge(e,Ve(t))}));if(t>-1)return{v:t}},n=b.value.length-1;n>=0;n--)if(e=t())return e.v}return-1},se=function(){return p.findLastIndex(Ye,(function(e){return le(e)}))},pe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return oe()&&(n=t?-1===(n=ve(e))?me(e):n:-1===(n=me(e))?ve(e):n),n>-1?n:e},fe=function(e){var t;return le(e)&&(null===(t=Re(e))||void 0===t?void 0:t.toLocaleLowerCase(b.filterLocale).startsWith(B.toLocaleLowerCase(b.filterLocale)))},de=function(e,t){_((B||"")+t);var n=-1;p.isNotEmpty(B)&&(-1===(n=-1!==g?-1===(n=Ye.slice(g).findIndex((function(e){return fe(e)})))?Ye.slice(0,g).findIndex((function(e){return fe(e)})):n+g:Ye.findIndex((function(e){return fe(e)})))&&-1===g&&(n=ye()),-1!==n&&he(e,n)),O.current&&clearTimeout(O.current),O.current=setTimeout((function(){_(""),O.current=null}),500)},me=function(e){var t=oe()&&e<Ye.length-1?Ye.slice(e+1).findIndex((function(e){return ae(e)})):-1;return t>-1?t+e+1:-1},ve=function(e){var t=oe()&&e>0?p.findLastIndex(Ye.slice(0,e),(function(e){return ae(e)})):-1;return t>-1?t:-1},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=pe(n,!0)),-1===n&&(n=pe(t)),-1!==t&&-1!==n){var r=Math.min(t,n),o=Math.max(t,n),i=Ye.slice(r,o+1).filter((function(e){return le(e)})).map((function(e){return Ve(e)}));Ce(e,i)}},ye=function(){var e=oe()?Ye.findIndex((function(e){return ae(e)})):-1;return e<0?ue():e},he=function(e,t){g!==t&&(x(t),Pe(),e&&b.selectOnFocus&&!b.multiple&&Q(e,Ye[t]))},ge=function(e){var t,n,r=-1!==g?(n=(t=g)<Ye.length-1?Ye.slice(t+1).findIndex((function(e){return le(e)})):-1)>-1?n+t+1:t:ye();b.multiple&&e.shiftKey&&be(e,w,r),he(e,r),e.preventDefault()},xe=function(e){var t,n,r,o=-1!==g?(r=(n=g)>0?p.findLastIndex(Ye.slice(0,n),(function(e){return le(e)})):-1)>-1?r:n:(t=oe()?p.findLastIndex(Ye,(function(e){return ae(e)})):-1)<0?se():t;b.multiple&&e.shiftKey&&be(e,o,w),he(e,o),e.preventDefault()},Oe=function(e){-1!==g&&(b.multiple&&e.shiftKey?be(e,g):Q(e,Ye[g])),e.preventDefault()},Ie=function(e){Oe(e)},Ee=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),x(-1);else{var t=e.metaKey||e.ctrlKey,n=ue();b.multiple&&e.shiftKey&&t&&be(e,n,w),he(e,n)}e.preventDefault()},Se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),x(-1)}else{var r=e.metaKey||e.ctrlKey,o=se();b.multiple&&e.shiftKey&&r&&be(e,w,o),he(e,o)}e.preventDefault()},we=function(e){Pe(0),e.preventDefault()},De=function(e){Pe(Ye.length-1),e.preventDefault()},Fe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ge(e);break;case"ArrowUp":xe(e);break;case"Home":Ee(e);break;case"End":Se(e);break;case"PageDown":De(e);break;case"PageUp":we(e);break;case"Enter":case"NumpadEnter":case"Space":Ie(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":D(g);break;default:if(b.multiple&&"KeyA"===e.code&&t){var n=Ye.filter((function(e){return le(e)})).map((function(e){return Ve(e)}));Ce(e,n),e.preventDefault();break}!t&&p.isPrintableCharacter(e.key)&&(de(e,e.key),e.preventDefault())}},Pe=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){if(X.current){var t=-1!==e?"".concat(U.current,"_").concat(e):-1!==g?"".concat(U.current,"_").concat(g):null,n=X.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):b.virtualScrollerOptions&&J.current&&J.current.scrollToIndex(-1!==e?e:g)}}),0)},Le=function(e){J.current&&J.current.scrollToIndex(0);var t=e.value;b.onFilterValueChange?b.onFilterValueChange({originalEvent:e.originalEvent,value:t}):K(t)},je=function(){K(""),b.onFilter&&b.onFilter({filter:""})},Ne=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:L;if(b.selectOnFocus&&b.autoOptionFocus&&!oe()&&!b.multiple&&e){var t=ye();Q(null,Ye[t]),x(t)}},Ce=function(e,t){b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:t}})},Te=function(e){return b.value.filter((function(t){return!p.equals(t,Ve(e),b.dataKey)}))},Me=function(){if(null!=b.value&&Ye){if(!b.optionGroupLabel)return ke(b.value,Ye);for(var e=0;e<Ye.length;e++){var t=ke(b.value,Xe(Ye[e]));if(-1!==t)return{group:e,option:t}}}return-1},Ke=function(){return b.optionValue?null:b.dataKey},ke=function(e,t){var n=Ke();return t.findIndex((function(t){return p.equals(e,Ve(t),n)}))},Ge=function(e,t){return p.equals(e,t,Ke())},Ae=function(e){var t=Ve(e);return b.multiple?(b.value||[]).some((function(e){return Ge(e,t)})):Ge(b.value,t)},Re=function(e){return b.optionLabel?p.resolveFieldData(e,b.optionLabel):e&&void 0!==e.label?e.label:e},Ve=function(e){return b.optionValue?p.resolveFieldData(e,b.optionValue):e&&void 0!==e.value?e.value:e},Be=function(e){return b.dataKey?p.resolveFieldData(e,b.dataKey):Re(e)},_e=function(e){return b.optionDisabled?p.isFunction(b.optionDisabled)?b.optionDisabled(e):p.resolveFieldData(e,b.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},He=function(){j(!0),x(-1!==g?g:b.autoOptionFocus?ye():ce()),Ne(!0)},Je=function(){j(!1),x(-1),D(-1),_("")},Ue=function(e){return p.resolveFieldData(e,b.optionGroupLabel)},Xe=function(e){return p.resolveFieldData(e,b.optionGroupChildren)},qe=function(e){return(e||[]).reduce((function(e,t,n){e.push({optionGroup:t,group:!0,index:n,code:t.code,label:t.label});var r=Xe(t);return r&&r.forEach((function(t){return e.push(t)})),e}),[])},ze=function(){if(J.current){var e=Me();-1!==e&&setTimeout((function(){return J.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(c,(function(){return{props:b,focus:function(){return f.focusFirstElement(H.current)},getElement:function(){return H.current},getVirtualScroller:function(){return J.current}}})),a((function(){ze(),U.current=d()}));var $e=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(t.group&&t.optionGroup&&b.optionGroupLabel){var i=b.optionGroupTemplate?p.getJSXElement(b.optionGroupTemplate,t,n):p.resolveFieldData(t,b.optionGroupLabel),l=n+"_"+Ue(t),a=s({className:Y.cx("itemGroup"),style:Y.sx("itemGroup",{scrollerOptions:r}),role:"group"},Y.ptm("itemGroup"));return e.createElement("li",h({key:l},a),i)}var u=Re(t),c=n+"_"+Be(t),f=_e(t);return e.createElement(G,{id:U.current+"_"+n,hostName:"ListBox",optionKey:c,key:c,label:u,index:n,onOptionMouseDown:Z,onOptionMouseMove:ee,focusedOptionIndex:g,option:t,style:o,template:b.itemTemplate,selected:Ae(t),onClick:Q,onTouchEnd:te,disabled:f,ptCallbacks:Y,metaData:W})},We=function(t,n){var o=s({className:Y.cx("emptyMessage")},Y.ptm("emptyMessage")),i=p.getJSXElement(t,b)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",o,i)},Ye=function(){var e=b.optionGroupLabel?qe(b.options):b.options;if($){var t=z.trim().toLocaleLowerCase(b.filterLocale),r=b.filterBy?b.filterBy.split(","):[b.optionLabel||"label"];if(b.optionGroupLabel){var o,i=[],l=V(b.options);try{for(l.s();!(o=l.n()).done;){var a=o.value,u=n.filter(Xe(a),r,t,b.filterMatchMode,b.filterLocale);u&&u.length&&i.push(R(R({},a),{items:u}))}}catch(e){l.e(e)}finally{l.f()}return qe(i)}return n.filter(e,r,t,b.filterMatchMode,b.filterLocale)}return e}(),Qe=p.isNotEmpty(b.tooltip),Ze=T.getOtherProps(b),et=p.reduceKeys(Ze,f.ARIA_PROPS),tt=function(){if(b.virtualScrollerOptions){var t=R(R({},b.virtualScrollerOptions),{items:Ye,onLazyLoad:function(e){return b.virtualScrollerOptions.onLazyLoad(R(R({},e),{filter:Ye}))},itemTemplate:function(e,t){return e&&$e(e,t.index,t)},contentTemplate:function(t){var n=s(R({ref:X,style:Y.sx("list",{options:t}),className:Y.cx("list",{options:t}),role:"listbox",tabIndex:"-1","aria-multiselectable":b.multiple,onFocus:He,onBlur:Je,onKeyDown:Fe},et),Y.ptm("list"));return e.createElement("ul",n,t.children)}});return e.createElement(m,h({ref:J},t,{pt:Y.ptm("virtualScroller")}))}var n=p.isNotEmpty(Ye)?Ye.map($e):$?We(b.emptyFilterMessage,!0):We(b.emptyMessage),r=s(R({ref:X,className:Y.cx("list"),role:"listbox","aria-multiselectable":b.multiple,tabIndex:"-1",onFocus:He,onBlur:Je,onKeyDown:Fe},et),Y.ptm("list"));return e.createElement("ul",r,n)}(),nt=b.filter?e.createElement(k,{hostName:"ListBox",filter:z,filterIcon:b.filterIcon,onFilter:Le,resetFilter:je,filterTemplate:b.filterTemplate,disabled:b.disabled,filterPlaceholder:b.filterPlaceholder,filterInputProps:b.filterInputProps,ptCallbacks:Y,metaData:W}):null,rt=s({className:Y.cx("wrapper"),style:b.listStyle},Y.ptm("wrapper")),ot=s({ref:H,id:b.id,className:Y.cx("root"),style:b.style},T.getOtherProps(b),Y.ptm("root")),it=s({ref:I,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:b.disabled?-1:b.tabIndex,onFocus:function(){f.focus(X.current);var e=f.getFirstFocusableElement(H.current,':not([data-p-hidden-focusable="true"])');E.current.tabIndex=f.isElement(e)?void 0:-1,I.current.tabIndex=-1,he(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y.ptm("hiddenFirstFocusableEl")),lt=s({ref:E,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:b.disabled?-1:b.tabIndex,onFocus:function(e){if(e.relatedTarget===X.current){var t=f.getFirstFocusableElement(H.current,':not([data-p-hidden-focusable="true"])');f.focus(t),I.current.tabIndex=void 0}else f.focus(I.current);E.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y.ptm("hiddenLastFocusableEl"));return e.createElement(e.Fragment,null,e.createElement("div",ot,e.createElement("span",it),nt,e.createElement("div",rt,tt),e.createElement("span",lt)),Qe&&e.createElement(u,h({target:H,content:b.tooltip,pt:Y.ptm("tooltip")},b.tooltipOptions)))})));H.displayName="ListBox";export{H as ListBox};