primereact 10.3.1 → 10.3.2

package/knob/knob.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useEventListener as n}from"primereact/hooks";import{classNames as r,mergeProps as a}from"primereact/utils";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";function l(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}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 u(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 m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){return l(e)||c(e,t)||u(e,t)||m()}var d=o.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return r("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),p=40,h=4*Math.PI/3,v=-Math.PI/3,y=e.memo(e.forwardRef((function(r,o){var l=e.useContext(t),c=d.getProps(r,l),s=d.setMetaData({props:c}),u=s.ptm,m=s.cx;i(d.css.styles,s.isUnstyled,{name:"knob"});var y=e.useRef(null),b=!c.disabled&&!c.readOnly,g=f(n({target:"window",type:"mousemove",listener:function(e){W(e.offsetX,e.offsetY),e.preventDefault()},when:b}),2),w=g[0],M=g[1],k=f(n({target:"window",type:"mouseup",listener:function(e){M(),C(),e.preventDefault()},when:b}),2),x=k[0],C=k[1],E=f(n({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=y.current.getBoundingClientRect(),n=e.targetTouches.item(0);W(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:b}),2),I=E[0],A=E[1],P=f(n({target:"window",type:"touchend",listener:function(){A(),O()},when:b}),2),N=P[0],O=P[1],S=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},T=function(){return S(c.min>0&&c.max>0?c.min:0,c.min,c.max,h,v)},z=function(){return S(c.value,c.min,c.max,h,v)},D="M ".concat(50+Math.cos(h)*p," ").concat(50-Math.sin(h)*p," A ").concat(p," ").concat(p," 0 1 1 ").concat(50+Math.cos(v)*p," ").concat(50-Math.sin(v)*p),j="M ".concat(50+Math.cos(T())*p," ").concat(50-Math.sin(T())*p," A ").concat(p," ").concat(p," 0 ").concat(Math.abs(T()-z())<Math.PI?0:1," ").concat(z()>T()?0:1," ").concat(50+Math.cos(z())*p," ").concat(50-Math.sin(z())*p),W=function(e,t){var n=Math.atan2(c.size/2-t,e-c.size/2),r=-Math.PI/2-Math.PI/6;B(n,r)},B=function(e,t){var n;if(e>v)n=S(e,h,v,c.min,c.max);else{if(!(e<t))return;n=S(e+2*Math.PI,h,v,c.min,c.max)}c.onChange&&c.onChange({value:Math.round((n-c.min)/c.step)*c.step+c.min})};e.useImperativeHandle(o,(function(){return{props:c,getElement:function(){return y.current}}}));var Y=a({x:50,y:57,textAnchor:"middle",fill:c.textColor,className:m("label"),name:c.name},u("label")),R=c.showValue&&e.createElement("text",Y,c.valueTemplate.replace("{value}",c.value.toString())),U=a({ref:y,id:c.id,className:m("root"),style:c.style},u("root")),X=a({viewBox:"0 0 100 100",width:c.size,height:c.size,onClick:function(e){return t=e,void(c.disabled||c.readOnly||W(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,w(),x(),void t.preventDefault();var t},onMouseUp:function(e){return M(),void C()},onTouchStart:function(e){return I(),void N()},onTouchEnd:function(e){return A(),void O()}},u("svg")),K=a({d:D,strokeWidth:c.strokeWidth,stroke:c.rangeColor,className:m("range")},u("range")),V=a({d:j,strokeWidth:c.strokeWidth,stroke:c.valueColor,className:m("value")},u("value"));return e.createElement("div",U,e.createElement("svg",X,e.createElement("path",K),e.createElement("path",V),R))})));y.displayName="Knob";export{y as Knob};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as a,useEventListener as o}from"primereact/hooks";import{classNames as i}from"primereact/utils";function l(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}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 u(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 m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){return l(e)||c(e,t)||u(e,t)||m()}var d=n.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return i("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),p=40,h=4*Math.PI/3,v=-Math.PI/3,y=e.memo(e.forwardRef((function(n,i){var l=a(),c=e.useContext(t),s=d.getProps(n,c),u=d.setMetaData({props:s}),m=u.ptm,y=u.cx;r(d.css.styles,u.isUnstyled,{name:"knob"});var b=e.useRef(null),g=!s.disabled&&!s.readOnly,w=f(o({target:"window",type:"mousemove",listener:function(e){B(e.offsetX,e.offsetY),e.preventDefault()},when:g}),2),M=w[0],k=w[1],x=f(o({target:"window",type:"mouseup",listener:function(e){k(),E(),e.preventDefault()},when:g}),2),C=x[0],E=x[1],I=f(o({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=b.current.getBoundingClientRect(),n=e.targetTouches.item(0);B(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:g}),2),A=I[0],P=I[1],N=f(o({target:"window",type:"touchend",listener:function(){P(),S()},when:g}),2),O=N[0],S=N[1],T=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},z=function(){return T(s.min>0&&s.max>0?s.min:0,s.min,s.max,h,v)},D=function(){return T(s.value,s.min,s.max,h,v)},j="M ".concat(50+Math.cos(h)*p," ").concat(50-Math.sin(h)*p," A ").concat(p," ").concat(p," 0 1 1 ").concat(50+Math.cos(v)*p," ").concat(50-Math.sin(v)*p),W="M ".concat(50+Math.cos(z())*p," ").concat(50-Math.sin(z())*p," A ").concat(p," ").concat(p," 0 ").concat(Math.abs(z()-D())<Math.PI?0:1," ").concat(D()>z()?0:1," ").concat(50+Math.cos(D())*p," ").concat(50-Math.sin(D())*p),B=function(e,t){var n=Math.atan2(s.size/2-t,e-s.size/2),r=-Math.PI/2-Math.PI/6;Y(n,r)},Y=function(e,t){var n;if(e>v)n=T(e,h,v,s.min,s.max);else{if(!(e<t))return;n=T(e+2*Math.PI,h,v,s.min,s.max)}s.onChange&&s.onChange({value:Math.round((n-s.min)/s.step)*s.step+s.min})};e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return b.current}}}));var R=l({x:50,y:57,textAnchor:"middle",fill:s.textColor,className:y("label"),name:s.name},m("label")),U=s.showValue&&e.createElement("text",R,s.valueTemplate.replace("{value}",s.value.toString())),X=l({ref:b,id:s.id,className:y("root"),style:s.style},m("root")),K=l({viewBox:"0 0 100 100",width:s.size,height:s.size,onClick:function(e){return t=e,void(s.disabled||s.readOnly||B(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,M(),C(),void t.preventDefault();var t},onMouseUp:function(e){return k(),void E()},onTouchStart:function(e){return A(),void O()},onTouchEnd:function(e){return P(),void S()}},m("svg")),V=l({d:j,strokeWidth:s.strokeWidth,stroke:s.rangeColor,className:y("range")},m("range")),_=l({d:W,strokeWidth:s.strokeWidth,stroke:s.valueColor,className:y("value")},m("value"));return e.createElement("div",X,e.createElement("svg",K,e.createElement("path",V),e.createElement("path",_),U))})));y.displayName="Knob";export{y as Knob};

package/knob/knob.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.knob = (function (exports, React, api, hooks, utils, componentbase) {
+this.primereact.knob = (function (exports, React, api, componentbase, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -122,6 +122,7 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
   var minRadians = 4 * Math.PI / 3;
   var maxRadians = -Math.PI / 3;
   var Knob = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = KnobBase.getProps(inProps, context);
     var _KnobBase$setMetaData = KnobBase.setMetaData({
@@ -280,7 +281,7 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
         }
       };
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       x: 50,
       y: 57,
       textAnchor: 'middle',
@@ -289,13 +290,13 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
       name: props.name
     }, ptm('label'));
     var text = props.showValue && /*#__PURE__*/React__namespace.createElement("text", labelProps, valueToDisplay());
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: cx('root'),
       style: props.style
     }, ptm('root'));
-    var svgProps = utils.mergeProps({
+    var svgProps = mergeProps({
       viewBox: '0 0 100 100',
       width: props.size,
       height: props.size,
@@ -315,13 +316,13 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
         return _onTouchEnd();
       }
     }, ptm('svg'));
-    var rangeProps = utils.mergeProps({
+    var rangeProps = mergeProps({
       d: rangePath,
       strokeWidth: props.strokeWidth,
       stroke: props.rangeColor,
       className: cx('range')
     }, ptm('range'));
-    var valueProps = utils.mergeProps({
+    var valueProps = mergeProps({
       d: valuePath,
       strokeWidth: props.strokeWidth,
       stroke: props.valueColor,
@@ -337,4 +338,4 @@ this.primereact.knob = (function (exports, React, api, hooks, utils, componentba
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/knob/knob.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.knob=function(e,t,n,r,a,o){"use strict";function i(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 l=i(t);function s(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function u(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 f(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||c(e,t)||f(e,t)||m()}var p=o.ComponentBase.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return a.classNames("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),v=40,h=4*Math.PI/3,y=-Math.PI/3,b=l.memo(l.forwardRef((function(e,t){var i=l.useContext(n.PrimeReactContext),s=p.getProps(e,i),c=p.setMetaData({props:s}),u=c.ptm,f=c.cx;o.useHandleStyle(p.css.styles,c.isUnstyled,{name:"knob"});var m=l.useRef(null),b=!s.disabled&&!s.readOnly,g=d(r.useEventListener({target:"window",type:"mousemove",listener:function(e){_(e.offsetX,e.offsetY),e.preventDefault()},when:b}),2),M=g[0],k=g[1],w=d(r.useEventListener({target:"window",type:"mouseup",listener:function(e){k(),P(),e.preventDefault()},when:b}),2),x=w[0],P=w[1],E=d(r.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=m.current.getBoundingClientRect(),n=e.targetTouches.item(0);_(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:b}),2),C=E[0],O=E[1],j=d(r.useEventListener({target:"window",type:"touchend",listener:function(){O(),A()},when:b}),2),I=j[0],A=j[1],N=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},S=function(){return N(s.min>0&&s.max>0?s.min:0,s.min,s.max,h,y)},z=function(){return N(s.value,s.min,s.max,h,y)},D="M ".concat(50+Math.cos(h)*v," ").concat(50-Math.sin(h)*v," A ").concat(v," ").concat(v," 0 1 1 ").concat(50+Math.cos(y)*v," ").concat(50-Math.sin(y)*v),T="M ".concat(50+Math.cos(S())*v," ").concat(50-Math.sin(S())*v," A ").concat(v," ").concat(v," 0 ").concat(Math.abs(S()-z())<Math.PI?0:1," ").concat(z()>S()?0:1," ").concat(50+Math.cos(z())*v," ").concat(50-Math.sin(z())*v),_=function(e,t){var n=Math.atan2(s.size/2-t,e-s.size/2),r=-Math.PI/2-Math.PI/6;B(n,r)},B=function(e,t){var n;if(e>y)n=N(e,h,y,s.min,s.max);else{if(!(e<t))return;n=N(e+2*Math.PI,h,y,s.min,s.max)}s.onChange&&s.onChange({value:Math.round((n-s.min)/s.step)*s.step+s.min})};l.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return m.current}}}));var L=a.mergeProps({x:50,y:57,textAnchor:"middle",fill:s.textColor,className:f("label"),name:s.name},u("label")),R=s.showValue&&l.createElement("text",L,s.valueTemplate.replace("{value}",s.value.toString())),W=a.mergeProps({ref:m,id:s.id,className:f("root"),style:s.style},u("root")),Y=a.mergeProps({viewBox:"0 0 100 100",width:s.size,height:s.size,onClick:function(e){return t=e,void(s.disabled||s.readOnly||_(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,M(),x(),void t.preventDefault();var t},onMouseUp:function(e){return k(),void P()},onTouchStart:function(e){return C(),void I()},onTouchEnd:function(e){return O(),void A()}},u("svg")),K=a.mergeProps({d:D,strokeWidth:s.strokeWidth,stroke:s.rangeColor,className:f("range")},u("range")),U=a.mergeProps({d:T,strokeWidth:s.strokeWidth,stroke:s.valueColor,className:f("value")},u("value"));return l.createElement("div",W,l.createElement("svg",Y,l.createElement("path",K),l.createElement("path",U),R))})));return b.displayName="Knob",e.Knob=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.knob=function(e,t,n,r,a,o){"use strict";function i(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 l=i(t);function s(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function u(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 f(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||c(e,t)||f(e,t)||m()}var p=r.ComponentBase.extend({defaultProps:{__TYPE:"Knob",id:null,style:null,className:null,value:null,size:100,disabled:!1,readOnly:!1,showValue:!0,step:1,min:0,max:100,strokeWidth:14,name:null,valueColor:"var(--primary-color, Black)",rangeColor:"var(--surface-border, LightGray)",textColor:"var(--text-color-secondary, Black)",valueTemplate:"{value}",onChange:null,children:void 0},css:{classes:{range:"p-knob-range",value:"p-knob-value",label:"p-knob-text",root:function(e){var t=e.props;return o.classNames("p-knob p-component",{"p-disabled":t.disabled},t.className)}},styles:"\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "}}),v=40,h=4*Math.PI/3,y=-Math.PI/3,b=l.memo(l.forwardRef((function(e,t){var o=a.useMergeProps(),i=l.useContext(n.PrimeReactContext),s=p.getProps(e,i),c=p.setMetaData({props:s}),u=c.ptm,f=c.cx;r.useHandleStyle(p.css.styles,c.isUnstyled,{name:"knob"});var m=l.useRef(null),b=!s.disabled&&!s.readOnly,g=d(a.useEventListener({target:"window",type:"mousemove",listener:function(e){_(e.offsetX,e.offsetY),e.preventDefault()},when:b}),2),M=g[0],k=g[1],w=d(a.useEventListener({target:"window",type:"mouseup",listener:function(e){k(),E(),e.preventDefault()},when:b}),2),x=w[0],E=w[1],C=d(a.useEventListener({target:"window",type:"touchmove",listener:function(e){if(1===e.touches.length){var t=m.current.getBoundingClientRect(),n=e.targetTouches.item(0);_(n.clientX-t.left,n.clientY-t.top),e.preventDefault()}},when:b}),2),O=C[0],P=C[1],j=d(a.useEventListener({target:"window",type:"touchend",listener:function(){P(),A()},when:b}),2),I=j[0],A=j[1],N=function(e,t,n,r,a){return(e-t)*(a-r)/(n-t)+r},S=function(){return N(s.min>0&&s.max>0?s.min:0,s.min,s.max,h,y)},z=function(){return N(s.value,s.min,s.max,h,y)},D="M ".concat(50+Math.cos(h)*v," ").concat(50-Math.sin(h)*v," A ").concat(v," ").concat(v," 0 1 1 ").concat(50+Math.cos(y)*v," ").concat(50-Math.sin(y)*v),T="M ".concat(50+Math.cos(S())*v," ").concat(50-Math.sin(S())*v," A ").concat(v," ").concat(v," 0 ").concat(Math.abs(S()-z())<Math.PI?0:1," ").concat(z()>S()?0:1," ").concat(50+Math.cos(z())*v," ").concat(50-Math.sin(z())*v),_=function(e,t){var n=Math.atan2(s.size/2-t,e-s.size/2),r=-Math.PI/2-Math.PI/6;B(n,r)},B=function(e,t){var n;if(e>y)n=N(e,h,y,s.min,s.max);else{if(!(e<t))return;n=N(e+2*Math.PI,h,y,s.min,s.max)}s.onChange&&s.onChange({value:Math.round((n-s.min)/s.step)*s.step+s.min})};l.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return m.current}}}));var L=o({x:50,y:57,textAnchor:"middle",fill:s.textColor,className:f("label"),name:s.name},u("label")),R=s.showValue&&l.createElement("text",L,s.valueTemplate.replace("{value}",s.value.toString())),W=o({ref:m,id:s.id,className:f("root"),style:s.style},u("root")),Y=o({viewBox:"0 0 100 100",width:s.size,height:s.size,onClick:function(e){return t=e,void(s.disabled||s.readOnly||_(t.nativeEvent.offsetX,t.nativeEvent.offsetY));var t},onMouseDown:function(e){return t=e,M(),x(),void t.preventDefault();var t},onMouseUp:function(e){return k(),void E()},onTouchStart:function(e){return O(),void I()},onTouchEnd:function(e){return P(),void A()}},u("svg")),K=o({d:D,strokeWidth:s.strokeWidth,stroke:s.rangeColor,className:f("range")},u("range")),U=o({d:T,strokeWidth:s.strokeWidth,stroke:s.valueColor,className:f("value")},u("value"));return l.createElement("div",W,l.createElement("svg",Y,l.createElement("path",K),l.createElement("path",U),R))})));return b.displayName="Knob",e.Knob=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/listbox/listbox.cjs.js

@@ -255,6 +255,7 @@ var ListBoxBase = componentbase.ComponentBase.extend({
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = hooks.useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -280,17 +281,17 @@ var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var createHeader = function createHeader() {
-    var filterIconProps = utils.mergeProps({
+    var filterIconProps = mergeProps({
       className: cx('filterIcon')
     }, getPTOptions('filterIcon'));
     var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
     var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, filterIconProps), {
       props: props
     });
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header')
     }, getPTOptions('header'));
-    var filterContainerProps = utils.mergeProps({
+    var filterContainerProps = mergeProps({
       className: cx('filterContainer')
     }, getPTOptions('filterContainer'));
     var content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
@@ -330,6 +331,7 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = hooks.useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -392,14 +394,14 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
-    return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || utils.DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+    return nextItem ? utils.DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
   };
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
-    return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || utils.DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+    return prevItem ? utils.DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
   };
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
-  var itemProps = utils.mergeProps({
+  var itemProps = mergeProps({
     className: cx('item', {
       props: props
     }),
@@ -414,7 +416,8 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     key: props.label,
     role: 'option',
     'aria-selected': props.selected,
-    'aria-disabled': props.disabled
+    'aria-disabled': props.disabled,
+    'data-p-disabled': props.disabled
   }, getPTOptions('item'));
   return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
@@ -426,6 +429,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ListBoxBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -729,7 +733,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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 = utils.mergeProps({
+      var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
         style: ptCallbacks.sx('itemGroup', {
           scrollerOptions: scrollerOptions
@@ -770,7 +774,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     return createEmptyMessage(props.emptyMessage);
   };
   var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-    var emptyMessageProps = utils.mergeProps({
+    var emptyMessageProps = mergeProps({
       className: ptCallbacks.cx('emptyMessage')
     }, ptCallbacks.ptm('emptyMessage'));
     var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || api.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
@@ -789,7 +793,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
           return item && createItem(item, options.index, options);
         },
         contentTemplate: function contentTemplate(options) {
-          var listProps = utils.mergeProps(_objectSpread({
+          var listProps = mergeProps(_objectSpread({
             ref: options.contentRef,
             style: ptCallbacks.sx('list', {
               options: options
@@ -810,7 +814,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       }));
     } else {
       var items = createItems();
-      var listProps = utils.mergeProps(_objectSpread({
+      var listProps = mergeProps(_objectSpread({
         className: ptCallbacks.cx('list'),
         role: 'listbox',
         'aria-multiselectable': props.multiple
@@ -824,11 +828,11 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var list = createList();
   var header = createHeader();
-  var wrapperProps = utils.mergeProps({
+  var wrapperProps = mergeProps({
     className: ptCallbacks.cx('wrapper'),
     style: props.listStyle
   }, ptCallbacks.ptm('wrapper'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: ptCallbacks.cx('root'),

package/listbox/listbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),s=require("primereact/ripple");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?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 g(e)||h(e)||O(e)||x()}function S(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return S(e)||E(e,t)||O(e,t)||P()}var D=r.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,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!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:function(e){return e.props.virtualScrollerOptions?o.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"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    }\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 I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,C({hostName:e.hostName},n))},i={filter:function(e){return s(e)},reset:function(){return e.resetFilter()}},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},c=function(){var t=o.mergeProps({className:n("filterIcon")},l("filterIcon")),c=o.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,t),C({},t),{props:e}),m=o.mergeProps({className:n("header")},l("header")),b=o.mergeProps({className:n("filterContainer")},l("filterContainer")),d=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:s,className:n("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:r("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),c);e.filterTemplate&&(d=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:d,filterOptions:i,filterInputChange:s,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",m,d)}();return p.createElement(p.Fragment,null,c)}));N.displayName="ListBoxHeader";var F=p.memo((function(e){var t=w(p.useState(!1),2),r=t[0],n=t[1],l=e.ptCallbacks,i=l.ptm,a=l.cx,u=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},c=function e(t){var r=t.nextElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},f=function e(t){var r=t.previousElementSibling;return r?o.DomHandler.hasClass(r,"p-disabled")||o.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},m=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,b=o.mergeProps({className:a("item",{props:e}),style:e.style,onClick:u,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=c(t);r&&r.focus(),e.preventDefault();break;case 38:var n=f(t);n&&n.focus(),e.preventDefault();break;case 13:u(e),e.preventDefault()}},onFocus:function(e){n(!0)},onBlur:function(e){n(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},i("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:r}}));return p.createElement("li",b,m,p.createElement(s.Ripple,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function U(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=M(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function M(e,t){if(e){if("string"==typeof e)return k(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}F.displayName="ListBoxItem";var A=p.memo(p.forwardRef((function(e,a){var u=p.useContext(t.PrimeReactContext),s=D.getProps(e,u),c=w(p.useState(""),2),m=c[0],b=c[1],d=p.useRef(null),v=p.useRef(null),y=p.useRef(!1),g=(s.onFilterValueChange?s.filterValue:m)||"",h=g&&g.trim().length>0,O={props:s,state:{filterValue:g}},x=D.setMetaData(O);r.useHandleStyle(D.css.styles,x.isUnstyled,{name:"listbox"});var S=function(e){var t=e.option;s.disabled||H(t)||(s.multiple?I(e.originalEvent,t):P(e.originalEvent,t),y.current=!1)},E=function(){s.disabled||(y.current=!0)},P=function(e,t){var r=K(t),n=!1,l=null;!y.current&&s.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=V(t),n=!0):(l=r?null:V(t),n=!0);n&&M(e,l)},I=function(e,t){var r=K(t),n=!1,l=null;if(!y&&s.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[V(t)],n=!0):(l=[].concat(j(l=o&&s.value||[]),[V(t)]),n=!0)}else l=r?k(t):[].concat(j(s.value||[]),[V(t)]),n=!0;n&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},C=function(e){v.current&&v.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},T=function(){b(""),s.onFilter&&s.onFilter({filter:""})},M=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},k=function(e){return s.value.filter((function(t){return!o.ObjectUtils.equals(t,V(e),s.dataKey)}))},A=function(){if(null!=s.value&&Q){if(!s.optionGroupLabel)return q(s.value,Q);for(var e=0;e<Q.length;e++){var t=q(s.value,z(Q[e]));if(-1!==t)return{group:e,option:t}}}return-1},G=function(){return s.optionValue?null:s.dataKey},q=function(e,t){var r=G();return t.findIndex((function(t){return o.ObjectUtils.equals(e,V(t),r)}))},K=function(e){var t=V(e),r=G();return s.multiple&&s.value?s.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(s.value,t,r)},B=function(e){return s.optionLabel?o.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},V=function(e){return s.optionValue?o.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},_=function(e){return s.dataKey?o.ObjectUtils.resolveFieldData(e,s.dataKey):B(e)},H=function(e){return s.optionDisabled?o.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},R=function(e){return o.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},z=function(e){return o.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},J=function(){if(v.current){var e=A();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:s,focus:function(){return o.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current},getVirtualScroller:function(){return v.current}}})),n.useMountEffect((function(){J()}));var X=function(e,t){return z(e).map((function(e,r){var n=B(e),l=r+"_"+_(e),o=H(e),i=o?null:s.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:s.itemTemplate,selected:K(e),onClick:S,onTouchEnd:E,tabIndex:i,disabled:o,ptCallbacks:x,metaData:O})}))},$=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?o.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),i=X(e,n),a=t+"_"+R(e),u=o.mergeProps({className:x.cx("itemGroup"),style:x.sx("itemGroup",{scrollerOptions:r}),role:"group"},x.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",u,l),i)}var c=B(e),f=t+"_"+_(e),m=H(e),b=m?null:s.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:f,label:c,option:e,style:n,template:s.itemTemplate,selected:K(e),onClick:S,onTouchEnd:E,tabIndex:b,disabled:m,ptCallbacks:x,metaData:O})},Y=function(e,r){var n=o.mergeProps({className:x.cx("emptyMessage")},x.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,s)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},Q=function(){if(h){var e=g.trim().toLocaleLowerCase(s.filterLocale),r=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var n,l=[],o=U(s.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(z(i),r,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(s.options,r,e,s.filterMatchMode,s.filterLocale)}return s.options}(),W=o.ObjectUtils.isNotEmpty(s.tooltip),Z=D.getOtherProps(s),ee=o.ObjectUtils.reduceKeys(Z,o.DomHandler.ARIA_PROPS),te=function(){if(s.virtualScrollerOptions){var e=L(L({},s.virtualScrollerOptions),{items:Q,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:Q}))},itemTemplate:function(e,t){return e&&$(e,t.index,t)},contentTemplate:function(e){var t=o.mergeProps(L({ref:e.contentRef,style:x.sx("list",{options:e}),className:x.cx("list",{options:e}),role:"listbox","aria-multiselectable":s.multiple},ee),x.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:v},e,{pt:x.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(Q)?Q.map($):h?Y(s.emptyFilterMessage,!0):Y(s.emptyMessage),r=o.mergeProps(L({className:x.cx("list"),role:"listbox","aria-multiselectable":s.multiple},ee),x.ptm("list"));return p.createElement("ul",r,t)}(),re=s.filter?p.createElement(N,{hostName:"ListBox",filter:g,filterIcon:s.filterIcon,onFilter:C,resetFilter:T,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:x,metaData:O}):null,ne=o.mergeProps({className:x.cx("wrapper"),style:s.listStyle},x.ptm("wrapper")),le=o.mergeProps({ref:d,id:s.id,className:x.cx("root"),style:s.style},D.getOtherProps(s),x.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",le,re,p.createElement("div",ne,te)),W&&p.createElement(l.Tooltip,f({target:d,content:s.tooltip},s.tooltipOptions,{pt:x.ptm("tooltip")})))})));A.displayName="ListBox",exports.ListBox=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),s=require("primereact/ripple");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function d(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=d(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return g(e)||h(e)||O(e)||j()}function E(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return E(e)||S(e,t)||O(e,t)||P()}var D=r.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,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!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:function(e){return e.props.virtualScrollerOptions?o.classNames("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return o.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return o.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return o.classNames("p-listbox-item",{"p-highlight":t.selected,"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    }\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 I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?I(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo((function(e){var t=n.useMergeProps(),r=e.ptCallbacks,l=r.ptm,i=r.cx,s=function(t,r){return l(t,N({hostName:e.hostName},r))},c={filter:function(e){return m(e)},reset:function(){return e.resetFilter()}},m=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},d=function(){var r=t({className:i("filterIcon")},s("filterIcon")),n=o.IconUtils.getJSXIcon(e.filterIcon||p.createElement(a.SearchIcon,r),N({},r),{props:e}),d=t({className:i("header")},s("header")),b=t({className:i("filterContainer")},s("filterContainer")),v=p.createElement("div",b,p.createElement(u.InputText,f({type:"text",value:e.filter,onChange:m,className:i("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:l("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),n);e.filterTemplate&&(v=o.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:c,filterInputChange:m,filterIconClassName:"p-dropdown-filter-icon",props:e}));return p.createElement("div",d,v)}();return p.createElement(p.Fragment,null,d)}));C.displayName="ListBoxHeader";var F=p.memo((function(e){var t=w(p.useState(!1),2),r=t[0],l=t[1],i=n.useMergeProps(),a=e.ptCallbacks,u=a.ptm,c=a.cx,f=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},m=function e(t){var r=t.nextElementSibling;return r?o.DomHandler.isAttributeEquals(r,"data-p-disabled",!0)||o.DomHandler.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},d=function e(t){var r=t.previousElementSibling;return r?o.DomHandler.isAttributeEquals(r,"data-p-disabled",!0)||o.DomHandler.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},b=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,v=i({className:c("item",{props:e}),style:e.style,onClick:f,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=m(t);r&&r.focus(),e.preventDefault();break;case 38:var n=d(t);n&&n.focus(),e.preventDefault();break;case 13:f(e),e.preventDefault()}},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,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:r}}));return p.createElement("li",v,b,p.createElement(s.Ripple,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function M(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=U(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function U(e,t){if(e){if("string"==typeof e)return A(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?A(e,t):void 0}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}F.displayName="ListBoxItem";var k=p.memo(p.forwardRef((function(e,a){var u=n.useMergeProps(),s=p.useContext(t.PrimeReactContext),c=D.getProps(e,s),m=w(p.useState(""),2),d=m[0],b=m[1],v=p.useRef(null),y=p.useRef(null),g=p.useRef(!1),h=(c.onFilterValueChange?c.filterValue:d)||"",O=h&&h.trim().length>0,j={props:c,state:{filterValue:h}},E=D.setMetaData(j);r.useHandleStyle(D.css.styles,E.isUnstyled,{name:"listbox"});var S=function(e){var t=e.option;c.disabled||R(t)||(c.multiple?N(e.originalEvent,t):I(e.originalEvent,t),g.current=!1)},P=function(){c.disabled||(g.current=!0)},I=function(e,t){var r=B(t),n=!1,l=null;!g.current&&c.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=_(t),n=!0):(l=r?null:_(t),n=!0);n&&A(e,l)},N=function(e,t){var r=B(t),n=!1,l=null;if(!g&&c.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?k(t):[_(t)],n=!0):(l=[].concat(x(l=o&&c.value||[]),[_(t)]),n=!0)}else l=r?k(t):[].concat(x(c.value||[]),[_(t)]),n=!0;n&&c.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:l}})},T=function(e){y.current&&y.current.scrollToIndex(0);var t=e.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},U=function(){b(""),c.onFilter&&c.onFilter({filter:""})},A=function(e,t){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:t}})},k=function(e){return c.value.filter((function(t){return!o.ObjectUtils.equals(t,_(e),c.dataKey)}))},q=function(){if(null!=c.value&&W){if(!c.optionGroupLabel)return K(c.value,W);for(var e=0;e<W.length;e++){var t=K(c.value,J(W[e]));if(-1!==t)return{group:e,option:t}}}return-1},G=function(){return c.optionValue?null:c.dataKey},K=function(e,t){var r=G();return t.findIndex((function(t){return o.ObjectUtils.equals(e,_(t),r)}))},B=function(e){var t=_(e),r=G();return c.multiple&&c.value?c.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(c.value,t,r)},V=function(e){return c.optionLabel?o.ObjectUtils.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},_=function(e){return c.optionValue?o.ObjectUtils.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return c.dataKey?o.ObjectUtils.resolveFieldData(e,c.dataKey):V(e)},R=function(e){return c.optionDisabled?o.ObjectUtils.isFunction(c.optionDisabled)?c.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},z=function(e){return o.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},J=function(e){return o.ObjectUtils.resolveFieldData(e,c.optionGroupChildren)},X=function(){if(y.current){var e=q();-1!==e&&setTimeout((function(){return y.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:c,focus:function(){return o.DomHandler.focusFirstElement(v.current)},getElement:function(){return v.current},getVirtualScroller:function(){return y.current}}})),n.useMountEffect((function(){X()}));var $=function(e,t){return J(e).map((function(e,r){var n=V(e),l=r+"_"+H(e),o=R(e),i=o?null:c.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:c.itemTemplate,selected:B(e),onClick:S,onTouchEnd:P,tabIndex:i,disabled:o,ptCallbacks:E,metaData:j})}))},Y=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(c.optionGroupLabel){var l=c.optionGroupTemplate?o.ObjectUtils.getJSXElement(c.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,c.optionGroupLabel),i=$(e,n),a=t+"_"+z(e),s=u({className:E.cx("itemGroup"),style:E.sx("itemGroup",{scrollerOptions:r}),role:"group"},E.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",s,l),i)}var f=V(e),m=t+"_"+H(e),d=R(e),b=d?null:c.tabIndex||0;return p.createElement(F,{hostName:"ListBox",key:m,label:f,option:e,style:n,template:c.itemTemplate,selected:B(e),onClick:S,onTouchEnd:P,tabIndex:b,disabled:d,ptCallbacks:E,metaData:j})},Q=function(e,r){var n=u({className:E.cx("emptyMessage")},E.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,c)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},W=function(){if(O){var e=h.trim().toLocaleLowerCase(c.filterLocale),r=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var n,l=[],o=M(c.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(J(i),r,e,c.filterMatchMode,c.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(c.options,r,e,c.filterMatchMode,c.filterLocale)}return c.options}(),Z=o.ObjectUtils.isNotEmpty(c.tooltip),ee=D.getOtherProps(c),te=o.ObjectUtils.reduceKeys(ee,o.DomHandler.ARIA_PROPS),re=function(){if(c.virtualScrollerOptions){var e=L(L({},c.virtualScrollerOptions),{items:W,onLazyLoad:function(e){return c.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:W}))},itemTemplate:function(e,t){return e&&Y(e,t.index,t)},contentTemplate:function(e){var t=u(L({ref:e.contentRef,style:E.sx("list",{options:e}),className:E.cx("list",{options:e}),role:"listbox","aria-multiselectable":c.multiple},te),E.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:y},e,{pt:E.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(W)?W.map(Y):O?Q(c.emptyFilterMessage,!0):Q(c.emptyMessage),r=u(L({className:E.cx("list"),role:"listbox","aria-multiselectable":c.multiple},te),E.ptm("list"));return p.createElement("ul",r,t)}(),ne=c.filter?p.createElement(C,{hostName:"ListBox",filter:h,filterIcon:c.filterIcon,onFilter:T,resetFilter:U,filterTemplate:c.filterTemplate,disabled:c.disabled,filterPlaceholder:c.filterPlaceholder,filterInputProps:c.filterInputProps,ptCallbacks:E,metaData:j}):null,le=u({className:E.cx("wrapper"),style:c.listStyle},E.ptm("wrapper")),oe=u({ref:v,id:c.id,className:E.cx("root"),style:c.style},D.getOtherProps(c),E.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",oe,ne,p.createElement("div",le,re)),Z&&p.createElement(l.Tooltip,f({target:v,content:c.tooltip},c.tooltipOptions,{pt:E.ptm("tooltip")})))})));k.displayName="ListBox",exports.ListBox=k;

package/listbox/listbox.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext, FilterService, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, mergeProps, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
 import { VirtualScroller } from 'primereact/virtualscroller';
 import { SearchIcon } from 'primereact/icons/search';
 import { InputText } from 'primereact/inputtext';
@@ -231,6 +231,7 @@ var ListBoxBase = ComponentBase.extend({
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -306,6 +307,7 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -368,11 +370,11 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
   };
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
-    return nextItem ? DomHandler.hasClass(nextItem, 'p-disabled') || DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+    return nextItem ? DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
   };
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
-    return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+    return prevItem ? DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
   };
   var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var itemProps = mergeProps({
@@ -390,7 +392,8 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
     key: props.label,
     role: 'option',
     'aria-selected': props.selected,
-    'aria-disabled': props.disabled
+    'aria-disabled': props.disabled,
+    'data-p-disabled': props.disabled
   }, getPTOptions('item'));
   return /*#__PURE__*/React.createElement("li", itemProps, content, /*#__PURE__*/React.createElement(Ripple, null));
 });
@@ -402,6 +405,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ListBoxBase.getProps(inProps, context);
   var _React$useState = React.useState(''),

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,mergeProps as s,IconUtils as c,ObjectUtils as p,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.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 h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,r){return(t=x(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}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 P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return S(e)||w(e)||P(e)||j()}function C(e){if(Array.isArray(e))return e}function D(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}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 F(e,t){return C(e)||D(e,t)||P(e,t)||N()}var L=l.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,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!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:function(e){return e.props.virtualScrollerOptions?u("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return u("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return u("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return u("p-listbox-item",{"p-highlight":t.selected,"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    }\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 T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var M=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e,r){return n(e,k({hostName:t.hostName},r))},i={filter:function(e){return a(e)},reset:function(){return t.resetFilter()}},a=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},u=function(){var r=s({className:l("filterIcon")},o("filterIcon")),u=c.getJSXIcon(t.filterIcon||e.createElement(d,r),k({},r),{props:t}),f=s({className:l("header")},o("header")),m=s({className:l("filterContainer")},o("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:a,className:l("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:n("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),u);t.filterTemplate&&(v=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:i,filterInputChange:a,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,u)}));M.displayName="ListBoxHeader";var A=e.memo((function(t){var r=F(e.useState(!1),2),n=r[0],l=r[1],o=t.ptCallbacks,i=o.ptm,a=o.cx,u=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},c=function e(t){var r=t.nextElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},m=function e(t){var r=t.previousElementSibling;return r?f.hasClass(r,"p-disabled")||f.hasClass(r,"p-listbox-item-group")?e(r):r:null},d=t.template?p.getJSXElement(t.template,t.option):t.label,b=s({className:a("item",{props:t}),style:t.style,onClick:u,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=c(t);r&&r.focus(),e.preventDefault();break;case 38:var n=m(t);n&&n.focus(),e.preventDefault();break;case 13:u(e),e.preventDefault()}},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},i("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:n}}));return e.createElement("li",b,d,e.createElement(v,null))}));function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function K(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function V(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=B(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function B(e,t){if(e){if("string"==typeof e)return _(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_(e,t):void 0}}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}A.displayName="ListBoxItem";var R=e.memo(e.forwardRef((function(l,u){var c=e.useContext(t),d=L.getProps(l,c),b=F(e.useState(""),2),v=b[0],g=b[1],h=e.useRef(null),x=e.useRef(null),O=e.useRef(!1),E=(d.onFilterValueChange?d.filterValue:v)||"",S=E&&E.trim().length>0,w={props:d,state:{filterValue:E}},P=L.setMetaData(w);o(L.css.styles,P.isUnstyled,{name:"listbox"});var j=function(e){var t=e.option;d.disabled||H(t)||(d.multiple?N(e.originalEvent,t):D(e.originalEvent,t),O.current=!1)},C=function(){d.disabled||(O.current=!0)},D=function(e,t){var r=X(t),n=!1,l=null;!O.current&&d.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=z(t),n=!0):(l=r?null:z(t),n=!0);n&&G(e,l)},N=function(e,t){var r=X(t),n=!1,l=null;if(!O&&d.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[z(t)],n=!0):(l=[].concat(I(l=o&&d.value||[]),[z(t)]),n=!0)}else l=r?B(t):[].concat(I(d.value||[]),[z(t)]),n=!0;n&&d.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:l}})},T=function(e){x.current&&x.current.scrollToIndex(0);var t=e.value;d.onFilterValueChange?d.onFilterValueChange({originalEvent:e.originalEvent,value:t}):g(t)},k=function(){g(""),d.onFilter&&d.onFilter({filter:""})},G=function(e,t){d.onChange&&d.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}})},B=function(e){return d.value.filter((function(t){return!p.equals(t,z(e),d.dataKey)}))},_=function(){if(null!=d.value&&te){if(!d.optionGroupLabel)return J(d.value,te);for(var e=0;e<te.length;e++){var t=J(d.value,Y(te[e]));if(-1!==t)return{group:e,option:t}}}return-1},R=function(){return d.optionValue?null:d.dataKey},J=function(e,t){var r=R();return t.findIndex((function(t){return p.equals(e,z(t),r)}))},X=function(e){var t=z(e),r=R();return d.multiple&&d.value?d.value.some((function(e){return p.equals(e,t,r)})):p.equals(d.value,t,r)},q=function(e){return d.optionLabel?p.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},z=function(e){return d.optionValue?p.resolveFieldData(e,d.optionValue):e&&void 0!==e.value?e.value:e},U=function(e){return d.dataKey?p.resolveFieldData(e,d.dataKey):q(e)},H=function(e){return d.optionDisabled?p.isFunction(d.optionDisabled)?d.optionDisabled(e):p.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},$=function(e){return p.resolveFieldData(e,d.optionGroupLabel)},Y=function(e){return p.resolveFieldData(e,d.optionGroupChildren)},Q=function(){if(x.current){var e=_();-1!==e&&setTimeout((function(){return x.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(u,(function(){return{props:d,focus:function(){return f.focusFirstElement(h.current)},getElement:function(){return h.current},getVirtualScroller:function(){return x.current}}})),i((function(){Q()}));var W=function(t,r){return Y(t).map((function(t,n){var l=q(t),o=n+"_"+U(t),i=H(t),a=i?null:d.tabIndex||0;return e.createElement(A,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:d.itemTemplate,selected:X(t),onClick:j,onTouchEnd:C,tabIndex:a,disabled:i,ptCallbacks:P,metaData:w})}))},Z=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(d.optionGroupLabel){var o=d.optionGroupTemplate?p.getJSXElement(d.optionGroupTemplate,t,r):p.resolveFieldData(t,d.optionGroupLabel),i=W(t,l),a=r+"_"+$(t),u=s({className:P.cx("itemGroup"),style:P.sx("itemGroup",{scrollerOptions:n}),role:"group"},P.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var c=q(t),f=r+"_"+U(t),m=H(t),b=m?null:d.tabIndex||0;return e.createElement(A,{hostName:"ListBox",key:f,label:c,option:t,style:l,template:d.itemTemplate,selected:X(t),onClick:j,onTouchEnd:C,tabIndex:b,disabled:m,ptCallbacks:P,metaData:w})},ee=function(t,r){var l=s({className:P.cx("emptyMessage")},P.ptm("emptyMessage")),o=p.getJSXElement(t,d)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},te=function(){if(S){var e=E.trim().toLocaleLowerCase(d.filterLocale),t=d.filterBy?d.filterBy.split(","):[d.optionLabel||"label"];if(d.optionGroupLabel){var n,l=[],o=V(d.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Y(i),t,e,d.filterMatchMode,d.filterLocale);a&&a.length&&l.push(K(K({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(d.options,t,e,d.filterMatchMode,d.filterLocale)}return d.options}(),re=p.isNotEmpty(d.tooltip),ne=L.getOtherProps(d),le=p.reduceKeys(ne,f.ARIA_PROPS),oe=function(){if(d.virtualScrollerOptions){var t=K(K({},d.virtualScrollerOptions),{items:te,onLazyLoad:function(e){return d.virtualScrollerOptions.onLazyLoad(K(K({},e),{filter:te}))},itemTemplate:function(e,t){return e&&Z(e,t.index,t)},contentTemplate:function(t){var r=s(K({ref:t.contentRef,style:P.sx("list",{options:t}),className:P.cx("list",{options:t}),role:"listbox","aria-multiselectable":d.multiple},le),P.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:x},t,{pt:P.ptm("virtualScroller")}))}var r=p.isNotEmpty(te)?te.map(Z):S?ee(d.emptyFilterMessage,!0):ee(d.emptyMessage),n=s(K({className:P.cx("list"),role:"listbox","aria-multiselectable":d.multiple},le),P.ptm("list"));return e.createElement("ul",n,r)}(),ie=d.filter?e.createElement(M,{hostName:"ListBox",filter:E,filterIcon:d.filterIcon,onFilter:T,resetFilter:k,filterTemplate:d.filterTemplate,disabled:d.disabled,filterPlaceholder:d.filterPlaceholder,filterInputProps:d.filterInputProps,ptCallbacks:P,metaData:w}):null,ae=s({className:P.cx("wrapper"),style:d.listStyle},P.ptm("wrapper")),ue=s({ref:h,id:d.id,className:P.cx("root"),style:d.style},L.getOtherProps(d),P.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",ue,ie,e.createElement("div",ae,oe)),re&&e.createElement(a,y({target:h,content:d.tooltip},d.tooltipOptions,{pt:P.ptm("tooltip")})))})));R.displayName="ListBox";export{R as ListBox};
+import*as e from"react";import{PrimeReactContext as t,FilterService as r,localeOption as n}from"primereact/api";import{ComponentBase as l,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as a}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as s,IconUtils as c,ObjectUtils as p,DomHandler as f}from"primereact/utils";import{VirtualScroller as m}from"primereact/virtualscroller";import{SearchIcon as d}from"primereact/icons/search";import{InputText as b}from"primereact/inputtext";import{Ripple as v}from"primereact/ripple";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.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 h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function x(e,t,r){return(t=O(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}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 P(e,t){if(e){if("string"==typeof e)return E(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?E(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return S(e)||w(e)||P(e)||j()}function D(e){if(Array.isArray(e))return e}function C(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw l}}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 F(e,t){return D(e)||C(e,t)||P(e,t)||N()}var L=l.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,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!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:function(e){return e.props.virtualScrollerOptions?s("p-listbox-list",e.options.className):"p-listbox-list"},wrapper:function(e){return s("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return s("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return s("p-listbox-item",{"p-highlight":t.selected,"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    }\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 T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=e.memo((function(t){var r=i(),n=t.ptCallbacks,l=n.ptm,o=n.cx,a=function(e,r){return l(e,A({hostName:t.hostName},r))},u={filter:function(e){return s(e)},reset:function(){return t.resetFilter()}},s=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},f=function(){var n=r({className:o("filterIcon")},a("filterIcon")),i=c.getJSXIcon(t.filterIcon||e.createElement(d,n),A({},n),{props:t}),f=r({className:o("header")},a("header")),m=r({className:o("filterContainer")},a("filterContainer")),v=e.createElement("div",m,e.createElement(b,y({type:"text",value:t.filter,onChange:s,className:o("filterInput"),disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps,{pt:l("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}})),i);t.filterTemplate&&(v=p.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:u,filterInputChange:s,filterIconClassName:"p-dropdown-filter-icon",props:t}));return e.createElement("div",f,v)}();return e.createElement(e.Fragment,null,f)}));k.displayName="ListBoxHeader";var M=e.memo((function(t){var r=F(e.useState(!1),2),n=r[0],l=r[1],o=i(),a=t.ptCallbacks,u=a.ptm,s=a.cx,c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},m=function e(t){var r=t.nextElementSibling;return r?f.isAttributeEquals(r,"data-p-disabled",!0)||f.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},d=function e(t){var r=t.previousElementSibling;return r?f.isAttributeEquals(r,"data-p-disabled",!0)||f.isAttributeEquals(r,"data-pc-section","itemgroup")?e(r):r:null},b=t.template?p.getJSXElement(t.template,t.option):t.label,y=o({className:s("item",{props:t}),style:t.style,onClick:c,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=m(t);r&&r.focus(),e.preventDefault();break;case 38:var n=d(t);n&&n.focus(),e.preventDefault();break;case 13:c(e),e.preventDefault()}},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":t.label,key:t.label,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:n}}));return e.createElement("li",y,b,e.createElement(v,null))}));function G(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function K(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?G(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function V(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=B(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}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 o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function B(e,t){if(e){if("string"==typeof e)return q(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}M.displayName="ListBoxItem";var _=e.memo(e.forwardRef((function(l,s){var c=i(),d=e.useContext(t),b=L.getProps(l,d),v=F(e.useState(""),2),g=v[0],h=v[1],O=e.useRef(null),x=e.useRef(null),E=e.useRef(!1),S=(b.onFilterValueChange?b.filterValue:g)||"",w=S&&S.trim().length>0,P={props:b,state:{filterValue:S}},j=L.setMetaData(P);o(L.css.styles,j.isUnstyled,{name:"listbox"});var D=function(e){var t=e.option;b.disabled||$(t)||(b.multiple?T(e.originalEvent,t):N(e.originalEvent,t),E.current=!1)},C=function(){b.disabled||(E.current=!0)},N=function(e,t){var r=X(t),n=!1,l=null;!E.current&&b.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=U(t),n=!0):(l=r?null:U(t),n=!0);n&&B(e,l)},T=function(e,t){var r=X(t),n=!1,l=null;if(!E&&b.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?q(t):[U(t)],n=!0):(l=[].concat(I(l=o&&b.value||[]),[U(t)]),n=!0)}else l=r?q(t):[].concat(I(b.value||[]),[U(t)]),n=!0;n&&b.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:l}})},A=function(e){x.current&&x.current.scrollToIndex(0);var t=e.value;b.onFilterValueChange?b.onFilterValueChange({originalEvent:e.originalEvent,value:t}):h(t)},G=function(){h(""),b.onFilter&&b.onFilter({filter:""})},B=function(e,t){b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}})},q=function(e){return b.value.filter((function(t){return!p.equals(t,U(e),b.dataKey)}))},_=function(){if(null!=b.value&&re){if(!b.optionGroupLabel)return J(b.value,re);for(var e=0;e<re.length;e++){var t=J(b.value,Q(re[e]));if(-1!==t)return{group:e,option:t}}}return-1},R=function(){return b.optionValue?null:b.dataKey},J=function(e,t){var r=R();return t.findIndex((function(t){return p.equals(e,U(t),r)}))},X=function(e){var t=U(e),r=R();return b.multiple&&b.value?b.value.some((function(e){return p.equals(e,t,r)})):p.equals(b.value,t,r)},z=function(e){return b.optionLabel?p.resolveFieldData(e,b.optionLabel):e&&void 0!==e.label?e.label:e},U=function(e){return b.optionValue?p.resolveFieldData(e,b.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return b.dataKey?p.resolveFieldData(e,b.dataKey):z(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},Y=function(e){return p.resolveFieldData(e,b.optionGroupLabel)},Q=function(e){return p.resolveFieldData(e,b.optionGroupChildren)},W=function(){if(x.current){var e=_();-1!==e&&setTimeout((function(){return x.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(s,(function(){return{props:b,focus:function(){return f.focusFirstElement(O.current)},getElement:function(){return O.current},getVirtualScroller:function(){return x.current}}})),a((function(){W()}));var Z=function(t,r){return Q(t).map((function(t,n){var l=z(t),o=n+"_"+H(t),i=$(t),a=i?null:b.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:b.itemTemplate,selected:X(t),onClick:D,onTouchEnd:C,tabIndex:a,disabled:i,ptCallbacks:j,metaData:P})}))},ee=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(b.optionGroupLabel){var o=b.optionGroupTemplate?p.getJSXElement(b.optionGroupTemplate,t,r):p.resolveFieldData(t,b.optionGroupLabel),i=Z(t,l),a=r+"_"+Y(t),u=c({className:j.cx("itemGroup"),style:j.sx("itemGroup",{scrollerOptions:n}),role:"group"},j.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var s=z(t),f=r+"_"+H(t),m=$(t),d=m?null:b.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:f,label:s,option:t,style:l,template:b.itemTemplate,selected:X(t),onClick:D,onTouchEnd:C,tabIndex:d,disabled:m,ptCallbacks:j,metaData:P})},te=function(t,r){var l=c({className:j.cx("emptyMessage")},j.ptm("emptyMessage")),o=p.getJSXElement(t,b)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},re=function(){if(w){var e=S.trim().toLocaleLowerCase(b.filterLocale),t=b.filterBy?b.filterBy.split(","):[b.optionLabel||"label"];if(b.optionGroupLabel){var n,l=[],o=V(b.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(Q(i),t,e,b.filterMatchMode,b.filterLocale);a&&a.length&&l.push(K(K({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(b.options,t,e,b.filterMatchMode,b.filterLocale)}return b.options}(),ne=p.isNotEmpty(b.tooltip),le=L.getOtherProps(b),oe=p.reduceKeys(le,f.ARIA_PROPS),ie=function(){if(b.virtualScrollerOptions){var t=K(K({},b.virtualScrollerOptions),{items:re,onLazyLoad:function(e){return b.virtualScrollerOptions.onLazyLoad(K(K({},e),{filter:re}))},itemTemplate:function(e,t){return e&&ee(e,t.index,t)},contentTemplate:function(t){var r=c(K({ref:t.contentRef,style:j.sx("list",{options:t}),className:j.cx("list",{options:t}),role:"listbox","aria-multiselectable":b.multiple},oe),j.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:x},t,{pt:j.ptm("virtualScroller")}))}var r=p.isNotEmpty(re)?re.map(ee):w?te(b.emptyFilterMessage,!0):te(b.emptyMessage),n=c(K({className:j.cx("list"),role:"listbox","aria-multiselectable":b.multiple},oe),j.ptm("list"));return e.createElement("ul",n,r)}(),ae=b.filter?e.createElement(k,{hostName:"ListBox",filter:S,filterIcon:b.filterIcon,onFilter:A,resetFilter:G,filterTemplate:b.filterTemplate,disabled:b.disabled,filterPlaceholder:b.filterPlaceholder,filterInputProps:b.filterInputProps,ptCallbacks:j,metaData:P}):null,ue=c({className:j.cx("wrapper"),style:b.listStyle},j.ptm("wrapper")),se=c({ref:O,id:b.id,className:j.cx("root"),style:b.style},L.getOtherProps(b),j.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",se,ae,e.createElement("div",ue,ie)),ne&&e.createElement(u,y({target:O,content:b.tooltip},b.tooltipOptions,{pt:j.ptm("tooltip")})))})));_.displayName="ListBox";export{_ as ListBox};

package/listbox/listbox.js

@@ -243,6 +243,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+    var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       cx = _props$ptCallbacks.cx;
@@ -268,17 +269,17 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       }
     };
     var createHeader = function createHeader() {
-      var filterIconProps = utils.mergeProps({
+      var filterIconProps = mergeProps({
         className: cx('filterIcon')
       }, getPTOptions('filterIcon'));
       var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
       var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, filterIconProps), {
         props: props
       });
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, getPTOptions('header'));
-      var filterContainerProps = utils.mergeProps({
+      var filterContainerProps = mergeProps({
         className: cx('filterContainer')
       }, getPTOptions('filterContainer'));
       var content = /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
@@ -318,6 +319,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
+    var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       cx = _props$ptCallbacks.cx;
@@ -380,14 +382,14 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
     };
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || utils.DomHandler.hasClass(nextItem, 'p-listbox-item-group') ? findNextItem(nextItem) : nextItem : null;
+      return nextItem ? utils.DomHandler.isAttributeEquals(nextItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(nextItem, 'data-pc-section', 'itemgroup') ? findNextItem(nextItem) : nextItem : null;
     };
     var findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
-      return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || utils.DomHandler.hasClass(prevItem, 'p-listbox-item-group') ? findPrevItem(prevItem) : prevItem : null;
+      return prevItem ? utils.DomHandler.isAttributeEquals(prevItem, 'data-p-disabled', true) || utils.DomHandler.isAttributeEquals(prevItem, 'data-pc-section', 'itemgroup') ? findPrevItem(prevItem) : prevItem : null;
     };
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
-    var itemProps = utils.mergeProps({
+    var itemProps = mergeProps({
       className: cx('item', {
         props: props
       }),
@@ -402,7 +404,8 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       key: props.label,
       role: 'option',
       'aria-selected': props.selected,
-      'aria-disabled': props.disabled
+      'aria-disabled': props.disabled,
+      'data-p-disabled': props.disabled
     }, getPTOptions('item'));
     return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
@@ -414,6 +417,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ListBoxBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(''),
@@ -717,7 +721,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         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 = utils.mergeProps({
+        var itemGroupProps = mergeProps({
           className: ptCallbacks.cx('itemGroup'),
           style: ptCallbacks.sx('itemGroup', {
             scrollerOptions: scrollerOptions
@@ -758,7 +762,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       return createEmptyMessage(props.emptyMessage);
     };
     var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-      var emptyMessageProps = utils.mergeProps({
+      var emptyMessageProps = mergeProps({
         className: ptCallbacks.cx('emptyMessage')
       }, ptCallbacks.ptm('emptyMessage'));
       var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || api.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
@@ -777,7 +781,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
             return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(options) {
-            var listProps = utils.mergeProps(_objectSpread({
+            var listProps = mergeProps(_objectSpread({
               ref: options.contentRef,
               style: ptCallbacks.sx('list', {
                 options: options
@@ -798,7 +802,7 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         }));
       } else {
         var items = createItems();
-        var listProps = utils.mergeProps(_objectSpread({
+        var listProps = mergeProps(_objectSpread({
           className: ptCallbacks.cx('list'),
           role: 'listbox',
           'aria-multiselectable': props.multiple
@@ -812,11 +816,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var list = createList();
     var header = createHeader();
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: ptCallbacks.cx('wrapper'),
       style: props.listStyle
     }, ptCallbacks.ptm('wrapper'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: ptCallbacks.cx('root'),