primereact 10.6.5 → 10.7.0

package/listbox/listbox.cjs.js

@@ -985,7 +985,24 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
+  var flatOptions = function flatOptions(options) {
+    return (options || []).reduce(function (result, option, index) {
+      result.push({
+        optionGroup: option,
+        group: true,
+        index: index,
+        code: option.code,
+        label: option.label
+      });
+      var optionGroupChildren = getOptionGroupChildren(option);
+      optionGroupChildren && optionGroupChildren.forEach(function (o) {
+        return result.push(o);
+      });
+      return result;
+    }, []);
+  };
   var getVisibleOptions = function getVisibleOptions() {
+    var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter) {
       var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -1008,11 +1025,11 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         } finally {
           _iterator.f();
         }
-        return filteredGroups;
+        return flatOptions(filteredGroups);
       }
-      return api.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return api.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-    return props.options;
+    return options;
   };
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
@@ -1057,42 +1074,13 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       metaData: metaData
     }) : null;
   };
-  var createGroupChildren = function createGroupChildren(optionGroup, style) {
-    var groupChildren = getOptionGroupChildren(optionGroup);
-    return groupChildren.map(function (option, j) {
-      var optionLabel = getOptionLabel(option);
-      var optionKey = j + '_' + getOptionRenderKey(option);
-      var disabled = isOptionDisabled(option);
-      return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
-        id: id.current + '_' + j,
-        hostName: "ListBox",
-        optionKey: optionKey,
-        key: optionKey,
-        label: optionLabel,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: isSelected(option),
-        onOptionMouseDown: onOptionMouseDown,
-        onOptionMouseMove: onOptionMouseMove,
-        onClick: onOptionSelect,
-        index: j,
-        focusedOptionIndex: focusedOptionIndex,
-        onTouchEnd: onOptionTouchEnd,
-        disabled: disabled,
-        ptCallbacks: ptCallbacks,
-        metaData: metaData
-      });
-    });
-  };
   var createItem = function createItem(option, index) {
     var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    if (props.optionGroupLabel) {
+    if (option.group && option.optionGroup && props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
@@ -1101,9 +1089,9 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         }),
         role: 'group'
       }, ptCallbacks.ptm('itemGroup'));
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({
         key: key
-      }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, itemGroupProps), groupContent);
     }
     var optionLabel = getOptionLabel(option);
     var optionKey = index + '_' + getOptionRenderKey(option);

package/listbox/listbox.cjs.min.js

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

package/listbox/listbox.esm.js

@@ -961,7 +961,24 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
   };
+  var flatOptions = function flatOptions(options) {
+    return (options || []).reduce(function (result, option, index) {
+      result.push({
+        optionGroup: option,
+        group: true,
+        index: index,
+        code: option.code,
+        label: option.label
+      });
+      var optionGroupChildren = getOptionGroupChildren(option);
+      optionGroupChildren && optionGroupChildren.forEach(function (o) {
+        return result.push(o);
+      });
+      return result;
+    }, []);
+  };
   var getVisibleOptions = function getVisibleOptions() {
+    var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
     if (hasFilter) {
       var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -984,11 +1001,11 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         } finally {
           _iterator.f();
         }
-        return filteredGroups;
+        return flatOptions(filteredGroups);
       }
-      return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+      return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-    return props.options;
+    return options;
   };
   var scrollToSelectedIndex = function scrollToSelectedIndex() {
     if (virtualScrollerRef.current) {
@@ -1033,42 +1050,13 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       metaData: metaData
     }) : null;
   };
-  var createGroupChildren = function createGroupChildren(optionGroup, style) {
-    var groupChildren = getOptionGroupChildren(optionGroup);
-    return groupChildren.map(function (option, j) {
-      var optionLabel = getOptionLabel(option);
-      var optionKey = j + '_' + getOptionRenderKey(option);
-      var disabled = isOptionDisabled(option);
-      return /*#__PURE__*/React.createElement(ListBoxItem, {
-        id: id.current + '_' + j,
-        hostName: "ListBox",
-        optionKey: optionKey,
-        key: optionKey,
-        label: optionLabel,
-        option: option,
-        style: style,
-        template: props.itemTemplate,
-        selected: isSelected(option),
-        onOptionMouseDown: onOptionMouseDown,
-        onOptionMouseMove: onOptionMouseMove,
-        onClick: onOptionSelect,
-        index: j,
-        focusedOptionIndex: focusedOptionIndex,
-        onTouchEnd: onOptionTouchEnd,
-        disabled: disabled,
-        ptCallbacks: ptCallbacks,
-        metaData: metaData
-      });
-    });
-  };
   var createItem = function createItem(option, index) {
     var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
-    if (props.optionGroupLabel) {
+    if (option.group && option.optionGroup && props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + getOptionGroupRenderKey(option);
       var itemGroupProps = mergeProps({
         className: ptCallbacks.cx('itemGroup'),
@@ -1077,9 +1065,9 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         }),
         role: 'group'
       }, ptCallbacks.ptm('itemGroup'));
-      return /*#__PURE__*/React.createElement(React.Fragment, {
+      return /*#__PURE__*/React.createElement("li", _extends({
         key: key
-      }, /*#__PURE__*/React.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, itemGroupProps), groupContent);
     }
     var optionLabel = getOptionLabel(option);
     var optionKey = index + '_' + getOptionRenderKey(option);

package/listbox/listbox.esm.min.js

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

package/listbox/listbox.js

@@ -973,7 +973,24 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
     var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
       return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
     };
+    var flatOptions = function flatOptions(options) {
+      return (options || []).reduce(function (result, option, index) {
+        result.push({
+          optionGroup: option,
+          group: true,
+          index: index,
+          code: option.code,
+          label: option.label
+        });
+        var optionGroupChildren = getOptionGroupChildren(option);
+        optionGroupChildren && optionGroupChildren.forEach(function (o) {
+          return result.push(o);
+        });
+        return result;
+      }, []);
+    };
     var getVisibleOptions = function getVisibleOptions() {
+      var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
       if (hasFilter) {
         var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
         var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -996,11 +1013,11 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
           } finally {
             _iterator.f();
           }
-          return filteredGroups;
+          return flatOptions(filteredGroups);
         }
-        return api.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+        return api.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
-      return props.options;
+      return options;
     };
     var scrollToSelectedIndex = function scrollToSelectedIndex() {
       if (virtualScrollerRef.current) {
@@ -1045,42 +1062,13 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         metaData: metaData
       }) : null;
     };
-    var createGroupChildren = function createGroupChildren(optionGroup, style) {
-      var groupChildren = getOptionGroupChildren(optionGroup);
-      return groupChildren.map(function (option, j) {
-        var optionLabel = getOptionLabel(option);
-        var optionKey = j + '_' + getOptionRenderKey(option);
-        var disabled = isOptionDisabled(option);
-        return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
-          id: id.current + '_' + j,
-          hostName: "ListBox",
-          optionKey: optionKey,
-          key: optionKey,
-          label: optionLabel,
-          option: option,
-          style: style,
-          template: props.itemTemplate,
-          selected: isSelected(option),
-          onOptionMouseDown: onOptionMouseDown,
-          onOptionMouseMove: onOptionMouseMove,
-          onClick: onOptionSelect,
-          index: j,
-          focusedOptionIndex: focusedOptionIndex,
-          onTouchEnd: onOptionTouchEnd,
-          disabled: disabled,
-          ptCallbacks: ptCallbacks,
-          metaData: metaData
-        });
-      });
-    };
     var createItem = function createItem(option, index) {
       var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var style = {
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
-      if (props.optionGroupLabel) {
+      if (option.group && option.optionGroup && props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + getOptionGroupRenderKey(option);
         var itemGroupProps = mergeProps({
           className: ptCallbacks.cx('itemGroup'),
@@ -1089,9 +1077,9 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
           }),
           role: 'group'
         }, ptCallbacks.ptm('itemGroup'));
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
           key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+        }, itemGroupProps), groupContent);
       }
       var optionLabel = getOptionLabel(option);
       var optionKey = index + '_' + getOptionRenderKey(option);