primereact 10.3.1 → 10.3.3

package/dock/dock.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,a){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=c(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function u(e){return u="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},u(e)}function p(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=p(e,"string");return"symbol"===u(n)?n:String(n)}function f(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return m(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function y(){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 k(e){return b(e)||g(e)||v(e)||y()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return h(e)||O(e,n)||v(e,n)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return a.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return a.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return a.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=l.memo(l.forwardRef((function(e,n){var c=j(l.useState(-3),2),u=c[0],p=c[1],d=j(l.useState(!1),2),m=d[0],b=d[1],g=j(l.useState(-1),2),v=g[0],y=g[1],h=l.useContext(t.PrimeReactContext),O=S.getProps(e,h),x=j(l.useState(O.id),2),P=x[0],D=x[1],E=S.setMetaData({props:O,state:{id:P,currentIndex:u}}),N=E.ptm,I=E.cx,A=E.isUnstyled,H=l.useRef(null),C=l.useRef(null);r.useHandleStyle(S.css.styles,A,{name:"dock"});var U=function(e,n,t){return N(e,{context:{index:t,item:n}})},M=function(){p(-3)},R=function(e){p(e)},_=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),$(0),O.onFocus&&O.onFocus(e)},B=function(e){b(!1),y(-1),O.onBlur&&O.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==O.position&&"right"!==O.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==O.position&&"right"!==O.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==O.position&&"bottom"!==O.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==O.position&&"bottom"!==O.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"Space":q(),e.preventDefault()}},J=function(){var e=K(v);$(e)},T=function(){var e=Y(v);$(e)},X=function(){$(0)},L=function(){$(a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},q=function(){var e=a.DomHandler.findSingle(C.current,'li[id="'.concat("".concat(v),'"]')),n=e&&a.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},K=function(e){var n=k(a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},Y=function(e){var n=k(a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},$=function(e){var n=a.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');y(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},G=function(e){return e===v},Q=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,c=e.template,s=e.url,p=e.target,d=e.id||P+"_"+n,m=a.classNames("p-dock-action",{"p-disabled":t}),b=a.classNames("p-dock-action-icon",r),g=a.mergeProps({className:I("icon")},U("icon",e,n)),v=a.IconUtils.getJSXIcon(r,w({},g),{props:O}),y=a.mergeProps({href:s||"#",onFocus:function(e){return e.stopPropagation()},className:I("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:p,"data-pr-tooltip":o,onClick:function(n){return _(n,e)}},U("action",e,n)),k=l.createElement("a",y,v,l.createElement(i.Ripple,null));c&&(k=a.ObjectUtils.getJSXElement(c,e,{onClick:function(n){return _(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:k,props:O,index:n}));var h=a.mergeProps({className:I("content")},U("content",e,n)),x=G(d),j=a.mergeProps(f(f({id:d,role:"menuitem",key:d,"aria-label":o,"aria-disabled":t,"data-p-focused":x,"data-p-disabled":t||!1,className:I("menuitem",{currentIndexState:u,index:n,active:G(d)})},"role","none"),"onMouseEnter",(function(){return R(n)})),U("menuitem",e,n));return l.createElement("li",j,l.createElement("div",h,k))};o.useMountEffect((function(){P||D(a.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:O,getElement:function(){return H.current}}}));var V,W,Z=function(){if(O.header){var e=a.ObjectUtils.getJSXElement(O.header,{props:O}),n=a.mergeProps({className:I("header")},N("header"));return l.createElement("div",n,e)}return null}(),ee=(V=O.model?O.model.map(Q):null,W=a.mergeProps({ref:C,className:I("menu"),role:"menu","aria-orientation":"bottom"===O.position||"top"===O.position?"horizontal":"vertical","aria-activedescendant":m?-1!==v?v:null:void 0,tabIndex:O.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:M},N("menu")),l.createElement("ul",W,V)),ne=function(){if(O.footer){var e=a.ObjectUtils.getJSXElement(O.footer,{props:O}),n=a.mergeProps({className:I("footer")},N("footer"));return l.createElement("div",n,e)}return null}(),te=a.mergeProps({className:a.classNames(O.className,I("root")),style:O.style},S.getOtherProps(O),N("root")),re=a.mergeProps({className:I("container")},N("container"));return l.createElement("div",s({id:O.id,ref:H},te),l.createElement("div",re,Z,ee,ne))})));return D.displayName="Dock",e.Dock=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,a){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=c(n);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function d(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=d(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return b(e)||v(e)||y(e)||k()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return h(e)||O(e,n)||y(e,n)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return a.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return a.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return a.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=l.memo(l.forwardRef((function(e,n){var c=j(l.useState(-3),2),s=c[0],d=c[1],p=j(l.useState(!1),2),m=p[0],b=p[1],v=j(l.useState(-1),2),y=v[0],k=v[1],h=o.useMergeProps(),O=l.useContext(t.PrimeReactContext),x=S.getProps(e,O),w=j(l.useState(x.id),2),E=w[0],P=w[1],N=S.setMetaData({props:x,state:{id:E,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=l.useRef(null),M=l.useRef(null);r.useHandleStyle(S.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},R=function(){d(-3)},_=function(e){d(e)},z=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},B=function(e){b(!0),G(0),x.onFocus&&x.onFocus(e)},F=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},J=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||T(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||X(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||T(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||X(),e.preventDefault();break;case"Home":L(),e.preventDefault();break;case"End":q(),e.preventDefault();break;case"Enter":case"Space":K(),e.preventDefault()}},T=function(){var e=Y(y);G(e)},X=function(){var e=$(y);G(e)},L=function(){G(0)},q=function(){G(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=a.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&a.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,c=e.template,u=e.url,d=e.target,p=e.id||E+"_"+n,m=a.classNames("p-dock-action",{"p-disabled":t}),b=a.classNames("p-dock-action-icon",r),v=h({className:A("icon")},U("icon",e,n)),y=a.IconUtils.getJSXIcon(r,D({},v),{props:x}),k=h({href:u||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:d,"data-pr-tooltip":o,onClick:function(n){return z(n,e)}},U("action",e,n)),g=l.createElement("a",k,y,l.createElement(i.Ripple,null));c&&(g=a.ObjectUtils.getJSXElement(c,e,{onClick:function(n){return z(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:g,props:x,index:n}));var O=h({className:A("content")},U("content",e,n)),j=Q(p),S=h(f(f({id:p,role:"menuitem",key:p,"aria-label":o,"aria-disabled":t,"data-p-focused":j,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(p)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return l.createElement("li",S,l.createElement("div",O,g))};o.useMountEffect((function(){E||P(a.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:x,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(x.header){var e=a.ObjectUtils.getJSXElement(x.header,{props:x}),n=h({className:A("header")},I("header"));return l.createElement("div",n,e)}return null}(),ne=(W=x.model?x.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:x.tabIndex||0,onFocus:B,onBlur:F,onKeyDown:J,onMouseLeave:R},I("menu")),l.createElement("ul",Z,W)),te=function(){if(x.footer){var e=a.ObjectUtils.getJSXElement(x.footer,{props:x}),n=h({className:A("footer")},I("footer"));return l.createElement("div",n,e)}return null}(),re=h({className:a.classNames(x.className,A("root")),style:x.style},S.getOtherProps(x),I("root")),oe=h({className:A("container")},I("container"));return l.createElement("div",u({id:x.id,ref:C},re),l.createElement("div",oe,ee,ne,te))})));return E.displayName="Dock",e.Dock=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);

package/dropdown/dropdown.cjs.js

@@ -186,6 +186,7 @@ var classes = {
   loadingIcon: 'p-dropdown-trigger-icon p-clickable',
   clearIcon: 'p-dropdown-clear-icon p-clickable',
   filterIcon: 'p-dropdown-filter-icon',
+  filterClearIcon: 'p-dropdown-filter-clear-icon',
   filterContainer: function filterContainer(_ref4) {
     var clearIcon = _ref4.clearIcon;
     return utils.classNames('p-dropdown-filter-container', {
@@ -307,6 +308,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
 });
 
 var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     selected = props.selected,
@@ -330,7 +332,7 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
-  var itemProps = utils.mergeProps({
+  var itemProps = mergeProps({
     role: 'option',
     key: props.label,
     className: utils.classNames(option.className, cx('item', {
@@ -354,6 +356,7 @@ DropdownItem.displayName = 'DropdownItem';
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -400,7 +403,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var createFooter = function createFooter() {
     if (props.panelFooterTemplate) {
       var content = utils.ObjectUtils.getJSXElement(props.panelFooterTemplate, props, props.onOverlayHide);
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, getPTOptions('footer'));
       return /*#__PURE__*/React__namespace.createElement("div", footerProps, content);
@@ -429,7 +432,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
   var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
     var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || PrimeReact.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
-    var emptyMessageProps = utils.mergeProps({
+    var emptyMessageProps = mergeProps({
       className: cx('emptyMessage')
     }, getPTOptions('emptyMessage'));
     return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, message);
@@ -445,11 +448,12 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
       var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + props.getOptionGroupRenderKey(option);
-      var itemGroupProps = utils.mergeProps({
+      var itemGroupProps = mergeProps({
         className: cx('itemGroup', {
           optionGroupLabel: optionGroupLabel
         }),
-        style: style
+        style: style,
+        'data-p-highlight': props.selected
       }, getPTOptions('itemGroup'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: key
@@ -483,15 +487,15 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var createFilterClearIcon = function createFilterClearIcon() {
     if (props.showFilterClear && props.filterValue) {
       var ariaLabel = PrimeReact.localeOption('clear');
-      var clearIconProps = utils.mergeProps({
-        className: cx('clearIcon'),
+      var clearIconProps = mergeProps({
+        className: cx('filterClearIcon'),
         'aria-label': ariaLabel,
         onClick: function onClick() {
           return props.onFilterClearIconClick(function () {
             return utils.DomHandler.focus(filterInputRef.current);
           });
         }
-      }, getPTOptions('clearIcon'));
+      }, getPTOptions('filterClearIcon'));
       var icon = props.filterClearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, clearIconProps);
       var filterClearIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, clearIconProps), {
         props: props
@@ -503,19 +507,19 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var createFilter = function createFilter() {
     if (props.filter) {
       var clearIcon = createFilterClearIcon();
-      var filterIconProps = utils.mergeProps({
+      var filterIconProps = mergeProps({
         className: cx('filterIcon')
       }, getPTOptions('filterIcon'));
       var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
       var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, filterIconProps), {
         props: props
       });
-      var filterContainerProps = utils.mergeProps({
+      var filterContainerProps = mergeProps({
         className: cx('filterContainer', {
           clearIcon: clearIcon
         })
       }, getPTOptions('filterContainer'));
-      var filterInputProps = utils.mergeProps({
+      var filterInputProps = mergeProps({
         ref: filterInputRef,
         type: 'text',
         autoComplete: 'off',
@@ -543,7 +547,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         };
         content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, getPTOptions('header'));
       return /*#__PURE__*/React__namespace.createElement("div", headerProps, content);
@@ -570,7 +574,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         contentTemplate: function contentTemplate(options) {
           var emptyMessage = props.hasFilter ? props.emptyFilterMessage : props.emptyMessage;
           var content = isEmptyFilter ? createEmptyMessage(emptyMessage) : options.children;
-          var listProps = utils.mergeProps({
+          var listProps = mergeProps({
             ref: options.contentRef,
             style: options.style,
             className: utils.classNames(options.className, cx('list', {
@@ -588,11 +592,11 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       }));
     } else {
       var items = createItems();
-      var wrapperProps = utils.mergeProps({
+      var wrapperProps = mergeProps({
         className: cx('wrapper'),
         style: sx('wrapper')
       }, getPTOptions('wrapper'));
-      var listProps = utils.mergeProps({
+      var listProps = mergeProps({
         className: cx('list'),
         role: 'listbox'
       }, getPTOptions('list'));
@@ -603,14 +607,14 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var filter = createFilter();
     var content = createContent();
     var footer = createFooter();
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       className: utils.classNames(props.panelClassName, cx('panel', {
         context: context
       })),
       style: sx('panel'),
       onClick: props.onClick
     }, getPTOptions('panel'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": props["in"],
       timeout: {
@@ -644,6 +648,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = DropdownBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(''),
@@ -730,7 +735,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var isClearClicked = function isClearClicked(event) {
-    return utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || utils.DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
+    return utils.DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'clearicon') || utils.DomHandler.isAttributeEquals(event.target.parentElement || event.target, 'data-pc-section', 'filterclearicon');
   };
   var _onClick = function onClick(event) {
     if (props.disabled || props.loading) {
@@ -742,7 +747,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (event.defaultPrevented) {
       return;
     }
-    if (utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
+    if (isClearClicked(event) || event.target.tagName === 'INPUT') {
       return;
     } else if (!overlayRef.current || !(overlayRef.current && overlayRef.current.contains(event.target))) {
       utils.DomHandler.focus(focusInputRef.current);
@@ -1045,6 +1050,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       });
     }
+    if (props.filter) {
+      resetFilter();
+    }
     updateEditableLabel();
   };
   var selectItem = function selectItem(event) {
@@ -1136,7 +1144,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+    var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',
@@ -1256,10 +1264,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         label: getOptionLabel(selectedOption)
       };
     }
-    var hiddenSelectedMessageProps = utils.mergeProps({
+    var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible p-dropdown-hidden-select'
     }, ptm('hiddenSelectedMessage'));
-    var selectProps = utils.mergeProps({
+    var selectProps = mergeProps({
       ref: inputRef,
       required: props.required,
       defaultValue: option.value,
@@ -1267,16 +1275,16 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       tabIndex: -1,
       'aria-hidden': 'true'
     }, ptm('select'));
-    var optionProps = utils.mergeProps({
+    var optionProps = mergeProps({
       value: option.value
     }, ptm('option'));
     return /*#__PURE__*/React__namespace.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React__namespace.createElement("select", selectProps, /*#__PURE__*/React__namespace.createElement("option", optionProps, option.label)));
   };
   var createKeyboardHelper = function createKeyboardHelper() {
-    var hiddenSelectedMessageProps = utils.mergeProps({
+    var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
-    var inputProps = utils.mergeProps(_objectSpread({
+    var inputProps = mergeProps(_objectSpread({
       ref: focusInputRef,
       id: props.inputId,
       type: 'text',
@@ -1294,7 +1302,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var label = utils.ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
     if (props.editable) {
       var value = label || props.value || '';
-      var inputProps = utils.mergeProps(_objectSpread({
+      var inputProps = mergeProps(_objectSpread({
         ref: inputRef,
         type: 'text',
         defaultValue: value,
@@ -1313,7 +1321,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       return /*#__PURE__*/React__namespace.createElement("input", inputProps);
     } else {
       var content = props.valueTemplate ? utils.ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || 'empty';
-      var _inputProps = utils.mergeProps({
+      var _inputProps = mergeProps({
         ref: inputRef,
         className: cx('input', {
           label: label
@@ -1325,7 +1333,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createClearIcon = function createClearIcon() {
     if (props.value != null && props.showClear && !props.disabled) {
-      var clearIconProps = utils.mergeProps({
+      var clearIconProps = mergeProps({
         className: cx('clearIcon'),
         onPointerUp: clear
       }, ptm('clearIcon'));
@@ -1337,7 +1345,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createLoadingIcon = function createLoadingIcon() {
-    var loadingIconProps = utils.mergeProps({
+    var loadingIconProps = mergeProps({
       className: cx('loadingIcon'),
       'data-pr-overlay-visible': overlayVisibleState
     }, ptm('loadingIcon'));
@@ -1348,7 +1356,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       props: props
     });
     var ariaLabel = props.placeholder || props.ariaLabel;
-    var loadingButtonProps = utils.mergeProps({
+    var loadingButtonProps = mergeProps({
       className: cx('trigger'),
       role: 'button',
       'aria-haspopup': 'listbox',
@@ -1358,7 +1366,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return /*#__PURE__*/React__namespace.createElement("div", loadingButtonProps, loadingIcon);
   };
   var createDropdownIcon = function createDropdownIcon() {
-    var dropdownIconProps = utils.mergeProps({
+    var dropdownIconProps = mergeProps({
       className: cx('dropdownIcon'),
       'data-pr-overlay-visible': overlayVisibleState
     }, ptm('dropdownIcon'));
@@ -1367,7 +1375,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       props: props
     });
     var ariaLabel = props.placeholder || props.ariaLabel;
-    var triggerProps = utils.mergeProps({
+    var triggerProps = mergeProps({
       className: cx('trigger'),
       role: 'button',
       'aria-haspopup': 'listbox',
@@ -1386,7 +1394,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var labelElement = createLabel();
   var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
   var clearIcon = createClearIcon();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: utils.classNames(props.className, cx('root', {

package/dropdown/dropdown.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/icons/spinner"),i=require("primereact/icons/times"),a=require("primereact/overlayservice"),u=require("primereact/tooltip"),p=require("primereact/utils"),c=require("primereact/csstransition"),s=require("primereact/icons/search"),d=require("primereact/portal"),f=require("primereact/virtualscroller"),m=require("primereact/ripple");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=b(e),y=v(t);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function w(e){return w="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},w(e)}function O(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function E(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return S(e)||x(e,t)||j(e,t)||C()}var N=n.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return p.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":p.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":p.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return p.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",loadingIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return p.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},item:function(e){var t=e.label;return p.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),F=g.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?p.ObjectUtils.getJSXElement(e.template,e.option):e.label,u=p.mergeProps({role:"option",key:e.label,className:p.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return g.createElement("li",u,a,g.createElement(m.Ripple,null))}));function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}F.displayName="DropdownItem";var U=g.memo(g.forwardRef((function(e,n){var r=e.ptm,o=e.cx,l=e.sx,a=g.useContext(t.PrimeReactContext);g.useRef(null);var u,m,v,b,y,w=g.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,I={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},E=function(t,n){return r(t,T({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&p.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=p.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=p.mergeProps({className:o("footer")},E("footer"));return g.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return g.createElement(F,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(n,r){var l=p.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=p.mergeProps({className:o("emptyMessage")},E("emptyMessage"));return g.createElement("li",i,l)},N=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=T(T({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,u=e.optionGroupTemplate?p.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=p.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},E("itemGroup"));return g.createElement(g.Fragment,{key:s},g.createElement("li",d,u),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return g.createElement(F,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},L=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=p.mergeProps({className:o("clearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return p.DomHandler.focus(w.current)}))}},E("clearIcon"));return p.IconUtils.getJSXIcon(e.filterClearIcon||g.createElement(i.TimesIcon,r),T({},r),{props:e})}return null},U=function(){if(e.filter){var t=L(),n=p.mergeProps({className:o("filterIcon")},E("filterIcon")),r=p.IconUtils.getJSXIcon(e.filterIcon||g.createElement(s.SearchIcon,n),T({},n),{props:e}),l=p.mergeProps({className:o("filterContainer",{clearIcon:t})},E("filterContainer")),i=p.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},E("filterInput")),a=g.createElement("div",l,g.createElement("input",i),t,r);if(e.filterTemplate){var u={className:p.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:I,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=p.ObjectUtils.getJSXElement(e.filterTemplate,u)}var c=p.mergeProps({className:o("header")},E("header"));return g.createElement("div",c,a)}return null},R=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:p.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&N(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=p.mergeProps({ref:t.contentRef,style:t.style,className:p.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},E("list"));return g.createElement("ul",r,n)}});return g.createElement(f.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=p.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(N):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),i=p.mergeProps({className:o("wrapper"),style:l("wrapper")},E("wrapper")),a=p.mergeProps({className:o("list"),role:"listbox"},E("list"));return g.createElement("div",i,g.createElement("ul",a,n))},k=(u=U(),m=R(),v=j(),b=p.mergeProps({className:p.classNames(e.panelClassName,o("panel",{context:a})),style:l("panel"),onClick:e.onClick},E("panel")),y=p.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},E("transition")),g.createElement(c.CSSTransition,h({nodeRef:n},y),g.createElement("div",h({ref:n},b),u,m,v)));return g.createElement(d.Portal,{element:k,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=k(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function k(e,t){if(e){if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="DropdownPanel";var q=g.memo(g.forwardRef((function(e,c){var s=g.useContext(t.PrimeReactContext),d=N.getProps(e,s),f=D(g.useState(""),2),m=f[0],v=f[1],b=D(g.useState(!1),2),O=b[0],I=b[1],S=D(g.useState(!1),2),x=S[0],P=S[1],j=g.useRef(null),C=g.useRef(null),F=g.useRef(d.inputRef),L=g.useRef(d.focusInputRef),T=g.useRef(null),k=g.useRef(null),M=g.useRef(null),G=g.useRef(null),q=d.virtualScrollerOptions&&d.virtualScrollerOptions.lazy,A=p.ObjectUtils.isNotEmpty(m),K=d.appendTo||s&&s.appendTo||y.default.appendTo,V=N.setMetaData(H(H({props:d},d.__parentMetadata),{},{state:{filter:m,focused:O,overlayVisible:x}})),_=V.ptm,J=V.cx,X=V.sx;n.useHandleStyle(N.css.styles,V.isUnstyled,{name:"dropdown"});var B=D(r.useOverlayListener({target:j,overlay:C,listener:function(e,t){t.valid&&("outside"===t.type?!$(e)&&we():we())},when:x}),2),z=B[0],Z=B[1],$=function(e){return p.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||p.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},W=function(e){d.showOnFocus&&!x&&he(),I(!0),d.onFocus&&d.onFocus(e)},Y=function(e){I(!1),d.onBlur&&setTimeout((function(){var t=F.current?F.current.value:void 0;d.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:d.name,id:d.id,value:t}})}),200)},Q=function(e){switch(e.which){case 40:te(e);break;case 38:ee(e);break;case 32:case 13:x?we():he(),e.preventDefault();break;case 27:case 9:we();break;default:ie(e)}},ee=function(e){if(Re){var t=oe(be());t&&ve({originalEvent:e,option:t})}e.preventDefault()},te=function(e){if(Re)if(!x&&e.altKey)he();else{var t=ne(be());t&&ve({originalEvent:e,option:t})}e.preventDefault()},ne=function e(t){if(d.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=re(Pe(Re[n]),r);return o||(n+1!==Re.length?e({group:n+1,option:-1}):null)}return re(Re,t)},re=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return xe(o)?e(r):o},oe=function e(t){if(-1===t)return null;if(d.optionGroupLabel){var n=t.group,r=t.option,o=le(Pe(Re[n]),r);return o||(n>0?e({group:n-1,option:Pe(Re[n-1]).length}):null)}return le(Re,t)},le=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return xe(r)?oe(n):r},ie=function(e){k.current&&clearTimeout(k.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(M.current=G.current===t?t:M.current?M.current+t:t,G.current=t,M.current){var n=be(),r=d.optionGroupLabel?pe(n):ae(n+1);r&&ve({originalEvent:e,option:r})}k.current=setTimeout((function(){M.current=null}),250)}},ae=function(e){return M.current?ue(e,Re.length)||ue(0,e):null},ue=function(e,t){for(var n=e;n<t;n++){var r=Re[n];if(ce(r))return r}return null},pe=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Re.length;n++)for(var r=Pe(Re[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(ce(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Pe(Re[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(ce(i[a]))return i[a];return null},ce=function(e){var t=Ee(e);return!!t&&(t=t.toLocaleLowerCase(d.filterLocale)).startsWith(M.current.toLocaleLowerCase(d.filterLocale))},se=function(e){d.onChange&&d.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:d.name,id:d.id,value:e.target.value}})},de=function(e){I(!0),we(),d.onFocus&&d.onFocus(e)},fe=function(e){v(""),d.onFilter&&d.onFilter({filter:""}),e&&e()},me=function(e){d.onChange&&d.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:void 0}}),Ie()},ve=function(e){if(ke!==e.option){Ie(e.option);var t=Se(e.option);d.onChange&&d.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:d.name,id:d.id,value:t}})}},be=function(e){if(e=e||Re,null!=d.value&&e){if(!d.optionGroupLabel)return ye(d.value,e);for(var t=0;t<e.length;t++){var n=ye(d.value,Pe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ge=function(){return d.optionValue?null:d.dataKey},ye=function(e,t){var n=ge();return t.findIndex((function(t){return p.ObjectUtils.equals(e,Se(t),n)}))},he=function(){P(!0)},we=function(){P(!1)},Oe=function(){p.DomHandler.alignOverlay(C.current,F.current.parentElement,d.appendTo||s&&s.appendTo||y.default.appendTo)},Ie=function(e){F.current&&(F.current.value=e?Ee(e):d.value||"")},Ee=function(e){return d.optionLabel?p.ObjectUtils.resolveFieldData(e,d.optionLabel):e&&void 0!==e.label?e.label:e},Se=function(e){return d.optionValue?p.ObjectUtils.resolveFieldData(e,d.optionValue):e&&void 0!==e.value?e.value:e},xe=function(e){return d.optionDisabled?p.ObjectUtils.isFunction(d.optionDisabled)?d.optionDisabled(e):p.ObjectUtils.resolveFieldData(e,d.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Pe=function(e){return p.ObjectUtils.resolveFieldData(e,d.optionGroupChildren)},je=function(){if(d.editable&&F.current){var e=ke?Ee(ke):null;F.current.value=e||d.value||""}};g.useImperativeHandle(c,(function(){return{props:d,show:he,hide:we,clear:me,focus:function(){return p.DomHandler.focus(L.current)},getElement:function(){return j.current},getOverlay:function(){return C.current},getInput:function(){return F.current},getFocusInput:function(){return L.current},getVirtualScroller:function(){return T.current}}})),g.useEffect((function(){p.ObjectUtils.combinedRefs(F,d.inputRef),p.ObjectUtils.combinedRefs(L,d.focusInputRef)}),[F,d.inputRef,L,d.focusInputRef]),r.useMountEffect((function(){d.autoFocus&&p.DomHandler.focus(L.current,d.autoFocus),Oe()})),r.useUpdateEffect((function(){var e;x&&d.value&&(e=p.DomHandler.findSingle(C.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[x,d.value]),r.useUpdateEffect((function(){x&&m&&d.filter&&Oe()}),[x,m,d.filter]),r.useUpdateEffect((function(){!m||d.options&&0!==d.options.length||v(""),je(),F.current&&(F.current.selectedIndex=1)})),r.useUnmountEffect((function(){p.ZIndexUtils.clear(C.current)}));var Ce,De,Ne,Fe,Le,Te,Ue,Re=function(){if(A&&!q){var e=m.trim().toLocaleLowerCase(d.filterLocale),n=d.filterBy?d.filterBy.split(","):[d.optionLabel||"label"];if(d.optionGroupLabel){var r,o=[],l=R(d.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(Pe(i),n,e,d.filterMatchMode,d.filterLocale);a&&a.length&&o.push(H(H({},i),E({},"".concat(d.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(d.options,n,e,d.filterMatchMode,d.filterLocale)}return d.options}(),ke=-1!==(Ce=be(d.options))?d.optionGroupLabel?Pe(d.options[Ce.group])[Ce.option]:d.options[Ce]:null,Me=p.ObjectUtils.isNotEmpty(d.tooltip),Ge=N.getOtherProps(d),He=p.ObjectUtils.reduceKeys(Ge,p.DomHandler.ARIA_PROPS),qe=function(){var e={value:"",label:d.placeholder};if(ke){var t=Se(ke);e={value:"object"===w(t)?d.options.findIndex((function(e){return e===t})):t,label:Ee(ke)}}var n=p.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},_("hiddenSelectedMessage")),r=p.mergeProps({ref:F,required:d.required,defaultValue:e.value,name:d.name,tabIndex:-1,"aria-hidden":"true"},_("select")),o=p.mergeProps({value:e.value},_("option"));return g.createElement("div",n,g.createElement("select",r,g.createElement("option",o,e.label)))}(),Ae=(De=p.mergeProps({className:"p-hidden-accessible"},_("hiddenSelectedMessage")),Ne=p.mergeProps(H({ref:L,id:d.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:W,onBlur:Y,onKeyDown:Q,disabled:d.disabled,tabIndex:d.tabIndex||0},He),_("input")),g.createElement("div",De,g.createElement("input",Ne))),Ke=function(){var e=p.ObjectUtils.isNotEmpty(ke)?Ee(ke):null;if(d.editable){var t=p.mergeProps(H({ref:F,type:"text",defaultValue:e||d.value||"",className:J("input",{label:e}),disabled:d.disabled,placeholder:d.placeholder,maxLength:d.maxLength,onInput:se,onFocus:de,onBlur:Y,tabIndex:d.tabIndex||0,"aria-haspopup":"listbox"},He),_("input"));return g.createElement("input",t)}var n=d.valueTemplate?p.ObjectUtils.getJSXElement(d.valueTemplate,ke,d):e||d.placeholder||"empty",r=p.mergeProps({ref:F,className:J("input",{label:e}),tabIndex:"-1"},_("input"));return g.createElement("span",r,n)}(),Ve=d.loading?(Fe=p.mergeProps({className:J("loadingIcon"),"data-pr-overlay-visible":x},_("loadingIcon")),Le=p.IconUtils.getJSXIcon(d.loadingIcon||g.createElement(l.SpinnerIcon,{spin:!0}),H({},Fe),{props:d}),Te=d.placeholder||d.ariaLabel,Ue=p.mergeProps({className:J("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":x,"aria-label":Te},_("trigger")),g.createElement("div",Ue,Le)):function(){var e=p.mergeProps({className:J("dropdownIcon"),"data-pr-overlay-visible":x},_("dropdownIcon")),t=p.IconUtils.getJSXIcon(d.dropdownIcon||g.createElement(o.ChevronDownIcon,e),H({},e),{props:d}),n=d.placeholder||d.ariaLabel,r=p.mergeProps({className:J("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":x,"aria-label":n},_("trigger"));return g.createElement("div",r,t)}(),_e=function(){if(null!=d.value&&d.showClear&&!d.disabled){var e=p.mergeProps({className:J("clearIcon"),onPointerUp:me},_("clearIcon"));return p.IconUtils.getJSXIcon(d.clearIcon||g.createElement(i.TimesIcon,e),H({},e),{props:d})}return null}(),Je=p.mergeProps({id:d.id,ref:j,className:p.classNames(d.className,J("root",{focusedState:O,overlayVisibleState:x})),style:d.style,onClick:function(e){return t=e,void(d.disabled||d.loading||(d.onClick&&d.onClick(t),t.defaultPrevented||p.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||C.current&&C.current&&C.current.contains(t.target)||(p.DomHandler.focus(L.current),x?we():he())));var t},onMouseDown:d.onMouseDown,onContextMenu:d.onContextMenu,"data-p-disabled":d.disabled,"data-p-focus":O},Ge,_("root"));return g.createElement(g.Fragment,null,g.createElement("div",Je,Ae,qe,Ke,_e,Ve,g.createElement(U,h({hostName:"Dropdown",ref:C,visibleOptions:Re,virtualScrollerRef:T},d,{appendTo:K,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOptionClick:function(e){e.option.disabled||(ve(e),p.DomHandler.focus(L.current)),we()},filterValue:m,hasFilter:A,onFilterClearIconClick:function(e){fe(e)},resetFilter:fe,onFilterInputKeyDown:function(e){switch(e.which){case 40:te(e);break;case 38:ee(e);break;case 13:case 27:we(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;v(t),d.onFilter&&d.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ee,getOptionRenderKey:function(e){return d.dataKey?p.ObjectUtils.resolveFieldData(e,d.dataKey):Ee(e)},isOptionDisabled:xe,getOptionGroupChildren:Pe,getOptionGroupLabel:function(e){return p.ObjectUtils.resolveFieldData(e,d.optionGroupLabel)},getOptionGroupRenderKey:function(e){return p.ObjectUtils.resolveFieldData(e,d.optionGroupLabel)},isSelected:function(e){return p.ObjectUtils.equals(d.value,Se(e),ge())},getSelectedOptionIndex:be,in:x,onEnter:function(e){p.ZIndexUtils.set("overlay",C.current,s&&s.autoZIndex||y.default.autoZIndex,s&&s.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(C.current,{position:"absolute",top:"0",left:"0"}),Oe(),e&&e()},onEntered:function(e){e&&e(),z(),d.onShow&&d.onShow()},onExit:function(){Z()},onExited:function(){d.filter&&d.resetFilterOnHide&&fe(),p.ZIndexUtils.clear(C.current),d.onHide&&d.onHide()},ptm:_,cx:J,sx:X}))),Me&&g.createElement(u.Tooltip,h({target:j,content:d.tooltip},d.tooltipOptions,{pt:_("tooltip")})))})));q.displayName="Dropdown",exports.Dropdown=q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/icons/spinner"),i=require("primereact/icons/times"),a=require("primereact/overlayservice"),u=require("primereact/tooltip"),c=require("primereact/utils"),p=require("primereact/csstransition"),s=require("primereact/icons/search"),d=require("primereact/portal"),f=require("primereact/virtualscroller"),m=require("primereact/ripple");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=b(e),y=v(t);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function w(e){return w="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},w(e)}function O(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function E(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e,t){if(e){if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?j(e,t):void 0}}function D(){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 N(e,t){return S(e)||x(e,t)||C(e,t)||D()}var F=n.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return c.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":c.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":c.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return c.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",loadingIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterClearIcon:"p-dropdown-filter-clear-icon",filterContainer:function(e){return c.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return c.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},item:function(e){var t=e.label;return c.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),P=g.memo((function(e){var t=r.useMergeProps(),n=e.ptm,o=e.cx,l=e.selected,i=e.disabled,a=e.option,u=e.label,p=e.template?c.ObjectUtils.getJSXElement(e.template,e.option):e.label,s=t({role:"option",key:e.label,className:c.classNames(a.className,o("item",{selected:l,disabled:i,label:u})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},"aria-label":u,"aria-selected":l,"data-p-highlight":l,"data-p-disabled":i},n("item",{context:{selected:l,disabled:i}}));return g.createElement("li",s,p,g.createElement(m.Ripple,null))}));function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="DropdownItem";var U=g.memo(g.forwardRef((function(e,n){var o=r.useMergeProps(),l=e.ptm,a=e.cx,u=e.sx,m=g.useContext(t.PrimeReactContext);g.useRef(null);var v,b,y,w,O,I=g.useRef(null),E=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,S={filter:function(e){return D(e)},reset:function(){return e.resetFilter()}},x=function(t,n){return l(t,T({hostName:e.hostName},n))},j=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},C=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&c.DomHandler.focus(I.current,!1)}))},D=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},N=function(){if(e.panelFooterTemplate){var t=c.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=o({className:a("footer")},x("footer"));return g.createElement("div",n,t)}return null},F=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),i=r+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return g.createElement(P,{key:i,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:l,cx:a})}))},L=function(n,r){var l=c.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=o({className:a("emptyMessage")},x("emptyMessage"));return g.createElement("li",i,l)},U=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:r.props?r.props.itemSize:void 0};if(i=T(T({},i),t.style),e.optionGroupLabel){var u=e.optionGroupLabel,p=e.optionGroupTemplate?c.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),s=F(t,i),d=n+"_"+e.getOptionGroupRenderKey(t),f=o({className:a("itemGroup",{optionGroupLabel:u}),style:i,"data-p-highlight":e.selected},x("itemGroup"));return g.createElement(g.Fragment,{key:d},g.createElement("li",f,p),s)}var m=e.getOptionLabel(t),v=n+"_"+e.getOptionRenderKey(t),b=e.isOptionDisabled(t);return g.createElement(P,{key:v,label:m,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:b,onClick:e.onOptionClick,ptm:l,cx:a})},R=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=o({className:a("filterClearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return c.DomHandler.focus(I.current)}))}},x("filterClearIcon"));return c.IconUtils.getJSXIcon(e.filterClearIcon||g.createElement(i.TimesIcon,r),T({},r),{props:e})}return null},k=function(){if(e.filter){var t=R(),n=o({className:a("filterIcon")},x("filterIcon")),r=c.IconUtils.getJSXIcon(e.filterIcon||g.createElement(s.SearchIcon,n),T({},n),{props:e}),l=o({className:a("filterContainer",{clearIcon:t})},x("filterContainer")),i=o({ref:I,type:"text",autoComplete:"off",className:a("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return D(e)},value:e.filterValue},x("filterInput")),u=g.createElement("div",l,g.createElement("input",i),t,r);if(e.filterTemplate){var p={className:c.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:u,filterOptions:S,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:D,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};u=c.ObjectUtils.getJSXElement(e.filterTemplate,p)}var d=o({className:a("header")},x("header"));return g.createElement("div",d,u)}return null},M=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:c.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&U(e,t.index,t)},contentTemplate:function(t){var n=E?L(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=o({ref:t.contentRef,style:t.style,className:c.classNames(t.className,a("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},x("list"));return g.createElement("ul",r,n)}});return g.createElement(f.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:l("virtualScroller")}))}var n=c.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(U):e.hasFilter?L(e.emptyFilterMessage,!0):L(e.emptyMessage),r=o({className:a("wrapper"),style:u("wrapper")},x("wrapper")),i=o({className:a("list"),role:"listbox"},x("list"));return g.createElement("div",r,g.createElement("ul",i,n))},G=(v=k(),b=M(),y=N(),w=o({className:c.classNames(e.panelClassName,a("panel",{context:m})),style:u("panel"),onClick:e.onClick},x("panel")),O=o({classNames:a("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:j,onEntered:C,onExit:e.onExit,onExited:e.onExited},x("transition")),g.createElement(p.CSSTransition,h({nodeRef:n},O),g.createElement("div",h({ref:n},w),v,b,y)));return g.createElement(d.Portal,{element:G,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=k(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function k(e,t){if(e){if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?G(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="DropdownPanel";var q=g.memo(g.forwardRef((function(e,p){var s=r.useMergeProps(),d=g.useContext(t.PrimeReactContext),f=F.getProps(e,d),m=N(g.useState(""),2),v=m[0],b=m[1],O=N(g.useState(!1),2),I=O[0],S=O[1],x=N(g.useState(!1),2),j=x[0],C=x[1],D=g.useRef(null),P=g.useRef(null),L=g.useRef(f.inputRef),T=g.useRef(f.focusInputRef),k=g.useRef(null),M=g.useRef(null),G=g.useRef(null),q=g.useRef(null),A=f.virtualScrollerOptions&&f.virtualScrollerOptions.lazy,K=c.ObjectUtils.isNotEmpty(v),V=f.appendTo||d&&d.appendTo||y.default.appendTo,_=F.setMetaData(H(H({props:f},f.__parentMetadata),{},{state:{filter:v,focused:I,overlayVisible:j}})),J=_.ptm,X=_.cx,B=_.sx;n.useHandleStyle(F.css.styles,_.isUnstyled,{name:"dropdown"});var z=N(r.useOverlayListener({target:D,overlay:P,listener:function(e,t){t.valid&&("outside"===t.type?!W(e)&&Oe():Oe())},when:j}),2),Z=z[0],$=z[1],W=function(e){return c.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||c.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},Y=function(e){f.showOnFocus&&!j&&we(),S(!0),f.onFocus&&f.onFocus(e)},Q=function(e){S(!1),f.onBlur&&setTimeout((function(){var t=L.current?L.current.value:void 0;f.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}),200)},ee=function(e){switch(e.which){case 40:ne(e);break;case 38:te(e);break;case 32:case 13:j?Oe():we(),e.preventDefault();break;case 27:case 9:Oe();break;default:ae(e)}},te=function(e){if(ke){var t=le(ge());t&&be({originalEvent:e,option:t})}e.preventDefault()},ne=function(e){if(ke)if(!j&&e.altKey)we();else{var t=re(ge());t&&be({originalEvent:e,option:t})}e.preventDefault()},re=function e(t){if(f.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=oe(Ce(ke[n]),r);return o||(n+1!==ke.length?e({group:n+1,option:-1}):null)}return oe(ke,t)},oe=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return je(o)?e(r):o},le=function e(t){if(-1===t)return null;if(f.optionGroupLabel){var n=t.group,r=t.option,o=ie(Ce(ke[n]),r);return o||(n>0?e({group:n-1,option:Ce(ke[n-1]).length}):null)}return ie(ke,t)},ie=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return je(r)?le(n):r},ae=function(e){M.current&&clearTimeout(M.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(G.current=q.current===t?t:G.current?G.current+t:t,q.current=t,G.current){var n=ge(),r=f.optionGroupLabel?pe(n):ue(n+1);r&&be({originalEvent:e,option:r})}M.current=setTimeout((function(){G.current=null}),250)}},ue=function(e){return G.current?ce(e,ke.length)||ce(0,e):null},ce=function(e,t){for(var n=e;n<t;n++){var r=ke[n];if(se(r))return r}return null},pe=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<ke.length;n++)for(var r=Ce(ke[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(se(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Ce(ke[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(se(i[a]))return i[a];return null},se=function(e){var t=Se(e);return!!t&&(t=t.toLocaleLowerCase(f.filterLocale)).startsWith(G.current.toLocaleLowerCase(f.filterLocale))},de=function(e){f.onChange&&f.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:e.target.value}})},fe=function(e){S(!0),Oe(),f.onFocus&&f.onFocus(e)},me=function(e){b(""),f.onFilter&&f.onFilter({filter:""}),e&&e()},ve=function(e){f.onChange&&f.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:void 0}}),f.filter&&me(),Ee()},be=function(e){if(Me!==e.option){Ee(e.option);var t=xe(e.option);f.onChange&&f.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}},ge=function(e){if(e=e||ke,null!=f.value&&e){if(!f.optionGroupLabel)return he(f.value,e);for(var t=0;t<e.length;t++){var n=he(f.value,Ce(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ye=function(){return f.optionValue?null:f.dataKey},he=function(e,t){var n=ye();return t.findIndex((function(t){return c.ObjectUtils.equals(e,xe(t),n)}))},we=function(){C(!0)},Oe=function(){C(!1)},Ie=function(){c.DomHandler.alignOverlay(P.current,L.current.parentElement,f.appendTo||d&&d.appendTo||y.default.appendTo)},Ee=function(e){L.current&&(L.current.value=e?Se(e):f.value||"")},Se=function(e){return f.optionLabel?c.ObjectUtils.resolveFieldData(e,f.optionLabel):e&&void 0!==e.label?e.label:e},xe=function(e){return f.optionValue?c.ObjectUtils.resolveFieldData(e,f.optionValue):e&&void 0!==e.value?e.value:e},je=function(e){return f.optionDisabled?c.ObjectUtils.isFunction(f.optionDisabled)?f.optionDisabled(e):c.ObjectUtils.resolveFieldData(e,f.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Ce=function(e){return c.ObjectUtils.resolveFieldData(e,f.optionGroupChildren)},De=function(){if(f.editable&&L.current){var e=Me?Se(Me):null;L.current.value=e||f.value||""}};g.useImperativeHandle(p,(function(){return{props:f,show:we,hide:Oe,clear:ve,focus:function(){return c.DomHandler.focus(T.current)},getElement:function(){return D.current},getOverlay:function(){return P.current},getInput:function(){return L.current},getFocusInput:function(){return T.current},getVirtualScroller:function(){return k.current}}})),g.useEffect((function(){c.ObjectUtils.combinedRefs(L,f.inputRef),c.ObjectUtils.combinedRefs(T,f.focusInputRef)}),[L,f.inputRef,T,f.focusInputRef]),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focus(T.current,f.autoFocus),Ie()})),r.useUpdateEffect((function(){var e;j&&f.value&&(e=c.DomHandler.findSingle(P.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[j,f.value]),r.useUpdateEffect((function(){j&&v&&f.filter&&Ie()}),[j,v,f.filter]),r.useUpdateEffect((function(){!v||f.options&&0!==f.options.length||b(""),De(),L.current&&(L.current.selectedIndex=1)})),r.useUnmountEffect((function(){c.ZIndexUtils.clear(P.current)}));var Ne,Fe,Pe,Le,Te,Ue,Re,ke=function(){if(K&&!A){var e=v.trim().toLocaleLowerCase(f.filterLocale),n=f.filterBy?f.filterBy.split(","):[f.optionLabel||"label"];if(f.optionGroupLabel){var r,o=[],l=R(f.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(Ce(i),n,e,f.filterMatchMode,f.filterLocale);a&&a.length&&o.push(H(H({},i),E({},"".concat(f.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(f.options,n,e,f.filterMatchMode,f.filterLocale)}return f.options}(),Me=-1!==(Ne=ge(f.options))?f.optionGroupLabel?Ce(f.options[Ne.group])[Ne.option]:f.options[Ne]:null,Ge=c.ObjectUtils.isNotEmpty(f.tooltip),He=F.getOtherProps(f),qe=c.ObjectUtils.reduceKeys(He,c.DomHandler.ARIA_PROPS),Ae=function(){var e={value:"",label:f.placeholder};if(Me){var t=xe(Me);e={value:"object"===w(t)?f.options.findIndex((function(e){return e===t})):t,label:Se(Me)}}var n=s({className:"p-hidden-accessible p-dropdown-hidden-select"},J("hiddenSelectedMessage")),r=s({ref:L,required:f.required,defaultValue:e.value,name:f.name,tabIndex:-1,"aria-hidden":"true"},J("select")),o=s({value:e.value},J("option"));return g.createElement("div",n,g.createElement("select",r,g.createElement("option",o,e.label)))}(),Ke=(Fe=s({className:"p-hidden-accessible"},J("hiddenSelectedMessage")),Pe=s(H({ref:T,id:f.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:Y,onBlur:Q,onKeyDown:ee,disabled:f.disabled,tabIndex:f.tabIndex||0},qe),J("input")),g.createElement("div",Fe,g.createElement("input",Pe))),Ve=function(){var e=c.ObjectUtils.isNotEmpty(Me)?Se(Me):null;if(f.editable){var t=s(H({ref:L,type:"text",defaultValue:e||f.value||"",className:X("input",{label:e}),disabled:f.disabled,placeholder:f.placeholder,maxLength:f.maxLength,onInput:de,onFocus:fe,onBlur:Q,tabIndex:f.tabIndex||0,"aria-haspopup":"listbox"},qe),J("input"));return g.createElement("input",t)}var n=f.valueTemplate?c.ObjectUtils.getJSXElement(f.valueTemplate,Me,f):e||f.placeholder||"empty",r=s({ref:L,className:X("input",{label:e}),tabIndex:"-1"},J("input"));return g.createElement("span",r,n)}(),_e=f.loading?(Le=s({className:X("loadingIcon"),"data-pr-overlay-visible":j},J("loadingIcon")),Te=c.IconUtils.getJSXIcon(f.loadingIcon||g.createElement(l.SpinnerIcon,{spin:!0}),H({},Le),{props:f}),Ue=f.placeholder||f.ariaLabel,Re=s({className:X("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-label":Ue},J("trigger")),g.createElement("div",Re,Te)):function(){var e=s({className:X("dropdownIcon"),"data-pr-overlay-visible":j},J("dropdownIcon")),t=c.IconUtils.getJSXIcon(f.dropdownIcon||g.createElement(o.ChevronDownIcon,e),H({},e),{props:f}),n=f.placeholder||f.ariaLabel,r=s({className:X("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-label":n},J("trigger"));return g.createElement("div",r,t)}(),Je=function(){if(null!=f.value&&f.showClear&&!f.disabled){var e=s({className:X("clearIcon"),onPointerUp:ve},J("clearIcon"));return c.IconUtils.getJSXIcon(f.clearIcon||g.createElement(i.TimesIcon,e),H({},e),{props:f})}return null}(),Xe=s({id:f.id,ref:D,className:c.classNames(f.className,X("root",{focusedState:I,overlayVisibleState:j})),style:f.style,onClick:function(e){return t=e,void(f.disabled||f.loading||(f.onClick&&f.onClick(t),t.defaultPrevented||W(t)||"INPUT"===t.target.tagName||P.current&&P.current&&P.current.contains(t.target)||(c.DomHandler.focus(T.current),j?Oe():we())));var t},onMouseDown:f.onMouseDown,onContextMenu:f.onContextMenu,"data-p-disabled":f.disabled,"data-p-focus":I},He,J("root"));return g.createElement(g.Fragment,null,g.createElement("div",Xe,Ke,Ae,Ve,Je,_e,g.createElement(U,h({hostName:"Dropdown",ref:P,visibleOptions:ke,virtualScrollerRef:k},f,{appendTo:V,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},onOptionClick:function(e){e.option.disabled||(be(e),c.DomHandler.focus(T.current)),Oe()},filterValue:v,hasFilter:K,onFilterClearIconClick:function(e){me(e)},resetFilter:me,onFilterInputKeyDown:function(e){switch(e.which){case 40:ne(e);break;case 38:te(e);break;case 13:case 27:Oe(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;b(t),f.onFilter&&f.onFilter({originalEvent:e,filter:t})},getOptionLabel:Se,getOptionRenderKey:function(e){return f.dataKey?c.ObjectUtils.resolveFieldData(e,f.dataKey):Se(e)},isOptionDisabled:je,getOptionGroupChildren:Ce,getOptionGroupLabel:function(e){return c.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionGroupRenderKey:function(e){return c.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},isSelected:function(e){return c.ObjectUtils.equals(f.value,xe(e),ye())},getSelectedOptionIndex:ge,in:j,onEnter:function(e){c.ZIndexUtils.set("overlay",P.current,d&&d.autoZIndex||y.default.autoZIndex,d&&d.zIndex.overlay||y.default.zIndex.overlay),c.DomHandler.addStyles(P.current,{position:"absolute",top:"0",left:"0"}),Ie(),e&&e()},onEntered:function(e){e&&e(),Z(),f.onShow&&f.onShow()},onExit:function(){$()},onExited:function(){f.filter&&f.resetFilterOnHide&&me(),c.ZIndexUtils.clear(P.current),f.onHide&&f.onHide()},ptm:J,cx:X,sx:B}))),Ge&&g.createElement(u.Tooltip,h({target:D,content:f.tooltip},f.tooltipOptions,{pt:J("tooltip")})))})));q.displayName="Dropdown",exports.Dropdown=q;

package/dropdown/dropdown.esm.js

@@ -2,13 +2,13 @@
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext, localeOption, FilterService } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { SpinnerIcon } from 'primereact/icons/spinner';
 import { TimesIcon } from 'primereact/icons/times';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, mergeProps, DomHandler, IconUtils, ZIndexUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler, IconUtils, ZIndexUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { SearchIcon } from 'primereact/icons/search';
 import { Portal } from 'primereact/portal';
@@ -159,6 +159,7 @@ var classes = {
   loadingIcon: 'p-dropdown-trigger-icon p-clickable',
   clearIcon: 'p-dropdown-clear-icon p-clickable',
   filterIcon: 'p-dropdown-filter-icon',
+  filterClearIcon: 'p-dropdown-filter-clear-icon',
   filterContainer: function filterContainer(_ref4) {
     var clearIcon = _ref4.clearIcon;
     return classNames('p-dropdown-filter-container', {
@@ -280,6 +281,7 @@ var DropdownBase = ComponentBase.extend({
 });
 
 var DropdownItem = /*#__PURE__*/React.memo(function (props) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     selected = props.selected,
@@ -327,6 +329,7 @@ DropdownItem.displayName = 'DropdownItem';
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -422,7 +425,8 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         className: cx('itemGroup', {
           optionGroupLabel: optionGroupLabel
         }),
-        style: style
+        style: style,
+        'data-p-highlight': props.selected
       }, getPTOptions('itemGroup'));
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: key
@@ -457,14 +461,14 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     if (props.showFilterClear && props.filterValue) {
       var ariaLabel = localeOption('clear');
       var clearIconProps = mergeProps({
-        className: cx('clearIcon'),
+        className: cx('filterClearIcon'),
         'aria-label': ariaLabel,
         onClick: function onClick() {
           return props.onFilterClearIconClick(function () {
             return DomHandler.focus(filterInputRef.current);
           });
         }
-      }, getPTOptions('clearIcon'));
+      }, getPTOptions('filterClearIcon'));
       var icon = props.filterClearIcon || /*#__PURE__*/React.createElement(TimesIcon, clearIconProps);
       var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$1({}, clearIconProps), {
         props: props
@@ -617,6 +621,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DropdownBase.getProps(inProps, context);
   var _React$useState = React.useState(''),
@@ -703,7 +708,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var isClearClicked = function isClearClicked(event) {
-    return DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
+    return DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'clearicon') || DomHandler.isAttributeEquals(event.target.parentElement || event.target, 'data-pc-section', 'filterclearicon');
   };
   var _onClick = function onClick(event) {
     if (props.disabled || props.loading) {
@@ -715,7 +720,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (event.defaultPrevented) {
       return;
     }
-    if (DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
+    if (isClearClicked(event) || event.target.tagName === 'INPUT') {
       return;
     } else if (!overlayRef.current || !(overlayRef.current && overlayRef.current.contains(event.target))) {
       DomHandler.focus(focusInputRef.current);
@@ -1018,6 +1023,9 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       });
     }
+    if (props.filter) {
+      resetFilter();
+    }
     updateEditableLabel();
   };
   var selectItem = function selectItem(event) {
@@ -1109,7 +1117,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
   };
   var scrollInView = function scrollInView() {
-    var highlightItem = DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+    var highlightItem = DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
     if (highlightItem && highlightItem.scrollIntoView) {
       highlightItem.scrollIntoView({
         block: 'nearest',