primereact 10.3.1 → 10.3.3

package/listbox/listbox.cjs.js

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

package/listbox/listbox.cjs.min.js

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

package/listbox/listbox.esm.js

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

package/listbox/listbox.esm.min.js

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

package/listbox/listbox.js

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

package/listbox/listbox.min.js

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