primereact 10.3.2 → 10.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +1 -1
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -1
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -1
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +20 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +20 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +20 -0
- package/api/api.min.js +1 -1
- package/calendar/calendar.cjs.js +509 -150
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +4 -0
- package/calendar/calendar.esm.js +510 -151
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +509 -150
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -0
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -0
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -0
- package/carousel/carousel.min.js +1 -1
- package/chips/chips.cjs.js +2 -1
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -1
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -1
- package/chips/chips.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -4
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -4
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -4
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +93 -40
- package/core/core.min.js +4 -4
- package/datatable/datatable.cjs.js +577 -150
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +573 -146
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +577 -150
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +27 -25
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.d.ts +7 -1
- package/dataview/dataview.esm.js +27 -25
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +27 -25
- package/dataview/dataview.min.js +1 -1
- package/divider/divider.cjs.js +2 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.min.js +1 -1
- package/dropdown/dropdown.cjs.js +20 -25
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +9 -0
- package/dropdown/dropdown.esm.js +20 -25
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +20 -25
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +1 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +1 -1
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +1 -1
- package/editor/editor.min.js +1 -1
- package/focustrap/focustrap.cjs.js +168 -0
- package/focustrap/focustrap.cjs.min.js +1 -0
- package/focustrap/focustrap.esm.js +159 -0
- package/focustrap/focustrap.esm.min.js +1 -0
- package/focustrap/focustrap.js +167 -0
- package/focustrap/focustrap.min.js +1 -0
- package/focustrap/package.json +7 -0
- package/galleria/galleria.cjs.js +26 -24
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +26 -24
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +26 -24
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +1 -1
- package/menubar/menubar.cjs.js +7 -4
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +7 -4
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +7 -4
- package/menubar/menubar.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +20 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +20 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +20 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +32 -21
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +32 -21
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +32 -21
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +20 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +20 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +20 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1499 -725
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1499 -725
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1499 -725
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +18 -16
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +18 -16
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +18 -16
- package/sidebar/sidebar.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +8 -7
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +8 -7
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +8 -7
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +57 -12
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +13 -1
- package/splitter/splitter.esm.js +59 -14
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +57 -12
- package/splitter/splitter.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +8 -7
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +8 -7
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +8 -7
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +20 -0
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +20 -0
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +20 -0
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +33 -15
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +34 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +33 -15
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.cjs.js +205 -68
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +206 -69
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +205 -68
- package/treetable/treetable.min.js +1 -1
- package/web-types.json +34 -1
package/dropdown/dropdown.cjs.js
CHANGED
|
@@ -264,6 +264,8 @@ var DropdownBase = componentbase.ComponentBase.extend({
|
|
|
264
264
|
inputId: null,
|
|
265
265
|
inputRef: null,
|
|
266
266
|
itemTemplate: null,
|
|
267
|
+
loading: false,
|
|
268
|
+
loadingIcon: null,
|
|
267
269
|
maxLength: null,
|
|
268
270
|
name: null,
|
|
269
271
|
onBlur: null,
|
|
@@ -791,27 +793,20 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
791
793
|
});
|
|
792
794
|
};
|
|
793
795
|
var onInputKeyDown = function onInputKeyDown(event) {
|
|
794
|
-
switch (event.
|
|
795
|
-
|
|
796
|
-
case 40:
|
|
796
|
+
switch (event.code) {
|
|
797
|
+
case 'ArrowDown':
|
|
797
798
|
onDownKey(event);
|
|
798
799
|
break;
|
|
799
|
-
|
|
800
|
-
//up
|
|
801
|
-
case 38:
|
|
800
|
+
case 'ArrowUp':
|
|
802
801
|
onUpKey(event);
|
|
803
802
|
break;
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
case 32:
|
|
807
|
-
case 13:
|
|
803
|
+
case 'Space':
|
|
804
|
+
case 'Enter':
|
|
808
805
|
overlayVisibleState ? hide() : show();
|
|
809
806
|
event.preventDefault();
|
|
810
807
|
break;
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
case 27:
|
|
814
|
-
case 9:
|
|
808
|
+
case 'Escape':
|
|
809
|
+
case 'Tab':
|
|
815
810
|
hide();
|
|
816
811
|
break;
|
|
817
812
|
default:
|
|
@@ -820,20 +815,15 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
820
815
|
}
|
|
821
816
|
};
|
|
822
817
|
var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
|
|
823
|
-
switch (event.
|
|
824
|
-
|
|
825
|
-
case 40:
|
|
818
|
+
switch (event.code) {
|
|
819
|
+
case 'ArrowDown':
|
|
826
820
|
onDownKey(event);
|
|
827
821
|
break;
|
|
828
|
-
|
|
829
|
-
//up
|
|
830
|
-
case 38:
|
|
822
|
+
case 'ArrowUp':
|
|
831
823
|
onUpKey(event);
|
|
832
824
|
break;
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
case 13:
|
|
836
|
-
case 27:
|
|
825
|
+
case 'Escape':
|
|
826
|
+
case 'Enter':
|
|
837
827
|
hide();
|
|
838
828
|
event.preventDefault();
|
|
839
829
|
break;
|
|
@@ -914,8 +904,13 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
914
904
|
if (searchTimeout.current) {
|
|
915
905
|
clearTimeout(searchTimeout.current);
|
|
916
906
|
}
|
|
907
|
+
if (event.ctrlKey || event.metaKey || event.altKey) {
|
|
908
|
+
// ignore meta combinations like CTRL+F for browser search
|
|
909
|
+
return;
|
|
910
|
+
}
|
|
917
911
|
var _char = event.key;
|
|
918
|
-
if (_char
|
|
912
|
+
if (_char.length !== 1) {
|
|
913
|
+
// only single character keys matter for searching
|
|
919
914
|
return;
|
|
920
915
|
}
|
|
921
916
|
if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;
|
|
@@ -1 +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"),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;
|
|
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"),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 E(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function I(e,t,n){return(t=E(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,loading:!1,loadingIcon: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){I(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,E=g.useRef(null),I=!(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(E.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(E.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:E,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=I?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){I(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),E=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:E,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.code){case"ArrowDown":ne(e);break;case"ArrowUp":te(e);break;case"Space":case"Enter":j?Oe():we(),e.preventDefault();break;case"Escape":case"Tab":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){if(M.current&&clearTimeout(M.current),!(e.ctrlKey||e.metaKey||e.altKey)){var t=e.key;if(1===t.length){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(),Ie()},be=function(e){if(Me!==e.option){Ie(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)},Ee=function(){c.DomHandler.alignOverlay(P.current,L.current.parentElement,f.appendTo||d&&d.appendTo||y.default.appendTo)},Ie=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),Ee()})),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&&Ee()}),[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),I({},"".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:E,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":E},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.code){case"ArrowDown":ne(e);break;case"ArrowUp":te(e);break;case"Escape":case"Enter":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"}),Ee(),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.d.ts
CHANGED
|
@@ -331,6 +331,15 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
|
|
|
331
331
|
* The template of items.
|
|
332
332
|
*/
|
|
333
333
|
itemTemplate?: React.ReactNode | ((option: any) => React.ReactNode) | undefined;
|
|
334
|
+
/**
|
|
335
|
+
* Displays a loader to indicate data load is in progress.
|
|
336
|
+
* @defaultValue false
|
|
337
|
+
*/
|
|
338
|
+
loading?: boolean | undefined;
|
|
339
|
+
/**
|
|
340
|
+
* The icon to show while indicating data load is in progress.
|
|
341
|
+
*/
|
|
342
|
+
loadingIcon?: IconType<DropdownProps> | undefined;
|
|
334
343
|
/**
|
|
335
344
|
* Maximum number of characters to be typed on an editable input.
|
|
336
345
|
*/
|
package/dropdown/dropdown.esm.js
CHANGED
|
@@ -237,6 +237,8 @@ var DropdownBase = ComponentBase.extend({
|
|
|
237
237
|
inputId: null,
|
|
238
238
|
inputRef: null,
|
|
239
239
|
itemTemplate: null,
|
|
240
|
+
loading: false,
|
|
241
|
+
loadingIcon: null,
|
|
240
242
|
maxLength: null,
|
|
241
243
|
name: null,
|
|
242
244
|
onBlur: null,
|
|
@@ -764,27 +766,20 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
764
766
|
});
|
|
765
767
|
};
|
|
766
768
|
var onInputKeyDown = function onInputKeyDown(event) {
|
|
767
|
-
switch (event.
|
|
768
|
-
|
|
769
|
-
case 40:
|
|
769
|
+
switch (event.code) {
|
|
770
|
+
case 'ArrowDown':
|
|
770
771
|
onDownKey(event);
|
|
771
772
|
break;
|
|
772
|
-
|
|
773
|
-
//up
|
|
774
|
-
case 38:
|
|
773
|
+
case 'ArrowUp':
|
|
775
774
|
onUpKey(event);
|
|
776
775
|
break;
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
case 32:
|
|
780
|
-
case 13:
|
|
776
|
+
case 'Space':
|
|
777
|
+
case 'Enter':
|
|
781
778
|
overlayVisibleState ? hide() : show();
|
|
782
779
|
event.preventDefault();
|
|
783
780
|
break;
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
case 27:
|
|
787
|
-
case 9:
|
|
781
|
+
case 'Escape':
|
|
782
|
+
case 'Tab':
|
|
788
783
|
hide();
|
|
789
784
|
break;
|
|
790
785
|
default:
|
|
@@ -793,20 +788,15 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
793
788
|
}
|
|
794
789
|
};
|
|
795
790
|
var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
|
|
796
|
-
switch (event.
|
|
797
|
-
|
|
798
|
-
case 40:
|
|
791
|
+
switch (event.code) {
|
|
792
|
+
case 'ArrowDown':
|
|
799
793
|
onDownKey(event);
|
|
800
794
|
break;
|
|
801
|
-
|
|
802
|
-
//up
|
|
803
|
-
case 38:
|
|
795
|
+
case 'ArrowUp':
|
|
804
796
|
onUpKey(event);
|
|
805
797
|
break;
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
case 13:
|
|
809
|
-
case 27:
|
|
798
|
+
case 'Escape':
|
|
799
|
+
case 'Enter':
|
|
810
800
|
hide();
|
|
811
801
|
event.preventDefault();
|
|
812
802
|
break;
|
|
@@ -887,8 +877,13 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
887
877
|
if (searchTimeout.current) {
|
|
888
878
|
clearTimeout(searchTimeout.current);
|
|
889
879
|
}
|
|
880
|
+
if (event.ctrlKey || event.metaKey || event.altKey) {
|
|
881
|
+
// ignore meta combinations like CTRL+F for browser search
|
|
882
|
+
return;
|
|
883
|
+
}
|
|
890
884
|
var _char = event.key;
|
|
891
|
-
if (_char
|
|
885
|
+
if (_char.length !== 1) {
|
|
886
|
+
// only single character keys matter for searching
|
|
892
887
|
return;
|
|
893
888
|
}
|
|
894
889
|
if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,FilterService as o}from"primereact/api";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as a,useOverlayListener as u,useMountEffect as p,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{SpinnerIcon as d}from"primereact/icons/spinner";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Tooltip as g}from"primereact/tooltip";import{classNames as b,ObjectUtils as y,DomHandler as h,IconUtils as w,ZIndexUtils as O}from"primereact/utils";import{CSSTransition as E}from"primereact/csstransition";import{SearchIcon as I}from"primereact/icons/search";import{Portal as S}from"primereact/portal";import{VirtualScroller as x}from"primereact/virtualscroller";import{Ripple as C}from"primereact/ripple";function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},F.apply(this,arguments)}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function N(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function L(e){var t=N(e,"string");return"symbol"===D(t)?t:String(t)}function P(e,t,n){return(t=L(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){if(Array.isArray(e))return e}function k(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 T(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 R(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function G(e,t){return j(e)||k(e,t)||R(e,t)||M()}var A=l.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 b("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":y.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":b("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 b("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 b("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 n=e.context;return b("p-dropdown-panel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},item:function(e){var t=e.label;return b("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){}}}}),K=e.memo((function(t){var n=a(),r=t.ptm,o=t.cx,l=t.selected,i=t.disabled,u=t.option,p=t.label,c=t.template?y.getJSXElement(t.template,t.option):t.label,s=n({role:"option",key:t.label,className:b(u.className,o("item",{selected:l,disabled:i,label:p})),style:t.style,onClick:function(e){return n=e,void(t.onClick&&t.onClick({originalEvent:n,option:u}));var n},"aria-label":p,"aria-selected":l,"data-p-highlight":l,"data-p-disabled":i},r("item",{context:{selected:l,disabled:i}}));return e.createElement("li",s,c,e.createElement(C,null))}));function V(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?V(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}K.displayName="DropdownItem";var J=e.memo(e.forwardRef((function(t,o){var l=a(),i=t.ptm,u=t.cx,p=t.sx,c=e.useContext(n);e.useRef(null);var s,f,d,v,g,O=e.useRef(null),C=!(t.visibleOptions&&t.visibleOptions.length)&&t.hasFilter,D={filter:function(e){return j(e)},reset:function(){return t.resetFilter()}},N=function(e,n){return i(e,H({hostName:t.hostName},n))},L=function(){t.onEnter((function(){if(t.virtualScrollerRef.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return t.virtualScrollerRef.current.scrollToIndex(e)}),0)}}))},P=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&h.focus(O.current,!1)}))},j=function(e){t.virtualScrollerRef.current&&t.virtualScrollerRef.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},k=function(){if(t.panelFooterTemplate){var n=y.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide),r=l({className:u("footer")},N("footer"));return e.createElement("div",r,n)}return null},T=function(n,r){return t.getOptionGroupChildren(n).map((function(n,o){var l=t.getOptionLabel(n),a=o+"_"+t.getOptionRenderKey(n),p=t.isOptionDisabled(n);return e.createElement(K,{key:a,label:l,option:n,style:r,template:t.itemTemplate,selected:t.isSelected(n),disabled:p,onClick:t.onOptionClick,ptm:i,cx:u})}))},R=function(n,o){var i=y.getJSXElement(n,t)||r(o?"emptyFilterMessage":"emptyMessage"),a=l({className:u("emptyMessage")},N("emptyMessage"));return e.createElement("li",a,i)},M=function(n,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a={height:o.props?o.props.itemSize:void 0};if(a=H(H({},a),n.style),t.optionGroupLabel){var p=t.optionGroupLabel,c=t.optionGroupTemplate?y.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),s=T(n,a),f=r+"_"+t.getOptionGroupRenderKey(n),d=l({className:u("itemGroup",{optionGroupLabel:p}),style:a,"data-p-highlight":t.selected},N("itemGroup"));return e.createElement(e.Fragment,{key:f},e.createElement("li",d,c),s)}var m=t.getOptionLabel(n),v=r+"_"+t.getOptionRenderKey(n),g=t.isOptionDisabled(n);return e.createElement(K,{key:v,label:m,option:n,style:a,template:t.itemTemplate,selected:t.isSelected(n),disabled:g,onClick:t.onOptionClick,ptm:i,cx:u})},G=function(){if(t.showFilterClear&&t.filterValue){var n=r("clear"),o=l({className:u("filterClearIcon"),"aria-label":n,onClick:function(){return t.onFilterClearIconClick((function(){return h.focus(O.current)}))}},N("filterClearIcon"));return w.getJSXIcon(t.filterClearIcon||e.createElement(m,o),H({},o),{props:t})}return null},A=function(){if(t.filter){var n=G(),r=l({className:u("filterIcon")},N("filterIcon")),o=w.getJSXIcon(t.filterIcon||e.createElement(I,r),H({},r),{props:t}),i=l({className:u("filterContainer",{clearIcon:n})},N("filterContainer")),a=l({ref:O,type:"text",autoComplete:"off",className:u("filterInput"),placeholder:t.filterPlaceholder,onKeyDown:t.onFilterInputKeyDown,onChange:function(e){return j(e)},value:t.filterValue},N("filterInput")),p=e.createElement("div",i,e.createElement("input",a),n,o);if(t.filterTemplate){var c={className:b("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!n}),element:p,filterOptions:D,filterInputKeyDown:t.onFilterInputKeyDown,filterInputChange:j,filterIconClassName:"p-dropdown-filter-icon",clearIcon:n,props:t};p=y.getJSXElement(t.filterTemplate,c)}var s=l({className:u("header")},N("header"));return e.createElement("div",s,p)}return null},V=function(){if(t.virtualScrollerOptions){var n=H(H({},t.virtualScrollerOptions),{style:H(H({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:b("p-dropdown-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(H(H({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&M(e,t.index,t)},contentTemplate:function(n){var r=C?R(t.hasFilter?t.emptyFilterMessage:t.emptyMessage):n.children,o=l({ref:n.contentRef,style:n.style,className:b(n.className,u("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox"},N("list"));return e.createElement("ul",o,r)}});return e.createElement(x,F({ref:t.virtualScrollerRef},n,{pt:i("virtualScroller")}))}var r=y.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(M):t.hasFilter?R(t.emptyFilterMessage,!0):R(t.emptyMessage),o=l({className:u("wrapper"),style:p("wrapper")},N("wrapper")),a=l({className:u("list"),role:"listbox"},N("list"));return e.createElement("div",o,e.createElement("ul",a,r))},J=(s=A(),f=V(),d=k(),v=l({className:b(t.panelClassName,u("panel",{context:c})),style:p("panel"),onClick:t.onClick},N("panel")),g=l({classNames:u("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:L,onEntered:P,onExit:t.onExit,onExited:t.onExited},N("transition")),e.createElement(E,F({nodeRef:o},g),e.createElement("div",F({ref:o},v),s,f,d)));return e.createElement(S,{element:J,appendTo:t.appendTo})})));function X(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=_(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 _(e,t){if(e){if("string"==typeof e)return B(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)?B(e,t):void 0}}function B(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 q(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="DropdownPanel";var U=e.memo(e.forwardRef((function(r,l){var E=a(),I=e.useContext(n),S=A.getProps(r,I),x=G(e.useState(""),2),C=x[0],N=x[1],L=G(e.useState(!1),2),j=L[0],k=L[1],T=G(e.useState(!1),2),R=T[0],M=T[1],K=e.useRef(null),V=e.useRef(null),H=e.useRef(S.inputRef),_=e.useRef(S.focusInputRef),B=e.useRef(null),q=e.useRef(null),U=e.useRef(null),Z=e.useRef(null),$=S.virtualScrollerOptions&&S.virtualScrollerOptions.lazy,W=y.isNotEmpty(C),Y=S.appendTo||I&&I.appendTo||t.appendTo,Q=A.setMetaData(z(z({props:S},S.__parentMetadata),{},{state:{filter:C,focused:j,overlayVisible:R}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;i(A.css.styles,Q.isUnstyled,{name:"dropdown"});var re=G(u({target:K,overlay:V,listener:function(e,t){t.valid&&("outside"===t.type?!ie(e)&&Le():Le())},when:R}),2),oe=re[0],le=re[1],ie=function(e){return h.isAttributeEquals(e.target,"data-pc-section","clearicon")||h.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},ae=function(e){S.showOnFocus&&!R&&Ne(),k(!0),S.onFocus&&S.onFocus(e)},ue=function(e){k(!1),S.onBlur&&setTimeout((function(){var t=H.current?H.current.value:void 0;S.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:t}})}),200)},pe=function(e){switch(e.which){case 40:se(e);break;case 38:ce(e);break;case 32:case 13:R?Le():Ne(),e.preventDefault();break;case 27:case 9:Le();break;default:ge(e)}},ce=function(e){if(Be){var t=me(Ce());t&&xe({originalEvent:e,option:t})}e.preventDefault()},se=function(e){if(Be)if(!R&&e.altKey)Ne();else{var t=fe(Ce());t&&xe({originalEvent:e,option:t})}e.preventDefault()},fe=function e(t){if(S.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=de(Me(Be[n]),r);return o||(n+1!==Be.length?e({group:n+1,option:-1}):null)}return de(Be,t)},de=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Re(o)?e(r):o},me=function e(t){if(-1===t)return null;if(S.optionGroupLabel){var n=t.group,r=t.option,o=ve(Me(Be[n]),r);return o||(n>0?e({group:n-1,option:Me(Be[n-1]).length}):null)}return ve(Be,t)},ve=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Re(r)?me(n):r},ge=function(e){q.current&&clearTimeout(q.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(U.current=Z.current===t?t:U.current?U.current+t:t,Z.current=t,U.current){var n=Ce(),r=S.optionGroupLabel?he(n):be(n+1);r&&xe({originalEvent:e,option:r})}q.current=setTimeout((function(){U.current=null}),250)}},be=function(e){return U.current?ye(e,Be.length)||ye(0,e):null},ye=function(e,t){for(var n=e;n<t;n++){var r=Be[n];if(we(r))return r}return null},he=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Be.length;n++)for(var r=Me(Be[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(we(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Me(Be[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(we(i[a]))return i[a];return null},we=function(e){var t=ke(e);return!!t&&(t=t.toLocaleLowerCase(S.filterLocale)).startsWith(U.current.toLocaleLowerCase(S.filterLocale))},Oe=function(e){S.onChange&&S.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:e.target.value}})},Ee=function(e){k(!0),Le(),S.onFocus&&S.onFocus(e)},Ie=function(e){N(""),S.onFilter&&S.onFilter({filter:""}),e&&e()},Se=function(e){S.onChange&&S.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:void 0}}),S.filter&&Ie(),je()},xe=function(e){if(qe!==e.option){je(e.option);var t=Te(e.option);S.onChange&&S.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:t}})}},Ce=function(e){if(e=e||Be,null!=S.value&&e){if(!S.optionGroupLabel)return De(S.value,e);for(var t=0;t<e.length;t++){var n=De(S.value,Me(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},Fe=function(){return S.optionValue?null:S.dataKey},De=function(e,t){var n=Fe();return t.findIndex((function(t){return y.equals(e,Te(t),n)}))},Ne=function(){M(!0)},Le=function(){M(!1)},Pe=function(){h.alignOverlay(V.current,H.current.parentElement,S.appendTo||I&&I.appendTo||t.appendTo)},je=function(e){H.current&&(H.current.value=e?ke(e):S.value||"")},ke=function(e){return S.optionLabel?y.resolveFieldData(e,S.optionLabel):e&&void 0!==e.label?e.label:e},Te=function(e){return S.optionValue?y.resolveFieldData(e,S.optionValue):e&&void 0!==e.value?e.value:e},Re=function(e){return S.optionDisabled?y.isFunction(S.optionDisabled)?S.optionDisabled(e):y.resolveFieldData(e,S.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Me=function(e){return y.resolveFieldData(e,S.optionGroupChildren)},Ge=function(){if(S.editable&&H.current){var e=qe?ke(qe):null;H.current.value=e||S.value||""}};e.useImperativeHandle(l,(function(){return{props:S,show:Ne,hide:Le,clear:Se,focus:function(){return h.focus(_.current)},getElement:function(){return K.current},getOverlay:function(){return V.current},getInput:function(){return H.current},getFocusInput:function(){return _.current},getVirtualScroller:function(){return B.current}}})),e.useEffect((function(){y.combinedRefs(H,S.inputRef),y.combinedRefs(_,S.focusInputRef)}),[H,S.inputRef,_,S.focusInputRef]),p((function(){S.autoFocus&&h.focus(_.current,S.autoFocus),Pe()})),c((function(){var e;R&&S.value&&(e=h.findSingle(V.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[R,S.value]),c((function(){R&&C&&S.filter&&Pe()}),[R,C,S.filter]),c((function(){!C||S.options&&0!==S.options.length||N(""),Ge(),H.current&&(H.current.selectedIndex=1)})),s((function(){O.clear(V.current)}));var Ae,Ke,Ve,He,Je,Xe,_e,Be=function(){if(W&&!$){var e=C.trim().toLocaleLowerCase(S.filterLocale),t=S.filterBy?S.filterBy.split(","):[S.optionLabel||"label"];if(S.optionGroupLabel){var n,r=[],l=X(S.options);try{for(l.s();!(n=l.n()).done;){var i=n.value,a=o.filter(Me(i),t,e,S.filterMatchMode,S.filterLocale);a&&a.length&&r.push(z(z({},i),P({},"".concat(S.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return r}return o.filter(S.options,t,e,S.filterMatchMode,S.filterLocale)}return S.options}(),qe=-1!==(Ae=Ce(S.options))?S.optionGroupLabel?Me(S.options[Ae.group])[Ae.option]:S.options[Ae]:null,ze=y.isNotEmpty(S.tooltip),Ue=A.getOtherProps(S),Ze=y.reduceKeys(Ue,h.ARIA_PROPS),$e=function(){var t={value:"",label:S.placeholder};if(qe){var n=Te(qe);t={value:"object"===D(n)?S.options.findIndex((function(e){return e===n})):n,label:ke(qe)}}var r=E({className:"p-hidden-accessible p-dropdown-hidden-select"},ee("hiddenSelectedMessage")),o=E({ref:H,required:S.required,defaultValue:t.value,name:S.name,tabIndex:-1,"aria-hidden":"true"},ee("select")),l=E({value:t.value},ee("option"));return e.createElement("div",r,e.createElement("select",o,e.createElement("option",l,t.label)))}(),We=(Ke=E({className:"p-hidden-accessible"},ee("hiddenSelectedMessage")),Ve=E(z({ref:_,id:S.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:ae,onBlur:ue,onKeyDown:pe,disabled:S.disabled,tabIndex:S.tabIndex||0},Ze),ee("input")),e.createElement("div",Ke,e.createElement("input",Ve))),Ye=function(){var t=y.isNotEmpty(qe)?ke(qe):null;if(S.editable){var n=E(z({ref:H,type:"text",defaultValue:t||S.value||"",className:te("input",{label:t}),disabled:S.disabled,placeholder:S.placeholder,maxLength:S.maxLength,onInput:Oe,onFocus:Ee,onBlur:ue,tabIndex:S.tabIndex||0,"aria-haspopup":"listbox"},Ze),ee("input"));return e.createElement("input",n)}var r=S.valueTemplate?y.getJSXElement(S.valueTemplate,qe,S):t||S.placeholder||"empty",o=E({ref:H,className:te("input",{label:t}),tabIndex:"-1"},ee("input"));return e.createElement("span",o,r)}(),Qe=S.loading?(He=E({className:te("loadingIcon"),"data-pr-overlay-visible":R},ee("loadingIcon")),Je=w.getJSXIcon(S.loadingIcon||e.createElement(d,{spin:!0}),z({},He),{props:S}),Xe=S.placeholder||S.ariaLabel,_e=E({className:te("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":R,"aria-label":Xe},ee("trigger")),e.createElement("div",_e,Je)):function(){var t=E({className:te("dropdownIcon"),"data-pr-overlay-visible":R},ee("dropdownIcon")),n=w.getJSXIcon(S.dropdownIcon||e.createElement(f,t),z({},t),{props:S}),r=S.placeholder||S.ariaLabel,o=E({className:te("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":R,"aria-label":r},ee("trigger"));return e.createElement("div",o,n)}(),et=function(){if(null!=S.value&&S.showClear&&!S.disabled){var t=E({className:te("clearIcon"),onPointerUp:Se},ee("clearIcon"));return w.getJSXIcon(S.clearIcon||e.createElement(m,t),z({},t),{props:S})}return null}(),tt=E({id:S.id,ref:K,className:b(S.className,te("root",{focusedState:j,overlayVisibleState:R})),style:S.style,onClick:function(e){return t=e,void(S.disabled||S.loading||(S.onClick&&S.onClick(t),t.defaultPrevented||ie(t)||"INPUT"===t.target.tagName||V.current&&V.current&&V.current.contains(t.target)||(h.focus(_.current),R?Le():Ne())));var t},onMouseDown:S.onMouseDown,onContextMenu:S.onContextMenu,"data-p-disabled":S.disabled,"data-p-focus":j},Ue,ee("root"));return e.createElement(e.Fragment,null,e.createElement("div",tt,We,$e,Ye,et,Qe,e.createElement(J,F({hostName:"Dropdown",ref:V,visibleOptions:Be,virtualScrollerRef:B},S,{appendTo:Y,onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:K.current})},onOptionClick:function(e){e.option.disabled||(xe(e),h.focus(_.current)),Le()},filterValue:C,hasFilter:W,onFilterClearIconClick:function(e){Ie(e)},resetFilter:Ie,onFilterInputKeyDown:function(e){switch(e.which){case 40:se(e);break;case 38:ce(e);break;case 13:case 27:Le(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;N(t),S.onFilter&&S.onFilter({originalEvent:e,filter:t})},getOptionLabel:ke,getOptionRenderKey:function(e){return S.dataKey?y.resolveFieldData(e,S.dataKey):ke(e)},isOptionDisabled:Re,getOptionGroupChildren:Me,getOptionGroupLabel:function(e){return y.resolveFieldData(e,S.optionGroupLabel)},getOptionGroupRenderKey:function(e){return y.resolveFieldData(e,S.optionGroupLabel)},isSelected:function(e){return y.equals(S.value,Te(e),Fe())},getSelectedOptionIndex:Ce,in:R,onEnter:function(e){O.set("overlay",V.current,I&&I.autoZIndex||t.autoZIndex,I&&I.zIndex.overlay||t.zIndex.overlay),h.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),Pe(),e&&e()},onEntered:function(e){e&&e(),oe(),S.onShow&&S.onShow()},onExit:function(){le()},onExited:function(){S.filter&&S.resetFilterOnHide&&Ie(),O.clear(V.current),S.onHide&&S.onHide()},ptm:ee,cx:te,sx:ne}))),ze&&e.createElement(g,F({target:K,content:S.tooltip},S.tooltipOptions,{pt:ee("tooltip")})))})));U.displayName="Dropdown";export{U as Dropdown};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,FilterService as o}from"primereact/api";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as a,useOverlayListener as u,useMountEffect as p,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{SpinnerIcon as d}from"primereact/icons/spinner";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Tooltip as g}from"primereact/tooltip";import{classNames as b,ObjectUtils as y,DomHandler as h,IconUtils as w,ZIndexUtils as E}from"primereact/utils";import{CSSTransition as O}from"primereact/csstransition";import{SearchIcon as I}from"primereact/icons/search";import{Portal as S}from"primereact/portal";import{VirtualScroller as x}from"primereact/virtualscroller";import{Ripple as C}from"primereact/ripple";function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},F.apply(this,arguments)}function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function N(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function L(e){var t=N(e,"string");return"symbol"===D(t)?t:String(t)}function P(e,t,n){return(t=L(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,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 k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function R(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function G(e,t){return T(e)||j(e,t)||R(e,t)||M()}var A=l.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,loading:!1,loadingIcon: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 b("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":y.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":b("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 b("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 b("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 n=e.context;return b("p-dropdown-panel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},item:function(e){var t=e.label;return b("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){}}}}),K=e.memo((function(t){var n=a(),r=t.ptm,o=t.cx,l=t.selected,i=t.disabled,u=t.option,p=t.label,c=t.template?y.getJSXElement(t.template,t.option):t.label,s=n({role:"option",key:t.label,className:b(u.className,o("item",{selected:l,disabled:i,label:p})),style:t.style,onClick:function(e){return n=e,void(t.onClick&&t.onClick({originalEvent:n,option:u}));var n},"aria-label":p,"aria-selected":l,"data-p-highlight":l,"data-p-disabled":i},r("item",{context:{selected:l,disabled:i}}));return e.createElement("li",s,c,e.createElement(C,null))}));function V(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?V(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}K.displayName="DropdownItem";var J=e.memo(e.forwardRef((function(t,o){var l=a(),i=t.ptm,u=t.cx,p=t.sx,c=e.useContext(n);e.useRef(null);var s,f,d,v,g,E=e.useRef(null),C=!(t.visibleOptions&&t.visibleOptions.length)&&t.hasFilter,D={filter:function(e){return T(e)},reset:function(){return t.resetFilter()}},N=function(e,n){return i(e,H({hostName:t.hostName},n))},L=function(){t.onEnter((function(){if(t.virtualScrollerRef.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return t.virtualScrollerRef.current.scrollToIndex(e)}),0)}}))},P=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&h.focus(E.current,!1)}))},T=function(e){t.virtualScrollerRef.current&&t.virtualScrollerRef.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},j=function(){if(t.panelFooterTemplate){var n=y.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide),r=l({className:u("footer")},N("footer"));return e.createElement("div",r,n)}return null},k=function(n,r){return t.getOptionGroupChildren(n).map((function(n,o){var l=t.getOptionLabel(n),a=o+"_"+t.getOptionRenderKey(n),p=t.isOptionDisabled(n);return e.createElement(K,{key:a,label:l,option:n,style:r,template:t.itemTemplate,selected:t.isSelected(n),disabled:p,onClick:t.onOptionClick,ptm:i,cx:u})}))},R=function(n,o){var i=y.getJSXElement(n,t)||r(o?"emptyFilterMessage":"emptyMessage"),a=l({className:u("emptyMessage")},N("emptyMessage"));return e.createElement("li",a,i)},M=function(n,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a={height:o.props?o.props.itemSize:void 0};if(a=H(H({},a),n.style),t.optionGroupLabel){var p=t.optionGroupLabel,c=t.optionGroupTemplate?y.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),s=k(n,a),f=r+"_"+t.getOptionGroupRenderKey(n),d=l({className:u("itemGroup",{optionGroupLabel:p}),style:a,"data-p-highlight":t.selected},N("itemGroup"));return e.createElement(e.Fragment,{key:f},e.createElement("li",d,c),s)}var m=t.getOptionLabel(n),v=r+"_"+t.getOptionRenderKey(n),g=t.isOptionDisabled(n);return e.createElement(K,{key:v,label:m,option:n,style:a,template:t.itemTemplate,selected:t.isSelected(n),disabled:g,onClick:t.onOptionClick,ptm:i,cx:u})},G=function(){if(t.showFilterClear&&t.filterValue){var n=r("clear"),o=l({className:u("filterClearIcon"),"aria-label":n,onClick:function(){return t.onFilterClearIconClick((function(){return h.focus(E.current)}))}},N("filterClearIcon"));return w.getJSXIcon(t.filterClearIcon||e.createElement(m,o),H({},o),{props:t})}return null},A=function(){if(t.filter){var n=G(),r=l({className:u("filterIcon")},N("filterIcon")),o=w.getJSXIcon(t.filterIcon||e.createElement(I,r),H({},r),{props:t}),i=l({className:u("filterContainer",{clearIcon:n})},N("filterContainer")),a=l({ref:E,type:"text",autoComplete:"off",className:u("filterInput"),placeholder:t.filterPlaceholder,onKeyDown:t.onFilterInputKeyDown,onChange:function(e){return T(e)},value:t.filterValue},N("filterInput")),p=e.createElement("div",i,e.createElement("input",a),n,o);if(t.filterTemplate){var c={className:b("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!n}),element:p,filterOptions:D,filterInputKeyDown:t.onFilterInputKeyDown,filterInputChange:T,filterIconClassName:"p-dropdown-filter-icon",clearIcon:n,props:t};p=y.getJSXElement(t.filterTemplate,c)}var s=l({className:u("header")},N("header"));return e.createElement("div",s,p)}return null},V=function(){if(t.virtualScrollerOptions){var n=H(H({},t.virtualScrollerOptions),{style:H(H({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:b("p-dropdown-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(H(H({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&M(e,t.index,t)},contentTemplate:function(n){var r=C?R(t.hasFilter?t.emptyFilterMessage:t.emptyMessage):n.children,o=l({ref:n.contentRef,style:n.style,className:b(n.className,u("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox"},N("list"));return e.createElement("ul",o,r)}});return e.createElement(x,F({ref:t.virtualScrollerRef},n,{pt:i("virtualScroller")}))}var r=y.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(M):t.hasFilter?R(t.emptyFilterMessage,!0):R(t.emptyMessage),o=l({className:u("wrapper"),style:p("wrapper")},N("wrapper")),a=l({className:u("list"),role:"listbox"},N("list"));return e.createElement("div",o,e.createElement("ul",a,r))},J=(s=A(),f=V(),d=j(),v=l({className:b(t.panelClassName,u("panel",{context:c})),style:p("panel"),onClick:t.onClick},N("panel")),g=l({classNames:u("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:L,onEntered:P,onExit:t.onExit,onExited:t.onExited},N("transition")),e.createElement(O,F({nodeRef:o},g),e.createElement("div",F({ref:o},v),s,f,d)));return e.createElement(S,{element:J,appendTo:t.appendTo})})));function X(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=_(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 _(e,t){if(e){if("string"==typeof e)return B(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)?B(e,t):void 0}}function B(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 q(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}J.displayName="DropdownPanel";var U=e.memo(e.forwardRef((function(r,l){var O=a(),I=e.useContext(n),S=A.getProps(r,I),x=G(e.useState(""),2),C=x[0],N=x[1],L=G(e.useState(!1),2),T=L[0],j=L[1],k=G(e.useState(!1),2),R=k[0],M=k[1],K=e.useRef(null),V=e.useRef(null),H=e.useRef(S.inputRef),_=e.useRef(S.focusInputRef),B=e.useRef(null),q=e.useRef(null),U=e.useRef(null),Z=e.useRef(null),$=S.virtualScrollerOptions&&S.virtualScrollerOptions.lazy,W=y.isNotEmpty(C),Y=S.appendTo||I&&I.appendTo||t.appendTo,Q=A.setMetaData(z(z({props:S},S.__parentMetadata),{},{state:{filter:C,focused:T,overlayVisible:R}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;i(A.css.styles,Q.isUnstyled,{name:"dropdown"});var re=G(u({target:K,overlay:V,listener:function(e,t){t.valid&&("outside"===t.type?!ie(e)&&Le():Le())},when:R}),2),oe=re[0],le=re[1],ie=function(e){return h.isAttributeEquals(e.target,"data-pc-section","clearicon")||h.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},ae=function(e){S.showOnFocus&&!R&&Ne(),j(!0),S.onFocus&&S.onFocus(e)},ue=function(e){j(!1),S.onBlur&&setTimeout((function(){var t=H.current?H.current.value:void 0;S.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:t}})}),200)},pe=function(e){switch(e.code){case"ArrowDown":se(e);break;case"ArrowUp":ce(e);break;case"Space":case"Enter":R?Le():Ne(),e.preventDefault();break;case"Escape":case"Tab":Le();break;default:ge(e)}},ce=function(e){if(Be){var t=me(Ce());t&&xe({originalEvent:e,option:t})}e.preventDefault()},se=function(e){if(Be)if(!R&&e.altKey)Ne();else{var t=fe(Ce());t&&xe({originalEvent:e,option:t})}e.preventDefault()},fe=function e(t){if(S.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=de(Me(Be[n]),r);return o||(n+1!==Be.length?e({group:n+1,option:-1}):null)}return de(Be,t)},de=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Re(o)?e(r):o},me=function e(t){if(-1===t)return null;if(S.optionGroupLabel){var n=t.group,r=t.option,o=ve(Me(Be[n]),r);return o||(n>0?e({group:n-1,option:Me(Be[n-1]).length}):null)}return ve(Be,t)},ve=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Re(r)?me(n):r},ge=function(e){if(q.current&&clearTimeout(q.current),!(e.ctrlKey||e.metaKey||e.altKey)){var t=e.key;if(1===t.length){if(U.current=Z.current===t?t:U.current?U.current+t:t,Z.current=t,U.current){var n=Ce(),r=S.optionGroupLabel?he(n):be(n+1);r&&xe({originalEvent:e,option:r})}q.current=setTimeout((function(){U.current=null}),250)}}},be=function(e){return U.current?ye(e,Be.length)||ye(0,e):null},ye=function(e,t){for(var n=e;n<t;n++){var r=Be[n];if(we(r))return r}return null},he=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Be.length;n++)for(var r=Me(Be[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(we(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=Me(Be[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(we(i[a]))return i[a];return null},we=function(e){var t=je(e);return!!t&&(t=t.toLocaleLowerCase(S.filterLocale)).startsWith(U.current.toLocaleLowerCase(S.filterLocale))},Ee=function(e){S.onChange&&S.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:e.target.value}})},Oe=function(e){j(!0),Le(),S.onFocus&&S.onFocus(e)},Ie=function(e){N(""),S.onFilter&&S.onFilter({filter:""}),e&&e()},Se=function(e){S.onChange&&S.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:void 0}}),S.filter&&Ie(),Te()},xe=function(e){if(qe!==e.option){Te(e.option);var t=ke(e.option);S.onChange&&S.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:S.name,id:S.id,value:t}})}},Ce=function(e){if(e=e||Be,null!=S.value&&e){if(!S.optionGroupLabel)return De(S.value,e);for(var t=0;t<e.length;t++){var n=De(S.value,Me(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},Fe=function(){return S.optionValue?null:S.dataKey},De=function(e,t){var n=Fe();return t.findIndex((function(t){return y.equals(e,ke(t),n)}))},Ne=function(){M(!0)},Le=function(){M(!1)},Pe=function(){h.alignOverlay(V.current,H.current.parentElement,S.appendTo||I&&I.appendTo||t.appendTo)},Te=function(e){H.current&&(H.current.value=e?je(e):S.value||"")},je=function(e){return S.optionLabel?y.resolveFieldData(e,S.optionLabel):e&&void 0!==e.label?e.label:e},ke=function(e){return S.optionValue?y.resolveFieldData(e,S.optionValue):e&&void 0!==e.value?e.value:e},Re=function(e){return S.optionDisabled?y.isFunction(S.optionDisabled)?S.optionDisabled(e):y.resolveFieldData(e,S.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Me=function(e){return y.resolveFieldData(e,S.optionGroupChildren)},Ge=function(){if(S.editable&&H.current){var e=qe?je(qe):null;H.current.value=e||S.value||""}};e.useImperativeHandle(l,(function(){return{props:S,show:Ne,hide:Le,clear:Se,focus:function(){return h.focus(_.current)},getElement:function(){return K.current},getOverlay:function(){return V.current},getInput:function(){return H.current},getFocusInput:function(){return _.current},getVirtualScroller:function(){return B.current}}})),e.useEffect((function(){y.combinedRefs(H,S.inputRef),y.combinedRefs(_,S.focusInputRef)}),[H,S.inputRef,_,S.focusInputRef]),p((function(){S.autoFocus&&h.focus(_.current,S.autoFocus),Pe()})),c((function(){var e;R&&S.value&&(e=h.findSingle(V.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[R,S.value]),c((function(){R&&C&&S.filter&&Pe()}),[R,C,S.filter]),c((function(){!C||S.options&&0!==S.options.length||N(""),Ge(),H.current&&(H.current.selectedIndex=1)})),s((function(){E.clear(V.current)}));var Ae,Ke,Ve,He,Je,Xe,_e,Be=function(){if(W&&!$){var e=C.trim().toLocaleLowerCase(S.filterLocale),t=S.filterBy?S.filterBy.split(","):[S.optionLabel||"label"];if(S.optionGroupLabel){var n,r=[],l=X(S.options);try{for(l.s();!(n=l.n()).done;){var i=n.value,a=o.filter(Me(i),t,e,S.filterMatchMode,S.filterLocale);a&&a.length&&r.push(z(z({},i),P({},"".concat(S.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return r}return o.filter(S.options,t,e,S.filterMatchMode,S.filterLocale)}return S.options}(),qe=-1!==(Ae=Ce(S.options))?S.optionGroupLabel?Me(S.options[Ae.group])[Ae.option]:S.options[Ae]:null,ze=y.isNotEmpty(S.tooltip),Ue=A.getOtherProps(S),Ze=y.reduceKeys(Ue,h.ARIA_PROPS),$e=function(){var t={value:"",label:S.placeholder};if(qe){var n=ke(qe);t={value:"object"===D(n)?S.options.findIndex((function(e){return e===n})):n,label:je(qe)}}var r=O({className:"p-hidden-accessible p-dropdown-hidden-select"},ee("hiddenSelectedMessage")),o=O({ref:H,required:S.required,defaultValue:t.value,name:S.name,tabIndex:-1,"aria-hidden":"true"},ee("select")),l=O({value:t.value},ee("option"));return e.createElement("div",r,e.createElement("select",o,e.createElement("option",l,t.label)))}(),We=(Ke=O({className:"p-hidden-accessible"},ee("hiddenSelectedMessage")),Ve=O(z({ref:_,id:S.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:ae,onBlur:ue,onKeyDown:pe,disabled:S.disabled,tabIndex:S.tabIndex||0},Ze),ee("input")),e.createElement("div",Ke,e.createElement("input",Ve))),Ye=function(){var t=y.isNotEmpty(qe)?je(qe):null;if(S.editable){var n=O(z({ref:H,type:"text",defaultValue:t||S.value||"",className:te("input",{label:t}),disabled:S.disabled,placeholder:S.placeholder,maxLength:S.maxLength,onInput:Ee,onFocus:Oe,onBlur:ue,tabIndex:S.tabIndex||0,"aria-haspopup":"listbox"},Ze),ee("input"));return e.createElement("input",n)}var r=S.valueTemplate?y.getJSXElement(S.valueTemplate,qe,S):t||S.placeholder||"empty",o=O({ref:H,className:te("input",{label:t}),tabIndex:"-1"},ee("input"));return e.createElement("span",o,r)}(),Qe=S.loading?(He=O({className:te("loadingIcon"),"data-pr-overlay-visible":R},ee("loadingIcon")),Je=w.getJSXIcon(S.loadingIcon||e.createElement(d,{spin:!0}),z({},He),{props:S}),Xe=S.placeholder||S.ariaLabel,_e=O({className:te("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":R,"aria-label":Xe},ee("trigger")),e.createElement("div",_e,Je)):function(){var t=O({className:te("dropdownIcon"),"data-pr-overlay-visible":R},ee("dropdownIcon")),n=w.getJSXIcon(S.dropdownIcon||e.createElement(f,t),z({},t),{props:S}),r=S.placeholder||S.ariaLabel,o=O({className:te("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":R,"aria-label":r},ee("trigger"));return e.createElement("div",o,n)}(),et=function(){if(null!=S.value&&S.showClear&&!S.disabled){var t=O({className:te("clearIcon"),onPointerUp:Se},ee("clearIcon"));return w.getJSXIcon(S.clearIcon||e.createElement(m,t),z({},t),{props:S})}return null}(),tt=O({id:S.id,ref:K,className:b(S.className,te("root",{focusedState:T,overlayVisibleState:R})),style:S.style,onClick:function(e){return t=e,void(S.disabled||S.loading||(S.onClick&&S.onClick(t),t.defaultPrevented||ie(t)||"INPUT"===t.target.tagName||V.current&&V.current&&V.current.contains(t.target)||(h.focus(_.current),R?Le():Ne())));var t},onMouseDown:S.onMouseDown,onContextMenu:S.onContextMenu,"data-p-disabled":S.disabled,"data-p-focus":T},Ue,ee("root"));return e.createElement(e.Fragment,null,e.createElement("div",tt,We,$e,Ye,et,Qe,e.createElement(J,F({hostName:"Dropdown",ref:V,visibleOptions:Be,virtualScrollerRef:B},S,{appendTo:Y,onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:K.current})},onOptionClick:function(e){e.option.disabled||(xe(e),h.focus(_.current)),Le()},filterValue:C,hasFilter:W,onFilterClearIconClick:function(e){Ie(e)},resetFilter:Ie,onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":se(e);break;case"ArrowUp":ce(e);break;case"Escape":case"Enter":Le(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;N(t),S.onFilter&&S.onFilter({originalEvent:e,filter:t})},getOptionLabel:je,getOptionRenderKey:function(e){return S.dataKey?y.resolveFieldData(e,S.dataKey):je(e)},isOptionDisabled:Re,getOptionGroupChildren:Me,getOptionGroupLabel:function(e){return y.resolveFieldData(e,S.optionGroupLabel)},getOptionGroupRenderKey:function(e){return y.resolveFieldData(e,S.optionGroupLabel)},isSelected:function(e){return y.equals(S.value,ke(e),Fe())},getSelectedOptionIndex:Ce,in:R,onEnter:function(e){E.set("overlay",V.current,I&&I.autoZIndex||t.autoZIndex,I&&I.zIndex.overlay||t.zIndex.overlay),h.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),Pe(),e&&e()},onEntered:function(e){e&&e(),oe(),S.onShow&&S.onShow()},onExit:function(){le()},onExited:function(){S.filter&&S.resetFilterOnHide&&Ie(),E.clear(V.current),S.onHide&&S.onHide()},ptm:ee,cx:te,sx:ne}))),ze&&e.createElement(g,F({target:K,content:S.tooltip},S.tooltipOptions,{pt:ee("tooltip")})))})));U.displayName="Dropdown";export{U as Dropdown};
|
package/dropdown/dropdown.js
CHANGED
|
@@ -247,6 +247,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
|
|
|
247
247
|
inputId: null,
|
|
248
248
|
inputRef: null,
|
|
249
249
|
itemTemplate: null,
|
|
250
|
+
loading: false,
|
|
251
|
+
loadingIcon: null,
|
|
250
252
|
maxLength: null,
|
|
251
253
|
name: null,
|
|
252
254
|
onBlur: null,
|
|
@@ -774,27 +776,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
|
|
|
774
776
|
});
|
|
775
777
|
};
|
|
776
778
|
var onInputKeyDown = function onInputKeyDown(event) {
|
|
777
|
-
switch (event.
|
|
778
|
-
|
|
779
|
-
case 40:
|
|
779
|
+
switch (event.code) {
|
|
780
|
+
case 'ArrowDown':
|
|
780
781
|
onDownKey(event);
|
|
781
782
|
break;
|
|
782
|
-
|
|
783
|
-
//up
|
|
784
|
-
case 38:
|
|
783
|
+
case 'ArrowUp':
|
|
785
784
|
onUpKey(event);
|
|
786
785
|
break;
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
case 32:
|
|
790
|
-
case 13:
|
|
786
|
+
case 'Space':
|
|
787
|
+
case 'Enter':
|
|
791
788
|
overlayVisibleState ? hide() : show();
|
|
792
789
|
event.preventDefault();
|
|
793
790
|
break;
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
case 27:
|
|
797
|
-
case 9:
|
|
791
|
+
case 'Escape':
|
|
792
|
+
case 'Tab':
|
|
798
793
|
hide();
|
|
799
794
|
break;
|
|
800
795
|
default:
|
|
@@ -803,20 +798,15 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
|
|
|
803
798
|
}
|
|
804
799
|
};
|
|
805
800
|
var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
|
|
806
|
-
switch (event.
|
|
807
|
-
|
|
808
|
-
case 40:
|
|
801
|
+
switch (event.code) {
|
|
802
|
+
case 'ArrowDown':
|
|
809
803
|
onDownKey(event);
|
|
810
804
|
break;
|
|
811
|
-
|
|
812
|
-
//up
|
|
813
|
-
case 38:
|
|
805
|
+
case 'ArrowUp':
|
|
814
806
|
onUpKey(event);
|
|
815
807
|
break;
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
case 13:
|
|
819
|
-
case 27:
|
|
808
|
+
case 'Escape':
|
|
809
|
+
case 'Enter':
|
|
820
810
|
hide();
|
|
821
811
|
event.preventDefault();
|
|
822
812
|
break;
|
|
@@ -897,8 +887,13 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
|
|
|
897
887
|
if (searchTimeout.current) {
|
|
898
888
|
clearTimeout(searchTimeout.current);
|
|
899
889
|
}
|
|
890
|
+
if (event.ctrlKey || event.metaKey || event.altKey) {
|
|
891
|
+
// ignore meta combinations like CTRL+F for browser search
|
|
892
|
+
return;
|
|
893
|
+
}
|
|
900
894
|
var _char = event.key;
|
|
901
|
-
if (_char
|
|
895
|
+
if (_char.length !== 1) {
|
|
896
|
+
// only single character keys matter for searching
|
|
902
897
|
return;
|
|
903
898
|
}
|
|
904
899
|
if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;
|