primereact 10.3.0 → 10.3.1

package/inputtext/inputtext.js

@@ -92,15 +92,16 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
     defaultProps: {
       __TYPE: 'InputText',
       __parentMetadata: null,
+      children: undefined,
+      className: null,
       keyfilter: null,
-      validateOnly: false,
-      tooltip: null,
-      tooltipOptions: null,
       onBeforeInput: null,
       onInput: null,
       onKeyDown: null,
       onPaste: null,
-      children: undefined
+      tooltip: null,
+      tooltipOptions: null,
+      validateOnly: false
     },
     css: {
       classes: classes
@@ -164,9 +165,9 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = utils.mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         isFilled: isFilled
-      }),
+      })),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,

package/inputtext/inputtext.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled},t.className)}}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=u.memo(u.forwardRef((function(e,t){var a=u.useContext(r.PrimeReactContext),c=y.getProps(e,a),p=y.setMetaData(b(b({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),f=p.ptm,m=p.cx;n.useHandleStyle(y.css.styles,p.isUnstyled,{name:"inputtext",styled:!0});var d=u.useRef(t);u.useEffect((function(){l.ObjectUtils.combinedRefs(d,t)}),[d,t]);var O=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(c.value)||l.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),v=l.ObjectUtils.isNotEmpty(c.tooltip),j=l.mergeProps({className:m("root",{isFilled:O}),onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target,r=!0;c.keyfilter&&c.validateOnly&&(r=o.KeyFilter.validate(e,c.keyfilter)),c.onInput&&c.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},y.getOtherProps(c),f("root"));return u.createElement(u.Fragment,null,u.createElement("input",s({ref:d},j)),v&&u.createElement(i.Tooltip,s({target:d,content:c.tooltip},c.tooltipOptions,{pt:f("tooltip")})))})));return d.displayName="InputText",e.InputText=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled},t.className)}}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=u.memo(u.forwardRef((function(e,t){var a=u.useContext(r.PrimeReactContext),c=y.getProps(e,a),p=y.setMetaData(b(b({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),f=p.ptm,m=p.cx;n.useHandleStyle(y.css.styles,p.isUnstyled,{name:"inputtext",styled:!0});var d=u.useRef(t);u.useEffect((function(){l.ObjectUtils.combinedRefs(d,t)}),[d,t]);var O=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(c.value)||l.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),v=l.ObjectUtils.isNotEmpty(c.tooltip),j=l.mergeProps({className:l.classNames(c.className,m("root",{isFilled:O})),onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target,r=!0;c.keyfilter&&c.validateOnly&&(r=o.KeyFilter.validate(e,c.keyfilter)),c.onInput&&c.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},y.getOtherProps(c),f("root"));return u.createElement(u.Fragment,null,u.createElement("input",s({ref:d},j)),v&&u.createElement(i.Tooltip,s({target:d,content:c.tooltip},c.tooltipOptions,{pt:f("tooltip")})))})));return d.displayName="InputText",e.InputText=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/listbox/listbox.cjs.js

@@ -326,6 +326,10 @@ var ListBoxHeader = /*#__PURE__*/React__namespace.memo(function (props) {
 ListBoxHeader.displayName = 'ListBoxHeader';
 
 var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -334,10 +338,17 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
       hostName: props.hostName,
       context: {
         selected: props.selected,
-        disabled: props.disabled
+        disabled: props.disabled,
+        focused: focusedState
       }
     });
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -396,6 +407,8 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     onClick: onClick,
     onTouchEnd: onTouchEnd,
     onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
     tabIndex: '-1',
     'aria-label': props.label,
     key: props.label,

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 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.")}var w=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 D(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 I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){v(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t,n){return r(t,I({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),I({},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)}));C.displayName="ListBoxHeader";var N=p.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},i=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},a=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},u=e.template?o.ObjectUtils.getJSXElement(e.template,e.option):e.label,c=o.mergeProps({className:n("item",{props:e}),style:e.style,onClick:l,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=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},r("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled}}));return p.createElement("li",c,u,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 F(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 L(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 M(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)?M(e,t):void 0}}function M(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}N.displayName="ListBoxItem";var k=p.memo(p.forwardRef((function(e,a){var u,s,c=p.useContext(t.PrimeReactContext),m=w.getProps(e,c),b=p.useState(""),d=(s=2,E(u=b)||S(u,s)||O(u,s)||P()),v=d[0],y=d[1],g=p.useRef(null),h=p.useRef(null),x=p.useRef(!1),D=(m.onFilterValueChange?m.filterValue:v)||"",I=D&&D.trim().length>0,T={props:m,state:{filterValue:D}},U=w.setMetaData(T);r.useHandleStyle(w.css.styles,U.isUnstyled,{name:"listbox"});var M=function(e){var t=e.option;m.disabled||Y(t)||(m.multiple?G(e.originalEvent,t):A(e.originalEvent,t),x.current=!1)},k=function(){m.disabled||(x.current=!0)},A=function(e,t){var r=z(t),n=!1,l=null;!x.current&&m.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=X(t),n=!0):(l=r?null:X(t),n=!0);n&&V(e,l)},G=function(e,t){var r=z(t),n=!1,l=null;if(!x&&m.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[X(t)],n=!0):(l=[].concat(j(l=o&&m.value||[]),[X(t)]),n=!0)}else l=r?B(t):[].concat(j(m.value||[]),[X(t)]),n=!0;n&&m.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:l}})},q=function(e){h.current&&h.current.scrollToIndex(0);var t=e.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},K=function(){y(""),m.onFilter&&m.onFilter({filter:""})},V=function(e,t){m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})},B=function(e){return m.value.filter((function(t){return!o.ObjectUtils.equals(t,X(e),m.dataKey)}))},_=function(){if(null!=m.value&&ne){if(!m.optionGroupLabel)return R(m.value,ne);for(var e=0;e<ne.length;e++){var t=R(m.value,W(ne[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return m.optionValue?null:m.dataKey},R=function(e,t){var r=H();return t.findIndex((function(t){return o.ObjectUtils.equals(e,X(t),r)}))},z=function(e){var t=X(e),r=H();return m.multiple&&m.value?m.value.some((function(e){return o.ObjectUtils.equals(e,t,r)})):o.ObjectUtils.equals(m.value,t,r)},J=function(e){return m.optionLabel?o.ObjectUtils.resolveFieldData(e,m.optionLabel):e&&void 0!==e.label?e.label:e},X=function(e){return m.optionValue?o.ObjectUtils.resolveFieldData(e,m.optionValue):e&&void 0!==e.value?e.value:e},$=function(e){return m.dataKey?o.ObjectUtils.resolveFieldData(e,m.dataKey):J(e)},Y=function(e){return m.optionDisabled?o.ObjectUtils.isFunction(m.optionDisabled)?m.optionDisabled(e):o.ObjectUtils.resolveFieldData(e,m.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Q=function(e){return o.ObjectUtils.resolveFieldData(e,m.optionGroupLabel)},W=function(e){return o.ObjectUtils.resolveFieldData(e,m.optionGroupChildren)},Z=function(){if(h.current){var e=_();-1!==e&&setTimeout((function(){return h.current.scrollToIndex(e)}),0)}};p.useImperativeHandle(a,(function(){return{props:m,focus:function(){return o.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return h.current}}})),n.useMountEffect((function(){Z()}));var ee=function(e,t){return W(e).map((function(e,r){var n=J(e),l=r+"_"+$(e),o=Y(e),i=o?null:m.tabIndex||0;return p.createElement(N,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:m.itemTemplate,selected:z(e),onClick:M,onTouchEnd:k,tabIndex:i,disabled:o,ptCallbacks:U,metaData:T})}))},te=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(m.optionGroupLabel){var l=m.optionGroupTemplate?o.ObjectUtils.getJSXElement(m.optionGroupTemplate,e,t):o.ObjectUtils.resolveFieldData(e,m.optionGroupLabel),i=ee(e,n),a=t+"_"+Q(e),u=o.mergeProps({className:U.cx("itemGroup"),style:U.sx("itemGroup",{scrollerOptions:r}),role:"group"},U.ptm("itemGroup"));return p.createElement(p.Fragment,{key:a},p.createElement("li",u,l),i)}var s=J(e),c=t+"_"+$(e),f=Y(e),b=f?null:m.tabIndex||0;return p.createElement(N,{hostName:"ListBox",key:c,label:s,option:e,style:n,template:m.itemTemplate,selected:z(e),onClick:M,onTouchEnd:k,tabIndex:b,disabled:f,ptCallbacks:U,metaData:T})},re=function(e,r){var n=o.mergeProps({className:U.cx("emptyMessage")},U.ptm("emptyMessage")),l=o.ObjectUtils.getJSXElement(e,m)||t.localeOption(r?"emptyFilterMessage":"emptyMessage");return p.createElement("li",n,l)},ne=function(){if(I){var e=D.trim().toLocaleLowerCase(m.filterLocale),r=m.filterBy?m.filterBy.split(","):[m.optionLabel||"label"];if(m.optionGroupLabel){var n,l=[],o=L(m.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.FilterService.filter(W(i),r,e,m.filterMatchMode,m.filterLocale);a&&a.length&&l.push(F(F({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.FilterService.filter(m.options,r,e,m.filterMatchMode,m.filterLocale)}return m.options}(),le=o.ObjectUtils.isNotEmpty(m.tooltip),oe=w.getOtherProps(m),ie=o.ObjectUtils.reduceKeys(oe,o.DomHandler.ARIA_PROPS),ae=function(){if(m.virtualScrollerOptions){var e=F(F({},m.virtualScrollerOptions),{items:ne,onLazyLoad:function(e){return m.virtualScrollerOptions.onLazyLoad(F(F({},e),{filter:ne}))},itemTemplate:function(e,t){return e&&te(e,t.index,t)},contentTemplate:function(e){var t=o.mergeProps(F({ref:e.contentRef,style:U.sx("list",{options:e}),className:U.cx("list",{options:e}),role:"listbox","aria-multiselectable":m.multiple},ie),U.ptm("list"));return p.createElement("ul",t,e.children)}});return p.createElement(i.VirtualScroller,f({ref:h},e,{pt:U.ptm("virtualScroller")}))}var t=o.ObjectUtils.isNotEmpty(ne)?ne.map(te):I?re(m.emptyFilterMessage,!0):re(m.emptyMessage),r=o.mergeProps(F({className:U.cx("list"),role:"listbox","aria-multiselectable":m.multiple},ie),U.ptm("list"));return p.createElement("ul",r,t)}(),ue=m.filter?p.createElement(C,{hostName:"ListBox",filter:D,filterIcon:m.filterIcon,onFilter:q,resetFilter:K,filterTemplate:m.filterTemplate,disabled:m.disabled,filterPlaceholder:m.filterPlaceholder,filterInputProps:m.filterInputProps,ptCallbacks:U,metaData:T}):null,se=o.mergeProps({className:U.cx("wrapper"),style:m.listStyle},U.ptm("wrapper")),ce=o.mergeProps({ref:g,id:m.id,className:U.cx("root"),style:m.style},w.getOtherProps(m),U.ptm("root"));return p.createElement(p.Fragment,null,p.createElement("div",ce,ue,p.createElement("div",se,ae)),le&&p.createElement(l.Tooltip,f({target:g,content:m.tooltip},m.tooltipOptions,{pt:U.ptm("tooltip")})))})));k.displayName="ListBox",exports.ListBox=k;
+"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;

package/listbox/listbox.d.ts

@@ -8,14 +8,14 @@
  *
  */
 import * as React from 'react';
+import { ComponentHooks } from '../componentbase/componentbase';
+import { InputTextPassThroughOptions } from '../inputtext/inputtext';
+import { PassThroughOptions } from '../passthrough';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
 import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { IconType, PassThroughType } from '../utils/utils';
 import { VirtualScroller, VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
-import { InputTextPassThroughOptions } from '../inputtext/inputtext';
-import { PassThroughOptions } from '../passthrough';
-import { ComponentHooks } from '../componentbase/componentbase';
 
 export declare type ListBoxPassThroughType<T> = PassThroughType<T, ListBoxPassThroughMethodOptions>;
 
@@ -109,6 +109,11 @@ export interface ListBoxContext {
      * @defaultValue false
      */
     selected: boolean;
+    /**
+     * Current focused state of the item as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
     /**
      * Current disabled state of the item as a boolean.
      * @defaultValue false

package/listbox/listbox.esm.js

@@ -302,6 +302,10 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
 ListBoxHeader.displayName = 'ListBoxHeader';
 
 var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     cx = _props$ptCallbacks.cx;
@@ -310,10 +314,17 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
       hostName: props.hostName,
       context: {
         selected: props.selected,
-        disabled: props.disabled
+        disabled: props.disabled,
+        focused: focusedState
       }
     });
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -372,6 +383,8 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
     onClick: onClick,
     onTouchEnd: onTouchEnd,
     onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
     tabIndex: '-1',
     'aria-label': props.label,
     key: props.label,

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 p,ObjectUtils as c,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.")}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 F(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 k=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e,r){return n(e,F({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=p.getJSXIcon(t.filterIcon||e.createElement(d,r),F({},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=c.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)}));k.displayName="ListBoxHeader";var M=e.memo((function(t){var r=t.ptCallbacks,n=r.ptm,l=r.cx,o=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},i=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},a=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},u=t.template?c.getJSXElement(t.template,t.option):t.label,p=s({className:l("item",{props:t}),style:t.style,onClick:o,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=i(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:o(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},n("item",{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled}}));return e.createElement("li",p,u,e.createElement(v,null))}));function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function G(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function K(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=V(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 V(e,t){if(e){if("string"==typeof e)return B(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)?B(e,t):void 0}}function B(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,u){var p,d,b=e.useContext(t),v=L.getProps(l,b),g=e.useState(""),h=(d=2,C(p=g)||D(p,d)||P(p,d)||N()),x=h[0],O=h[1],E=e.useRef(null),S=e.useRef(null),w=e.useRef(!1),j=(v.onFilterValueChange?v.filterValue:x)||"",T=j&&j.trim().length>0,F={props:v,state:{filterValue:j}},A=L.setMetaData(F);o(L.css.styles,A.isUnstyled,{name:"listbox"});var V=function(e){var t=e.option;v.disabled||ee(t)||(v.multiple?R(e.originalEvent,t):_(e.originalEvent,t),w.current=!1)},B=function(){v.disabled||(w.current=!0)},_=function(e,t){var r=Y(t),n=!1,l=null;!w.current&&v.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=W(t),n=!0):(l=r?null:W(t),n=!0);n&&q(e,l)},R=function(e,t){var r=Y(t),n=!1,l=null;if(!w&&v.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?z(t):[W(t)],n=!0):(l=[].concat(I(l=o&&v.value||[]),[W(t)]),n=!0)}else l=r?z(t):[].concat(I(v.value||[]),[W(t)]),n=!0;n&&v.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:l}})},J=function(e){S.current&&S.current.scrollToIndex(0);var t=e.value;v.onFilterValueChange?v.onFilterValueChange({originalEvent:e.originalEvent,value:t}):O(t)},X=function(){O(""),v.onFilter&&v.onFilter({filter:""})},q=function(e,t){v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})},z=function(e){return v.value.filter((function(t){return!c.equals(t,W(e),v.dataKey)}))},U=function(){if(null!=v.value&&ae){if(!v.optionGroupLabel)return $(v.value,ae);for(var e=0;e<ae.length;e++){var t=$(v.value,re(ae[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return v.optionValue?null:v.dataKey},$=function(e,t){var r=H();return t.findIndex((function(t){return c.equals(e,W(t),r)}))},Y=function(e){var t=W(e),r=H();return v.multiple&&v.value?v.value.some((function(e){return c.equals(e,t,r)})):c.equals(v.value,t,r)},Q=function(e){return v.optionLabel?c.resolveFieldData(e,v.optionLabel):e&&void 0!==e.label?e.label:e},W=function(e){return v.optionValue?c.resolveFieldData(e,v.optionValue):e&&void 0!==e.value?e.value:e},Z=function(e){return v.dataKey?c.resolveFieldData(e,v.dataKey):Q(e)},ee=function(e){return v.optionDisabled?c.isFunction(v.optionDisabled)?v.optionDisabled(e):c.resolveFieldData(e,v.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},te=function(e){return c.resolveFieldData(e,v.optionGroupLabel)},re=function(e){return c.resolveFieldData(e,v.optionGroupChildren)},ne=function(){if(S.current){var e=U();-1!==e&&setTimeout((function(){return S.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(u,(function(){return{props:v,focus:function(){return f.focusFirstElement(E.current)},getElement:function(){return E.current},getVirtualScroller:function(){return S.current}}})),i((function(){ne()}));var le=function(t,r){return re(t).map((function(t,n){var l=Q(t),o=n+"_"+Z(t),i=ee(t),a=i?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:o,label:l,option:t,style:r,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:a,disabled:i,ptCallbacks:A,metaData:F})}))},oe=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(v.optionGroupLabel){var o=v.optionGroupTemplate?c.getJSXElement(v.optionGroupTemplate,t,r):c.resolveFieldData(t,v.optionGroupLabel),i=le(t,l),a=r+"_"+te(t),u=s({className:A.cx("itemGroup"),style:A.sx("itemGroup",{scrollerOptions:n}),role:"group"},A.ptm("itemGroup"));return e.createElement(e.Fragment,{key:a},e.createElement("li",u,o),i)}var p=Q(t),f=r+"_"+Z(t),m=ee(t),d=m?null:v.tabIndex||0;return e.createElement(M,{hostName:"ListBox",key:f,label:p,option:t,style:l,template:v.itemTemplate,selected:Y(t),onClick:V,onTouchEnd:B,tabIndex:d,disabled:m,ptCallbacks:A,metaData:F})},ie=function(t,r){var l=s({className:A.cx("emptyMessage")},A.ptm("emptyMessage")),o=c.getJSXElement(t,v)||n(r?"emptyFilterMessage":"emptyMessage");return e.createElement("li",l,o)},ae=function(){if(T){var e=j.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[v.optionLabel||"label"];if(v.optionGroupLabel){var n,l=[],o=K(v.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(re(i),t,e,v.filterMatchMode,v.filterLocale);a&&a.length&&l.push(G(G({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(v.options,t,e,v.filterMatchMode,v.filterLocale)}return v.options}(),ue=c.isNotEmpty(v.tooltip),se=L.getOtherProps(v),pe=c.reduceKeys(se,f.ARIA_PROPS),ce=function(){if(v.virtualScrollerOptions){var t=G(G({},v.virtualScrollerOptions),{items:ae,onLazyLoad:function(e){return v.virtualScrollerOptions.onLazyLoad(G(G({},e),{filter:ae}))},itemTemplate:function(e,t){return e&&oe(e,t.index,t)},contentTemplate:function(t){var r=s(G({ref:t.contentRef,style:A.sx("list",{options:t}),className:A.cx("list",{options:t}),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",r,t.children)}});return e.createElement(m,y({ref:S},t,{pt:A.ptm("virtualScroller")}))}var r=c.isNotEmpty(ae)?ae.map(oe):T?ie(v.emptyFilterMessage,!0):ie(v.emptyMessage),n=s(G({className:A.cx("list"),role:"listbox","aria-multiselectable":v.multiple},pe),A.ptm("list"));return e.createElement("ul",n,r)}(),fe=v.filter?e.createElement(k,{hostName:"ListBox",filter:j,filterIcon:v.filterIcon,onFilter:J,resetFilter:X,filterTemplate:v.filterTemplate,disabled:v.disabled,filterPlaceholder:v.filterPlaceholder,filterInputProps:v.filterInputProps,ptCallbacks:A,metaData:F}):null,me=s({className:A.cx("wrapper"),style:v.listStyle},A.ptm("wrapper")),de=s({ref:E,id:v.id,className:A.cx("root"),style:v.style},L.getOtherProps(v),A.ptm("root"));return e.createElement(e.Fragment,null,e.createElement("div",de,fe,e.createElement("div",me,ce)),ue&&e.createElement(a,y({target:E,content:v.tooltip},v.tooltipOptions,{pt:A.ptm("tooltip")})))})));_.displayName="ListBox";export{_ 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{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};

package/listbox/listbox.js

@@ -314,6 +314,10 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
   ListBoxHeader.displayName = 'ListBoxHeader';
 
   var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       cx = _props$ptCallbacks.cx;
@@ -322,10 +326,17 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
         hostName: props.hostName,
         context: {
           selected: props.selected,
-          disabled: props.disabled
+          disabled: props.disabled,
+          focused: focusedState
         }
       });
     };
+    var onFocus = function onFocus(event) {
+      setFocusedState(true);
+    };
+    var onBlur = function onBlur(event) {
+      setFocusedState(false);
+    };
     var onClick = function onClick(event) {
       if (props.onClick) {
         props.onClick({
@@ -384,6 +395,8 @@ this.primereact.listbox = (function (exports, React, api, componentbase, hooks,
       onClick: onClick,
       onTouchEnd: onTouchEnd,
       onKeyDown: onKeyDown,
+      onFocus: onFocus,
+      onBlur: onBlur,
       tabIndex: '-1',
       'aria-label': props.label,
       key: props.label,

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 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.")}var D=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 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){y(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=f.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))},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),C({},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)}));N.displayName="ListBoxHeader";var T=f.memo((function(e){var t=e.ptCallbacks,r=t.ptm,n=t.cx,l=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},o=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},a=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},u=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,s=i.mergeProps({className:n("item",{props:e}),style:e.style,onClick:l,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=o(t);r&&r.focus(),e.preventDefault();break;case 38:var n=a(t);n&&n.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},r("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled}}));return f.createElement("li",s,u,f.createElement(c.Ripple,null))}));function F(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?F(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):F(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}T.displayName="ListBoxItem";var A=f.memo(f.forwardRef((function(e,t){var u,s,c=f.useContext(r.PrimeReactContext),p=D.getProps(e,c),b=f.useState(""),d=(s=2,S(u=b)||P(u,s)||j(u,s)||w()),v=d[0],y=d[1],g=f.useRef(null),h=f.useRef(null),O=f.useRef(!1),x=(p.onFilterValueChange?p.filterValue:v)||"",I=x&&x.trim().length>0,C={props:p,state:{filterValue:x}},F=D.setMetaData(C);n.useHandleStyle(D.css.styles,F.isUnstyled,{name:"listbox"});var M=function(e){var t=e.option;p.disabled||Y(t)||(p.multiple?G(e.originalEvent,t):A(e.originalEvent,t),O.current=!1)},k=function(){p.disabled||(O.current=!0)},A=function(e,t){var r=J(t),n=!1,l=null;!O.current&&p.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=q(t),n=!0):(l=r?null:q(t),n=!0);n&&B(e,l)},G=function(e,t){var r=J(t),n=!1,l=null;if(!O&&p.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?_(t):[q(t)],n=!0):(l=[].concat(E(l=o&&p.value||[]),[q(t)]),n=!0)}else l=r?_(t):[].concat(E(p.value||[]),[q(t)]),n=!0;n&&p.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:l}})},K=function(e){h.current&&h.current.scrollToIndex(0);var t=e.value;p.onFilterValueChange?p.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},V=function(){y(""),p.onFilter&&p.onFilter({filter:""})},B=function(e,t){p.onChange&&p.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:t}})},_=function(e){return p.value.filter((function(t){return!i.ObjectUtils.equals(t,q(e),p.dataKey)}))},R=function(){if(null!=p.value&&ne){if(!p.optionGroupLabel)return z(p.value,ne);for(var e=0;e<ne.length;e++){var t=z(p.value,W(ne[e]));if(-1!==t)return{group:e,option:t}}}return-1},H=function(){return p.optionValue?null:p.dataKey},z=function(e,t){var r=H();return t.findIndex((function(t){return i.ObjectUtils.equals(e,q(t),r)}))},J=function(e){var t=q(e),r=H();return p.multiple&&p.value?p.value.some((function(e){return i.ObjectUtils.equals(e,t,r)})):i.ObjectUtils.equals(p.value,t,r)},X=function(e){return p.optionLabel?i.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},q=function(e){return p.optionValue?i.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},$=function(e){return p.dataKey?i.ObjectUtils.resolveFieldData(e,p.dataKey):X(e)},Y=function(e){return p.optionDisabled?i.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Q=function(e){return i.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},W=function(e){return i.ObjectUtils.resolveFieldData(e,p.optionGroupChildren)},Z=function(){if(h.current){var e=R();-1!==e&&setTimeout((function(){return h.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(t,(function(){return{props:p,focus:function(){return i.DomHandler.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return h.current}}})),l.useMountEffect((function(){Z()}));var ee=function(e,t){return W(e).map((function(e,r){var n=X(e),l=r+"_"+$(e),o=Y(e),i=o?null:p.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:l,label:n,option:e,style:t,template:p.itemTemplate,selected:J(e),onClick:M,onTouchEnd:k,tabIndex:i,disabled:o,ptCallbacks:F,metaData:C})}))},te=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n={height:r.props?r.props.itemSize:void 0};if(p.optionGroupLabel){var l=p.optionGroupTemplate?i.ObjectUtils.getJSXElement(p.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,p.optionGroupLabel),o=ee(e,n),a=t+"_"+Q(e),u=i.mergeProps({className:F.cx("itemGroup"),style:F.sx("itemGroup",{scrollerOptions:r}),role:"group"},F.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",u,l),o)}var s=X(e),c=t+"_"+$(e),m=Y(e),b=m?null:p.tabIndex||0;return f.createElement(T,{hostName:"ListBox",key:c,label:s,option:e,style:n,template:p.itemTemplate,selected:J(e),onClick:M,onTouchEnd:k,tabIndex:b,disabled:m,ptCallbacks:F,metaData:C})},re=function(e,t){var n=i.mergeProps({className:F.cx("emptyMessage")},F.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,p)||r.localeOption(t?"emptyFilterMessage":"emptyMessage");return f.createElement("li",n,l)},ne=function(){if(I){var e=x.trim().toLocaleLowerCase(p.filterLocale),t=p.filterBy?p.filterBy.split(","):[p.optionLabel||"label"];if(p.optionGroupLabel){var n,l=[],o=U(p.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.FilterService.filter(W(i),t,e,p.filterMatchMode,p.filterLocale);a&&a.length&&l.push(L(L({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return r.FilterService.filter(p.options,t,e,p.filterMatchMode,p.filterLocale)}return p.options}(),le=i.ObjectUtils.isNotEmpty(p.tooltip),oe=D.getOtherProps(p),ie=i.ObjectUtils.reduceKeys(oe,i.DomHandler.ARIA_PROPS),ae=function(){if(p.virtualScrollerOptions){var e=L(L({},p.virtualScrollerOptions),{items:ne,onLazyLoad:function(e){return p.virtualScrollerOptions.onLazyLoad(L(L({},e),{filter:ne}))},itemTemplate:function(e,t){return e&&te(e,t.index,t)},contentTemplate:function(e){var t=i.mergeProps(L({ref:e.contentRef,style:F.sx("list",{options:e}),className:F.cx("list",{options:e}),role:"listbox","aria-multiselectable":p.multiple},ie),F.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(a.VirtualScroller,m({ref:h},e,{pt:F.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(ne)?ne.map(te):I?re(p.emptyFilterMessage,!0):re(p.emptyMessage),r=i.mergeProps(L({className:F.cx("list"),role:"listbox","aria-multiselectable":p.multiple},ie),F.ptm("list"));return f.createElement("ul",r,t)}(),ue=p.filter?f.createElement(N,{hostName:"ListBox",filter:x,filterIcon:p.filterIcon,onFilter:K,resetFilter:V,filterTemplate:p.filterTemplate,disabled:p.disabled,filterPlaceholder:p.filterPlaceholder,filterInputProps:p.filterInputProps,ptCallbacks:F,metaData:C}):null,se=i.mergeProps({className:F.cx("wrapper"),style:p.listStyle},F.ptm("wrapper")),ce=i.mergeProps({ref:g,id:p.id,className:F.cx("root"),style:p.style},D.getOtherProps(p),F.ptm("root"));return f.createElement(f.Fragment,null,f.createElement("div",ce,ue,f.createElement("div",se,ae)),le&&f.createElement(o.Tooltip,m({target:g,content:p.tooltip},p.tooltipOptions,{pt:F.ptm("tooltip")})))})));return A.displayName="ListBox",e.ListBox=A,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 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);

package/megamenu/megamenu.cjs.js

@@ -524,13 +524,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }, 1);
     }
   };
-  hooks.useUpdateEffect(function () {
-    if (mobileActiveState) {
-      bindListeners();
-    } else {
-      unbindListeners();
-    }
-  }, [mobileActiveState]);
   var isOutsideClicked = function isOutsideClicked(event) {
     return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target) || menuButtonRef.current && menuButtonRef.current.contains(event.target));
   };
@@ -549,6 +542,72 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }
   });
+  hooks.useUpdateEffect(function () {
+    if (attributeSelectorState && elementRef.current) {
+      elementRef.current.setAttribute(attributeSelectorState, '');
+      createStyle();
+    }
+    return function () {
+      destroyStyle();
+    };
+  }, [attributeSelectorState, props.breakpoint]);
+  hooks.useUpdateEffect(function () {
+    if (mobileActiveState) {
+      bindListeners();
+    } else {
+      unbindListeners();
+    }
+  }, [mobileActiveState]);
+  hooks.useUpdateEffect(function () {
+    if (focusTrigger) {
+      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
+      changeFocusedItemInfo(itemIndex);
+      setFocusTrigger(false);
+    }
+  }, [focusTrigger]);
+  hooks.useUpdateEffect(function () {
+    var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
+    if (activeItemState) {
+      bindListeners();
+      if (!isMobileMode) {
+        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
+      }
+    } else {
+      unbindListeners();
+    }
+    if (isMobileMode) {
+      currentPanel && currentPanel.previousElementSibling.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }
+    return function () {
+      unbindListeners();
+      utils.ZIndexUtils.clear(currentPanel);
+    };
+  }, [activeItemState, isMobileMode]);
+  hooks.useUpdateEffect(function () {
+    var _focusedItemId = utils.ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
+    setFocusedItemId(_focusedItemId);
+  }, [focusedItemInfo]);
+  React__namespace.useEffect(function () {
+    var itemsToProcess = props.model || [];
+    var processed = createProcessedItems(itemsToProcess, 0, null, '');
+    setProcessedItems(processed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.model]);
+  hooks.useUpdateEffect(function () {
+    var processedItem = utils.ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
+    var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
+      col.forEach(function (submenu) {
+        submenu.items.forEach(function (a) {
+          items.push(a);
+        });
+      });
+      return items;
+    }, []) : processedItems;
+    setVisibleItems(_visibleItems);
+  }, [focusedItemInfo, activeItemState, processedItems]);
   var onFocus = function onFocus(event) {
     setFocused(true);
     if (focusedItemInfo.index === -1) {
@@ -620,13 +679,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         break;
     }
   };
-  hooks.useUpdateEffect(function () {
-    if (focusTrigger) {
-      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : findFirstFocusedItemIndex();
-      changeFocusedItemInfo(itemIndex);
-      setFocusTrigger(false);
-    }
-  }, [focusTrigger]);
   var onArrowDownKey = function onArrowDownKey(event) {
     event.preventDefault();
     if (horizontal) {
@@ -942,48 +994,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       return isItemVisible(processedItem) && getItemProp(processedItem, 'separator');
     }).length + 1;
   };
-  hooks.useUpdateEffect(function () {
-    var currentPanel = utils.DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
-    if (activeItemState) {
-      bindListeners();
-      if (!isMobileMode) {
-        utils.ZIndexUtils.set('menu', currentPanel, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
-      }
-    } else {
-      unbindListeners();
-    }
-    if (isMobileMode) {
-      currentPanel && currentPanel.previousElementSibling.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }
-    return function () {
-      unbindListeners();
-      utils.ZIndexUtils.clear(currentPanel);
-    };
-  }, [activeItemState]);
-  hooks.useUpdateEffect(function () {
-    var _focusedItemId = utils.ObjectUtils.isNotEmpty(focusedItemInfo.key) ? "".concat(idState, "_").concat(focusedItemInfo.key) : null;
-    setFocusedItemId(_focusedItemId);
-  }, [focusedItemInfo]);
-  hooks.useUpdateEffect(function () {
-    var itemsToProcess = props.model || [];
-    var processed = createProcessedItems(itemsToProcess, 0, null, '');
-    setProcessedItems(processed);
-  }, [props.model]);
-  hooks.useUpdateEffect(function () {
-    var processedItem = utils.ObjectUtils.isNotEmpty(activeItemState) ? activeItemState : null;
-    var _visibleItems = processedItem && processedItem.key === focusedItemInfo.parentKey ? processedItem.items.reduce(function (items, col) {
-      col.forEach(function (submenu) {
-        submenu.items.forEach(function (a) {
-          items.push(a);
-        });
-      });
-      return items;
-    }, []) : processedItems;
-    setVisibleItems(_visibleItems);
-  }, [focusedItemInfo, activeItemState, processedItems]);
   var createProcessedItems = function createProcessedItems(items) {
     var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -1181,7 +1191,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-megamenu[").concat(selector, "] > .p-megamenu-root-list .p-menuitem-active .p-megamenu-panel {\n        position: relative;\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        background: inherit;\n    }\n\n    .p-megamenu[").concat(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-megamenu[").concat(selector, "] .p-megamenu-grid {\n        flex-wrap: wrap;\n    }\n\n    ").concat(horizontal ? "\n.p-megamenu[".concat(selector, "] .p-megamenu-button {\n    display: flex;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal {\n    position: relative;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-horizontal .p-megamenu-root-list {\n    display: none;\n}\n\n.p-megamenu-horizontal[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: auto;\n    flex: 1;\n    padding: 0;\n}\n\n.p-megamenu[").concat(selector, "].p-megamenu-mobile-active .p-megamenu-root-list {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n        ") : '', "\n\n    ").concat(vertical ? "\n.p-megamenu-vertical[".concat(selector, "] {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-root-list {\n    max-height: ").concat(props.scrollHeight, ";\n    overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n}\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] {\n    width: 100%;\n    padding: 0;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-megamenu-submenu {\n    width: 100%;\n}\n\n.p-megamenu-vertical[").concat(selector, "] div[class*=\"p-megamenu-col-\"] .p-megamenu-submenu-header {\n    background: inherit;\n}\n\n.p-megamenu-vertical[").concat(selector, "] .p-submenu-icon:before {\n    content: \"\\e930\";\n}\n        ") : '', "\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
@@ -1190,15 +1200,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var destroyStyle = function destroyStyle() {
     styleElementRef.current = utils.DomHandler.removeInlineStyle(styleElementRef.current);
   };
-  hooks.useUpdateEffect(function () {
-    if (attributeSelectorState && elementRef.current) {
-      elementRef.current.setAttribute(attributeSelectorState, '');
-      createStyle();
-    }
-    return function () {
-      destroyStyle();
-    };
-  }, [attributeSelectorState, props.breakpoint]);
   var createCategory = function createCategory(processedItem, index) {
     var category = processedItem.item;
     var iconProps = utils.mergeProps({