primereact 9.3.1 → 9.5.0

package/dropdown/dropdown.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlayservice, tooltip, utils, csstransition, portal, virtualscroller, ripple, times, search, chevrondown) {
+this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, chevrondown, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -143,6 +143,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       ariaLabel: null,
       ariaLabelledBy: null,
       autoFocus: false,
+      children: undefined,
       className: null,
       clearIcon: null,
       dataKey: null,
@@ -152,9 +153,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       emptyFilterMessage: null,
       emptyMessage: null,
       filter: false,
-      filterIcon: null,
       filterBy: null,
       filterClearIcon: null,
+      filterIcon: null,
       filterInputAutoFocus: true,
       filterLocale: undefined,
       filterMatchMode: 'contains',
@@ -176,13 +177,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       onMouseDown: null,
       onShow: null,
       optionDisabled: null,
-      optionGroupChildren: null,
+      optionGroupChildren: 'items',
       optionGroupLabel: null,
       optionGroupTemplate: null,
       optionLabel: null,
       optionValue: null,
       options: null,
       panelClassName: null,
+      panelFooterTemplate: null,
       panelStyle: null,
       placeholder: null,
       required: false,
@@ -198,8 +200,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       transitionOptions: null,
       value: null,
       valueTemplate: null,
-      virtualScrollerOptions: null,
-      children: undefined
+      virtualScrollerOptions: null
     },
     getProps: function getProps(props) {
       return utils.ObjectUtils.getMergedProps(props, DropdownBase.defaultProps);
@@ -273,6 +274,15 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(0);
       props.onFilterInputChange && props.onFilterInputChange(event);
     };
+    var createFooter = function createFooter() {
+      if (props.panelFooterTemplate) {
+        var content = utils.ObjectUtils.getJSXElement(props.panelFooterTemplate, props, props.onOverlayHide);
+        return /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-dropdown-footer"
+        }, content);
+      }
+      return null;
+    };
     var createGroupChildren = function createGroupChildren(optionGroup, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (option, j) {
@@ -421,7 +431,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
           },
           contentTemplate: function contentTemplate(options) {
             var className = utils.classNames('p-dropdown-items', options.className);
-            var content = isEmptyFilter ? createEmptyMessage() : options.children;
+            var emptyMessage = props.hasFilter ? props.emptyFilterMessage : props.emptyMessage;
+            var content = isEmptyFilter ? createEmptyMessage(emptyMessage) : options.children;
             return /*#__PURE__*/React__namespace.createElement("ul", {
               ref: options.contentRef,
               style: options.style,
@@ -453,6 +464,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       });
       var filter = createFilter();
       var content = createContent();
+      var footer = createFooter();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: ref,
         classNames: "p-connected-overlay",
@@ -473,7 +485,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         className: className,
         style: props.panelStyle,
         onClick: props.onClick
-      }, filter, content));
+      }, filter, content, footer));
     };
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -540,9 +552,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
               var optgroup = _step.value;
               var filteredSubOptions = PrimeReact.FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), {
-                  items: filteredSubOptions
-                }));
+                filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), _defineProperty({}, "".concat(props.optionGroupChildren), filteredSubOptions)));
               }
             }
           } catch (err) {
@@ -593,8 +603,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
           props.onBlur({
             originalEvent: event.originalEvent,
             value: currentValue,
-            stopPropagation: function stopPropagation() {},
-            preventDefault: function preventDefault() {},
+            stopPropagation: function stopPropagation() {
+              event.originalEvent.stopPropagation();
+            },
+            preventDefault: function preventDefault() {
+              event.originalEvent.preventDefault();
+            },
             target: {
               name: props.name,
               id: props.id,
@@ -805,8 +819,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         props.onChange({
           originalEvent: event.originalEvent,
           value: event.target.value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.originalEvent.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.originalEvent.preventDefault();
+          },
           target: {
             name: props.name,
             id: props.id,
@@ -853,8 +871,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         props.onChange({
           originalEvent: event,
           value: undefined,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             name: props.name,
             id: props.id,
@@ -872,8 +894,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
           props.onChange({
             originalEvent: event.originalEvent,
             value: optionValue,
-            stopPropagation: function stopPropagation() {},
-            preventDefault: function preventDefault() {},
+            stopPropagation: function stopPropagation() {
+              event.originalEvent.stopPropagation();
+            },
+            preventDefault: function preventDefault() {
+              event.originalEvent.preventDefault();
+            },
             target: {
               name: props.name,
               id: props.id,
@@ -1215,4 +1241,4 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.times, primereact.icons.search, primereact.icons.chevrondown);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.chevrondown, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple);

package/dropdown/dropdown.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,c,p,s,f,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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 b=v(t),g=m(n);function y(){return y=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},y.apply(this,arguments)}function h(e){return h="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},h(e)}function O(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=O(e,"string");return"symbol"===h(t)?t:String(t)}function E(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function S(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 S(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)?S(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 I(e)||j(e,t)||C(e,t)||D()}var F={defaultProps:{__TYPE:"Dropdown",appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterClearIcon: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:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName: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,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,F.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,F.defaultProps)}},x=b.memo((function(e){var t=i.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return b.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,b.createElement(p.Ripple,null))}));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="DropdownItem";var U=b.memo(b.forwardRef((function(e,t){var r,o,l,p=b.useRef(null),d=b.useRef(null),m=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,v={filter:function(e){return w(e)},reset:function(){return e.resetFilter()}},h=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},O=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&i.DomHandler.focus(d.current,!1)}))},w=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},E=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),l=r+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t);return b.createElement(x,{key:l,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:i,onClick:e.onOptionClick})}))},I=function(t,r){var o=i.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return b.createElement("li",{className:"p-dropdown-empty-message"},o)},j=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(e.optionGroupLabel){var l=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=E(t,o),u=n+"_"+e.getOptionGroupRenderKey(t);return b.createElement(b.Fragment,{key:u},b.createElement("li",{className:"p-dropdown-item-group",style:o},l),a)}var c=e.getOptionLabel(t),p=n+"_"+e.getOptionRenderKey(t),s=e.isOptionDisabled(t);return b.createElement(x,{key:p,label:c,option:t,style:o,template:e.itemTemplate,selected:e.isSelected(t),disabled:s,onClick:e.onOptionClick})},S=function(){if(e.showFilterClear&&e.filterValue){var t={className:"p-dropdown-filter-clear-icon","aria-label":n.localeOption("clear"),onClick:function(){return e.onFilterClearIconClick((function(){return i.DomHandler.focus(d.current)}))}};return i.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(s.TimesIcon,t),L({},t),{props:e})}return null},C=function(){if(e.filter){var t=S(),n=i.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),r="p-dropdown-filter-icon",o=i.IconUtils.getJSXIcon(e.filterIcon||b.createElement(f.SearchIcon,{className:r}),{className:r},{props:e}),l=b.createElement("div",{className:n},b.createElement("input",{ref:d,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:w,value:e.filterValue}),t,o);if(e.filterTemplate)l=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:l,filterOptions:v,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:w,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e});return b.createElement("div",{className:"p-dropdown-header"},l)}return null},D=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&j(e,t.index,t)},contentTemplate:function(e){var t=i.classNames("p-dropdown-items",e.className),n=m?I():e.children;return b.createElement("ul",{ref:e.contentRef,style:e.style,className:t,role:"listbox"},n)}});return b.createElement(c.VirtualScroller,y({ref:p},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(j):e.hasFilter?I(e.emptyFilterMessage,!0):I(e.emptyMessage);return b.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},b.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},N=(r=i.classNames("p-dropdown-panel p-component",e.panelClassName,{"p-input-filled":"filled"===g.default.inputStyle,"p-ripple-disabled":!1===g.default.ripple}),o=C(),l=D(),b.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:h,onEntering:e.onEntering,onEntered:O,onExit:e.onExit,onExited:e.onExited},b.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},o,l)));return b.createElement(u.Portal,{element:N,appendTo:e.appendTo})})));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(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 M(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(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}U.displayName="DropdownPanel";var G=b.memo(b.forwardRef((function(e,t){var a=F.getProps(e),u=N(b.useState(""),2),c=u[0],p=u[1],f=N(b.useState(!1),2),m=f[0],v=f[1],O=N(b.useState(!1),2),w=O[0],E=O[1],I=b.useRef(null),j=b.useRef(null),S=b.useRef(a.inputRef),C=b.useRef(a.focusInputRef),D=b.useRef(null),x=b.useRef(null),P=b.useRef(null),L=a.virtualScrollerOptions&&a.virtualScrollerOptions.lazy,T=i.ObjectUtils.isNotEmpty(c),M=a.appendTo||g.default.appendTo,H=N(r.useOverlayListener({target:I,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!K(e)&&se():se())},when:w}),2),G=H[0],A=H[1],K=function(e){return i.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||i.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},V=function(e){a.showOnFocus&&!w&&pe(),v(!0),a.onFocus&&a.onFocus(e)},_=function(e){v(!1),a.onBlur&&setTimeout((function(){var t=S.current?S.current.value:void 0;a.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})}),200)},B=function(e){switch(e.which){case 40:X(e);break;case 38:J(e);break;case 32:case 13:w?se():pe(),e.preventDefault();break;case 27:case 9:se();break;default:W(e)}},J=function(e){if(Oe){var t=Z(ae());t&&ie({originalEvent:e,option:t})}e.preventDefault()},X=function(e){if(Oe)if(!w&&e.altKey)pe();else{var t=z(ae());t&&ie({originalEvent:e,option:t})}e.preventDefault()},z=function e(t){if(a.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=q(ge(Oe[n]),r);return o||(n+1!==Oe.length?e({group:n+1,option:-1}):null)}return q(Oe,t)},q=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return be(o)?e(r):o},Z=function e(t){if(-1===t)return null;if(a.optionGroupLabel){var n=t.group,r=t.option,o=$(ge(Oe[n]),r);return o||(n>0?e({group:n-1,option:ge(Oe[n-1]).length}):null)}return $(Oe,t)},$=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return be(r)?Z(n):r},W=function(e){D.current&&clearTimeout(D.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(x.current=P.current===t?t:x.current?x.current+t:t,P.current=t,x.current){var n=ae(),r=a.optionGroupLabel?ee(n):Y(n+1);r&&ie({originalEvent:e,option:r})}D.current=setTimeout((function(){x.current=null}),250)}},Y=function(e){return x.current?Q(e,Oe.length)||Q(0,e):null},Q=function(e,t){for(var n=e;n<t;n++){var r=Oe[n];if(te(r))return r}return null},ee=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Oe.length;n++)for(var r=ge(Oe[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(te(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=ge(Oe[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(te(i[a]))return i[a];return null},te=function(e){var t=me(e);return!!t&&(t=t.toLocaleLowerCase(a.filterLocale)).startsWith(x.current.toLocaleLowerCase(a.filterLocale))},ne=function(e){a.onChange&&a.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:e.target.value}})},re=function(e){v(!0),se(),a.onFocus&&a.onFocus(e)},oe=function(e){p(""),a.onFilter&&a.onFilter({filter:""}),e&&e()},le=function(e){a.onChange&&a.onChange({originalEvent:e,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:void 0}}),de()},ie=function(e){if(we!==e.option){de(e.option);var t=ve(e.option);a.onChange&&a.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})}},ae=function(e){if(e=e||Oe,null!=a.value&&e){if(!a.optionGroupLabel)return ce(a.value,e);for(var t=0;t<e.length;t++){var n=ce(a.value,ge(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ue=function(){return a.optionValue?null:a.dataKey},ce=function(e,t){var n=ue();return t.findIndex((function(t){return i.ObjectUtils.equals(e,ve(t),n)}))},pe=function(){E(!0)},se=function(){E(!1)},fe=function(){i.DomHandler.alignOverlay(j.current,S.current.parentElement,a.appendTo||g.default.appendTo)},de=function(e){S.current&&(S.current.value=e?me(e):a.value||"")},me=function(e){return a.optionLabel?i.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},ve=function(e){return a.optionValue?i.ObjectUtils.resolveFieldData(e,a.optionValue):e&&void 0!==e.value?e.value:e},be=function(e){return a.optionDisabled?i.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ge=function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupChildren)},ye=function(){if(a.editable&&S.current){var e=we?me(we):null;S.current.value=e||a.value||""}};b.useImperativeHandle(t,(function(){return{props:a,show:pe,hide:se,focus:function(){return i.DomHandler.focus(C.current)},getElement:function(){return I.current},getOverlay:function(){return j.current},getInput:function(){return S.current},getFocusInput:function(){return C.current}}})),b.useEffect((function(){i.ObjectUtils.combinedRefs(S,a.inputRef),i.ObjectUtils.combinedRefs(C,a.focusInputRef)}),[S,a.inputRef,C,a.focusInputRef]),r.useMountEffect((function(){a.autoFocus&&i.DomHandler.focus(C.current,a.autoFocus)})),r.useUpdateEffect((function(){var e;w&&a.value&&(e=i.DomHandler.findSingle(j.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[w,a.value]),r.useUpdateEffect((function(){w&&c&&a.filter&&fe()}),[w,c,a.filter]),r.useUpdateEffect((function(){!c||a.options&&0!==a.options.length||p(""),ye(),S.current&&(S.current.selectedIndex=1)})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(j.current)}));var he,Oe=function(){if(T&&!L){var e=c.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[a.optionLabel||"label"];if(a.optionGroupLabel){var r,o=[],l=R(a.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,u=n.FilterService.filter(ge(i),t,e,a.filterMatchMode,a.filterLocale);u&&u.length&&o.push(k(k({},i),{items:u}))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(a.options,t,e,a.filterMatchMode,a.filterLocale)}return a.options}(),we=-1!==(he=ae(a.options))?a.optionGroupLabel?ge(a.options[he.group])[he.option]:a.options[he]:null,Ee=i.ObjectUtils.isNotEmpty(a.tooltip),Ie=F.getOtherProps(a),je=i.ObjectUtils.reduceKeys(Ie,i.DomHandler.ARIA_PROPS),Se=i.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":a.disabled,"p-focus":m,"p-dropdown-clearable":a.showClear&&!a.disabled,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(a.value),"p-inputwrapper-focus":m||w},a.className),Ce=function(){var e={value:"",label:a.placeholder};if(we){var t=ve(we);e={value:"object"===h(t)?a.options.findIndex((function(e){return e===t})):t,label:me(we)}}return b.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},b.createElement("select",{ref:S,required:a.required,defaultValue:e.value,name:a.name,tabIndex:-1,"aria-hidden":"true"},b.createElement("option",{value:e.value},e.label)))}(),De=b.createElement("div",{className:"p-hidden-accessible"},b.createElement("input",y({ref:C,id:a.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:V,onBlur:_,onKeyDown:B,disabled:a.disabled,tabIndex:a.tabIndex},je))),Ne=function(){var e=i.ObjectUtils.isNotEmpty(we)?me(we):null;if(a.editable)return b.createElement("input",y({ref:S,type:"text",defaultValue:e||a.value||"",className:"p-dropdown-label p-inputtext",disabled:a.disabled,placeholder:a.placeholder,maxLength:a.maxLength,onInput:ne,onFocus:re,onBlur:_,"aria-haspopup":"listbox"},je));var t=i.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===e&&a.placeholder,"p-dropdown-label-empty":null===e&&!a.placeholder}),n=a.valueTemplate?i.ObjectUtils.getJSXElement(a.valueTemplate,we,a):e||a.placeholder||"empty";return b.createElement("span",{ref:S,className:t},n)}(),Fe=function(){var e=i.classNames("p-dropdown-trigger-icon p-clickable"),t=i.IconUtils.getJSXIcon(a.dropdownIcon||b.createElement(d.ChevronDownIcon,{className:e}),{className:e},{props:a});return b.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w,"aria-label":a.placeholder||a.ariaLabel},t)}(),xe=function(){if(null!=a.value&&a.showClear&&!a.disabled){var e={className:i.classNames("p-dropdown-clear-icon p-clickable"),onPointerUp:le};return i.IconUtils.getJSXIcon(a.clearIcon||b.createElement(s.TimesIcon,e),k({},e),{props:a})}return null}();return b.createElement(b.Fragment,null,b.createElement("div",y({ref:I,id:a.id,className:Se,style:a.style},Ie,{onClick:function(e){a.disabled||(a.onClick&&a.onClick(e),e.defaultPrevented||i.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||"INPUT"===e.target.tagName||j.current&&j.current&&j.current.contains(e.target)||(i.DomHandler.focus(C.current),w?se():pe()))},onMouseDown:a.onMouseDown,onContextMenu:a.onContextMenu}),De,Ce,Ne,xe,Fe,b.createElement(U,y({ref:j,visibleOptions:Oe},a,{appendTo:M,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onOptionClick:function(e){e.option.disabled||(ie(e),i.DomHandler.focus(C.current)),se()},filterValue:c,hasFilter:T,onFilterClearIconClick:function(e){oe(e)},resetFilter:oe,onFilterInputKeyDown:function(e){switch(e.which){case 40:X(e);break;case 38:J(e);break;case 13:case 27:se(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;p(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},getOptionLabel:me,getOptionRenderKey:function(e){return a.dataKey?i.ObjectUtils.resolveFieldData(e,a.dataKey):me(e)},isOptionDisabled:be,getOptionGroupChildren:ge,getOptionGroupLabel:function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},getOptionGroupRenderKey:function(e){return i.ObjectUtils.resolveFieldData(e,a.optionGroupLabel)},isSelected:function(e){return i.ObjectUtils.equals(a.value,ve(e),ue())},getSelectedOptionIndex:ae,in:w,onEnter:function(e){i.ZIndexUtils.set("overlay",j.current,g.default.autoZIndex,g.default.zIndex.overlay),fe(),e&&e()},onEntered:function(e){e&&e(),G(),a.onShow&&a.onShow()},onExit:function(){A()},onExited:function(){a.filter&&a.resetFilterOnHide&&oe(),i.ZIndexUtils.clear(j.current),a.onHide&&a.onHide()}}))),Ee&&b.createElement(l.Tooltip,y({target:I,content:a.tooltip},a.tooltipOptions)))})));return G.displayName="Dropdown",e.Dropdown=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.ripple,primereact.icons.times,primereact.icons.search,primereact.icons.chevrondown);
+this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,c,p,s,f,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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 b=v(t),g=m(n);function y(){return y=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},y.apply(this,arguments)}function h(e){return h="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},h(e)}function O(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=O(e,"string");return"symbol"===h(t)?t:String(t)}function E(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function S(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 D(e,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function F(e,t){return I(e)||j(e,t)||D(e,t)||C()}var N={defaultProps:{__TYPE:"Dropdown",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},getProps:function(e){return u.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,N.defaultProps)}},P=b.memo((function(e){var t=u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label;return b.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,b.createElement(d.Ripple,null))}));function x(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="DropdownItem";var U=b.memo(b.forwardRef((function(e,t){var r,o,i,a,d=b.useRef(null),m=b.useRef(null),v=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,h={filter:function(e){return E(e)},reset:function(){return e.resetFilter()}},O=function(){e.onEnter((function(){if(d.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return d.current.scrollToIndex(t)}),0)}}))},w=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(m.current,!1)}))},E=function(t){d.current&&d.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},I=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return b.createElement("div",{className:"p-dropdown-footer"},t)}return null},j=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),l=r+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t);return b.createElement(P,{key:l,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:i,onClick:e.onOptionClick})}))},S=function(t,r){var o=u.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return b.createElement("li",{className:"p-dropdown-empty-message"},o)},D=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(e.optionGroupLabel){var l=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),i=j(t,o),a=n+"_"+e.getOptionGroupRenderKey(t);return b.createElement(b.Fragment,{key:a},b.createElement("li",{className:"p-dropdown-item-group",style:o},l),i)}var c=e.getOptionLabel(t),p=n+"_"+e.getOptionRenderKey(t),s=e.isOptionDisabled(t);return b.createElement(P,{key:p,label:c,option:t,style:o,template:e.itemTemplate,selected:e.isSelected(t),disabled:s,onClick:e.onOptionClick})},C=function(){if(e.showFilterClear&&e.filterValue){var t={className:"p-dropdown-filter-clear-icon","aria-label":n.localeOption("clear"),onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(m.current)}))}};return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,t),L({},t),{props:e})}return null},F=function(){if(e.filter){var t=C(),n=u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),r="p-dropdown-filter-icon",o=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(p.SearchIcon,{className:r}),{className:r},{props:e}),l=b.createElement("div",{className:n},b.createElement("input",{ref:m,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:E,value:e.filterValue}),t,o);if(e.filterTemplate)l=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:l,filterOptions:h,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:E,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e});return b.createElement("div",{className:"p-dropdown-header"},l)}return null},N=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&D(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-dropdown-items",t.className),r=v?S(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children;return b.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox"},r)}});return b.createElement(f.VirtualScroller,y({ref:d},t))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(D):e.hasFilter?S(e.emptyFilterMessage,!0):S(e.emptyMessage);return b.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},b.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},x=(r=u.classNames("p-dropdown-panel p-component",e.panelClassName,{"p-input-filled":"filled"===g.default.inputStyle,"p-ripple-disabled":!1===g.default.ripple}),o=F(),i=N(),a=I(),b.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:O,onEntering:e.onEntering,onEntered:w,onExit:e.onExit,onExited:e.onExited},b.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},o,i,a)));return b.createElement(s.Portal,{element:x,appendTo:e.appendTo})})));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(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 M(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(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}U.displayName="DropdownPanel";var G=b.memo(b.forwardRef((function(e,t){var c=N.getProps(e),p=F(b.useState(""),2),s=p[0],f=p[1],d=F(b.useState(!1),2),m=d[0],v=d[1],O=F(b.useState(!1),2),w=O[0],I=O[1],j=b.useRef(null),S=b.useRef(null),D=b.useRef(c.inputRef),C=b.useRef(c.focusInputRef),P=b.useRef(null),x=b.useRef(null),L=b.useRef(null),T=c.virtualScrollerOptions&&c.virtualScrollerOptions.lazy,M=u.ObjectUtils.isNotEmpty(s),H=c.appendTo||g.default.appendTo,G=F(r.useOverlayListener({target:j,overlay:S,listener:function(e,t){t.valid&&("outside"===t.type?!V(e)&&fe():fe())},when:w}),2),A=G[0],K=G[1],V=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},J=function(e){c.showOnFocus&&!w&&se(),v(!0),c.onFocus&&c.onFocus(e)},X=function(e){v(!1),c.onBlur&&setTimeout((function(){var t=D.current?D.current.value:void 0;c.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:c.name,id:c.id,value:t}})}),200)},_=function(e){switch(e.which){case 40:z(e);break;case 38:B(e);break;case 32:case 13:w?fe():se(),e.preventDefault();break;case 27:case 9:fe();break;default:Y(e)}},B=function(e){if(we){var t=$(ue());t&&ae({originalEvent:e,option:t})}e.preventDefault()},z=function(e){if(we)if(!w&&e.altKey)se();else{var t=q(ue());t&&ae({originalEvent:e,option:t})}e.preventDefault()},q=function e(t){if(c.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=Z(ye(we[n]),r);return o||(n+1!==we.length?e({group:n+1,option:-1}):null)}return Z(we,t)},Z=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return ge(o)?e(r):o},$=function e(t){if(-1===t)return null;if(c.optionGroupLabel){var n=t.group,r=t.option,o=W(ye(we[n]),r);return o||(n>0?e({group:n-1,option:ye(we[n-1]).length}):null)}return W(we,t)},W=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return ge(r)?$(n):r},Y=function(e){P.current&&clearTimeout(P.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(x.current=L.current===t?t:x.current?x.current+t:t,L.current=t,x.current){var n=ue(),r=c.optionGroupLabel?te(n):Q(n+1);r&&ae({originalEvent:e,option:r})}P.current=setTimeout((function(){x.current=null}),250)}},Q=function(e){return x.current?ee(e,we.length)||ee(0,e):null},ee=function(e,t){for(var n=e;n<t;n++){var r=we[n];if(ne(r))return r}return null},te=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<we.length;n++)for(var r=ye(we[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(ne(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=ye(we[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(ne(i[a]))return i[a];return null},ne=function(e){var t=ve(e);return!!t&&(t=t.toLocaleLowerCase(c.filterLocale)).startsWith(x.current.toLocaleLowerCase(c.filterLocale))},re=function(e){c.onChange&&c.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:c.name,id:c.id,value:e.target.value}})},oe=function(e){v(!0),fe(),c.onFocus&&c.onFocus(e)},le=function(e){f(""),c.onFilter&&c.onFilter({filter:""}),e&&e()},ie=function(e){c.onChange&&c.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:void 0}}),me()},ae=function(e){if(Ee!==e.option){me(e.option);var t=be(e.option);c.onChange&&c.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:c.name,id:c.id,value:t}})}},ue=function(e){if(e=e||we,null!=c.value&&e){if(!c.optionGroupLabel)return pe(c.value,e);for(var t=0;t<e.length;t++){var n=pe(c.value,ye(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ce=function(){return c.optionValue?null:c.dataKey},pe=function(e,t){var n=ce();return t.findIndex((function(t){return u.ObjectUtils.equals(e,be(t),n)}))},se=function(){I(!0)},fe=function(){I(!1)},de=function(){u.DomHandler.alignOverlay(S.current,D.current.parentElement,c.appendTo||g.default.appendTo)},me=function(e){D.current&&(D.current.value=e?ve(e):c.value||"")},ve=function(e){return c.optionLabel?u.ObjectUtils.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},be=function(e){return c.optionValue?u.ObjectUtils.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},ge=function(e){return c.optionDisabled?u.ObjectUtils.isFunction(c.optionDisabled)?c.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ye=function(e){return u.ObjectUtils.resolveFieldData(e,c.optionGroupChildren)},he=function(){if(c.editable&&D.current){var e=Ee?ve(Ee):null;D.current.value=e||c.value||""}};b.useImperativeHandle(t,(function(){return{props:c,show:se,hide:fe,focus:function(){return u.DomHandler.focus(C.current)},getElement:function(){return j.current},getOverlay:function(){return S.current},getInput:function(){return D.current},getFocusInput:function(){return C.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(D,c.inputRef),u.ObjectUtils.combinedRefs(C,c.focusInputRef)}),[D,c.inputRef,C,c.focusInputRef]),r.useMountEffect((function(){c.autoFocus&&u.DomHandler.focus(C.current,c.autoFocus)})),r.useUpdateEffect((function(){var e;w&&c.value&&(e=u.DomHandler.findSingle(S.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[w,c.value]),r.useUpdateEffect((function(){w&&s&&c.filter&&de()}),[w,s,c.filter]),r.useUpdateEffect((function(){!s||c.options&&0!==c.options.length||f(""),he(),D.current&&(D.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(S.current)}));var Oe,we=function(){if(M&&!T){var e=s.trim().toLocaleLowerCase(c.filterLocale),t=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var r,o=[],l=R(c.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(ye(i),t,e,c.filterMatchMode,c.filterLocale);a&&a.length&&o.push(k(k({},i),E({},"".concat(c.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(c.options,t,e,c.filterMatchMode,c.filterLocale)}return c.options}(),Ee=-1!==(Oe=ue(c.options))?c.optionGroupLabel?ye(c.options[Oe.group])[Oe.option]:c.options[Oe]:null,Ie=u.ObjectUtils.isNotEmpty(c.tooltip),je=N.getOtherProps(c),Se=u.ObjectUtils.reduceKeys(je,u.DomHandler.ARIA_PROPS),De=u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":c.disabled,"p-focus":m,"p-dropdown-clearable":c.showClear&&!c.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(c.value),"p-inputwrapper-focus":m||w},c.className),Ce=function(){var e={value:"",label:c.placeholder};if(Ee){var t=be(Ee);e={value:"object"===h(t)?c.options.findIndex((function(e){return e===t})):t,label:ve(Ee)}}return b.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},b.createElement("select",{ref:D,required:c.required,defaultValue:e.value,name:c.name,tabIndex:-1,"aria-hidden":"true"},b.createElement("option",{value:e.value},e.label)))}(),Fe=b.createElement("div",{className:"p-hidden-accessible"},b.createElement("input",y({ref:C,id:c.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:J,onBlur:X,onKeyDown:_,disabled:c.disabled,tabIndex:c.tabIndex},Se))),Ne=function(){var e=u.ObjectUtils.isNotEmpty(Ee)?ve(Ee):null;if(c.editable)return b.createElement("input",y({ref:D,type:"text",defaultValue:e||c.value||"",className:"p-dropdown-label p-inputtext",disabled:c.disabled,placeholder:c.placeholder,maxLength:c.maxLength,onInput:re,onFocus:oe,onBlur:X,"aria-haspopup":"listbox"},Se));var t=u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===e&&c.placeholder,"p-dropdown-label-empty":null===e&&!c.placeholder}),n=c.valueTemplate?u.ObjectUtils.getJSXElement(c.valueTemplate,Ee,c):e||c.placeholder||"empty";return b.createElement("span",{ref:D,className:t},n)}(),Pe=function(){var e=u.classNames("p-dropdown-trigger-icon p-clickable"),t=u.IconUtils.getJSXIcon(c.dropdownIcon||b.createElement(o.ChevronDownIcon,{className:e}),{className:e},{props:c});return b.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w,"aria-label":c.placeholder||c.ariaLabel},t)}(),xe=function(){if(null!=c.value&&c.showClear&&!c.disabled){var e={className:u.classNames("p-dropdown-clear-icon p-clickable"),onPointerUp:ie};return u.IconUtils.getJSXIcon(c.clearIcon||b.createElement(l.TimesIcon,e),k({},e),{props:c})}return null}();return b.createElement(b.Fragment,null,b.createElement("div",y({ref:j,id:c.id,className:De,style:c.style},je,{onClick:function(e){c.disabled||(c.onClick&&c.onClick(e),e.defaultPrevented||u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||"INPUT"===e.target.tagName||S.current&&S.current&&S.current.contains(e.target)||(u.DomHandler.focus(C.current),w?fe():se()))},onMouseDown:c.onMouseDown,onContextMenu:c.onContextMenu}),Fe,Ce,Ne,xe,Pe,b.createElement(U,y({ref:S,visibleOptions:we},c,{appendTo:H,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOptionClick:function(e){e.option.disabled||(ae(e),u.DomHandler.focus(C.current)),fe()},filterValue:s,hasFilter:M,onFilterClearIconClick:function(e){le(e)},resetFilter:le,onFilterInputKeyDown:function(e){switch(e.which){case 40:z(e);break;case 38:B(e);break;case 13:case 27:fe(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;f(t),c.onFilter&&c.onFilter({originalEvent:e,filter:t})},getOptionLabel:ve,getOptionRenderKey:function(e){return c.dataKey?u.ObjectUtils.resolveFieldData(e,c.dataKey):ve(e)},isOptionDisabled:ge,getOptionGroupChildren:ye,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(c.value,be(e),ce())},getSelectedOptionIndex:ue,in:w,onEnter:function(e){u.ZIndexUtils.set("overlay",S.current,g.default.autoZIndex,g.default.zIndex.overlay),de(),e&&e()},onEntered:function(e){e&&e(),A(),c.onShow&&c.onShow()},onExit:function(){K()},onExited:function(){c.filter&&c.resetFilterOnHide&&le(),u.ZIndexUtils.clear(S.current),c.onHide&&c.onHide()}}))),Ie&&b.createElement(a.Tooltip,y({target:j,content:c.tooltip},c.tooltipOptions)))})));return G.displayName="Dropdown",e.Dropdown=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);

package/fieldset/fieldset.cjs.js

@@ -7,6 +7,7 @@ var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var plus = require('primereact/icons/plus');
 var minus = require('primereact/icons/minus');
 
@@ -100,7 +101,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var FieldsetBase = {
+var FieldsetBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Fieldset',
     id: null,
@@ -117,14 +118,8 @@ var FieldsetBase = {
     onToggle: null,
     onClick: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, FieldsetBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, FieldsetBase.defaultProps);
   }
-};
+});
 
 var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = FieldsetBase.getProps(inProps);
@@ -141,6 +136,14 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var contentRef = React__namespace.useRef(null);
   var headerId = idState + '_header';
   var contentId = idState + '_content';
+  var _FieldsetBase$setMeta = FieldsetBase.setMetaData({
+      props: props,
+      state: {
+        id: idState,
+        collapsed: collapsed
+      }
+    }),
+    ptm = _FieldsetBase$setMeta.ptm;
   var toggle = function toggle(event) {
     if (props.toggleable) {
       collapsed ? expand(event) : collapse(event);
@@ -171,6 +174,17 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     }
   });
   var createContent = function createContent() {
+    var contentProps = utils.mergeProps({
+      className: 'p-fieldset-content'
+    }, ptm('content'));
+    var toggleableProps = utils.mergeProps({
+      ref: contentRef,
+      id: contentId,
+      'aria-hidden': collapsed,
+      role: 'region',
+      'aria-labelledby': headerId,
+      className: 'p-toggleable-content'
+    }, ptm('toggleableContent'));
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: contentRef,
       classNames: "p-toggleable-content",
@@ -181,28 +195,15 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       "in": !collapsed,
       unmountOnExit: true,
       options: props.transitionOptions
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      ref: contentRef,
-      id: contentId,
-      className: "p-toggleable-content",
-      "aria-hidden": collapsed,
-      role: "region",
-      "aria-labelledby": headerId
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-fieldset-content"
-    }, props.children)));
+    }, /*#__PURE__*/React__namespace.createElement("div", toggleableProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)));
   };
   var createToggleIcon = function createToggleIcon() {
     if (props.toggleable) {
-      var iconClassName = 'p-fieldset-toggler';
-      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
-        className: iconClassName
-      }) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, {
-        className: iconClassName
-      });
-      var toggleIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var togglerIconProps = utils.mergeProps({
+        className: 'p-fieldset-toggler'
+      }, ptm('togglericon'));
+      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, togglerIconProps);
+      var toggleIcon = utils.IconUtils.getJSXIcon(icon, togglerIconProps, {
         props: props
       });
       return toggleIcon;
@@ -210,30 +211,32 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return null;
   };
   var createLegendContent = function createLegendContent() {
+    var legendTextProps = utils.mergeProps({
+      className: 'p-fieldset-legend-text'
+    }, ptm('legendTitle'));
+    var togglerProps = utils.mergeProps({
+      id: headerId,
+      'aria-expanded': !collapsed,
+      'aria-controls': contentId,
+      href: '#' + contentId,
+      tabIndex: props.toggleable ? null : -1
+    }, ptm('toggler'));
     if (props.toggleable) {
       var toggleIcon = createToggleIcon();
-      return /*#__PURE__*/React__namespace.createElement("a", {
-        href: '#' + contentId,
-        "aria-controls": contentId,
-        id: headerId,
-        "aria-expanded": !collapsed,
-        tabIndex: props.toggleable ? null : -1
-      }, toggleIcon, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-fieldset-legend-text"
-      }, props.legend), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      return /*#__PURE__*/React__namespace.createElement("a", togglerProps, toggleIcon, /*#__PURE__*/React__namespace.createElement("span", legendTextProps, props.legend), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
-    return /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-fieldset-legend-text",
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({}, legendTextProps, {
       id: headerId
-    }, props.legend);
+    }), props.legend);
   };
   var createLegend = function createLegend() {
+    var legendProps = utils.mergeProps({
+      className: 'p-fieldset-legend p-unselectable-text',
+      onClick: toggle
+    }, ptm('legend'));
     if (props.legend != null || props.toggleable) {
       var legendContent = createLegendContent();
-      return /*#__PURE__*/React__namespace.createElement("legend", {
-        className: "p-fieldset-legend p-unselectable-text",
-        onClick: toggle
-      }, legendContent);
+      return /*#__PURE__*/React__namespace.createElement("legend", legendProps, legendContent);
     }
   };
   React__namespace.useImperativeHandle(ref, function () {
@@ -247,20 +250,18 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       }
     };
   });
-  var otherProps = FieldsetBase.getOtherProps(props);
-  var className = utils.classNames('p-fieldset p-component', {
-    'p-fieldset-toggleable': props.toggleable
-  }, props.className);
-  var legend = createLegend();
-  var content = createContent();
-  return /*#__PURE__*/React__namespace.createElement("fieldset", _extends({
+  var rootProps = utils.mergeProps({
     id: idState,
     ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps, {
+    style: props.style,
+    className: utils.classNames('p-fieldset p-component', {
+      'p-fieldset-toggleable': props.toggleable
+    }, props.className),
     onClick: props.onClick
-  }), legend, content);
+  }, FieldsetBase.getOtherProps(props), ptm('root'));
+  var legend = createLegend();
+  var content = createContent();
+  return /*#__PURE__*/React__namespace.createElement("fieldset", rootProps, legend, content);
 });
 Fieldset.displayName = 'Fieldset';
 

package/fieldset/fieldset.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/utils"),o=require("primereact/icons/plus"),a=require("primereact/icons/minus");function i(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 u=i(e);function c(){return c=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},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function g(){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 m(e,t){return s(e)||p(e,t)||d(e,t)||g()}var b={defaultProps:{__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,collapseIcon:null,transitionOptions:null,expandIcon:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,b.defaultProps)}},v=u.forwardRef((function(e,i){var s=b.getProps(e),p=m(u.useState(s.id),2),f=p[0],d=p[1],g=m(u.useState(s.collapsed),2),v=g[1],y=!!s.toggleable&&(s.onToggle?s.collapsed:g[0]),O=u.useRef(null),h=u.useRef(null),E=f+"_header",j=f+"_content",x=function(e){s.toggleable&&(y?P(e):I(e),s.onToggle&&s.onToggle({originalEvent:e,value:!y})),e.preventDefault()},P=function(e){s.onToggle||v(!1),s.onExpand&&s.onExpand(e)},I=function(e){s.onToggle||v(!0),s.onCollapse&&s.onCollapse(e)};n.useMountEffect((function(){s.id||d(l.UniqueComponentId())}));var N=function(){if(s.toggleable){var e="p-fieldset-toggler";return l.IconUtils.getJSXIcon(y?s.expandIcon||u.createElement(o.PlusIcon,{className:e}):s.collapseIcon||u.createElement(a.MinusIcon,{className:e}),{className:e},{props:s})}return null},C=function(){if(s.toggleable){var e=N();return u.createElement("a",{href:"#"+j,"aria-controls":j,id:E,"aria-expanded":!y,tabIndex:s.toggleable?null:-1},e,u.createElement("span",{className:"p-fieldset-legend-text"},s.legend),u.createElement(r.Ripple,null))}return u.createElement("span",{className:"p-fieldset-legend-text",id:E},s.legend)};u.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return O.current},getContent:function(){return h.current}}}));var S=b.getOtherProps(s),T=l.classNames("p-fieldset p-component",{"p-fieldset-toggleable":s.toggleable},s.className),q=function(){if(null!=s.legend||s.toggleable){var e=C();return u.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:x},e)}}(),_=u.createElement(t.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:s.transitionOptions},u.createElement("div",{ref:h,id:j,className:"p-toggleable-content","aria-hidden":y,role:"region","aria-labelledby":E},u.createElement("div",{className:"p-fieldset-content"},s.children)));return u.createElement("fieldset",c({id:f,ref:O,className:T,style:s.style},S,{onClick:s.onClick}),q,_)}));v.displayName="Fieldset",exports.Fieldset=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/utils"),o=require("primereact/componentbase"),a=require("primereact/icons/plus"),i=require("primereact/icons/minus");function c(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 s=c(e);function u(){return u=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},u.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function d(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 f(e,t){if(e){if("string"==typeof e)return d(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)?d(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 b(e,t){return p(e)||g(e,t)||f(e,t)||m()}var v=o.ComponentBase.extend({defaultProps:{__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,collapseIcon:null,transitionOptions:null,expandIcon:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null,children:void 0}}),y=s.forwardRef((function(e,o){var c=v.getProps(e),p=b(s.useState(c.id),2),g=p[0],d=p[1],f=b(s.useState(c.collapsed),2),m=f[1],y=!!c.toggleable&&(c.onToggle?c.collapsed:f[0]),E=s.useRef(null),h=s.useRef(null),O=g+"_header",P=g+"_content",x=v.setMetaData({props:c,state:{id:g,collapsed:y}}).ptm,j=function(e){c.toggleable&&(y?I(e):C(e),c.onToggle&&c.onToggle({originalEvent:e,value:!y})),e.preventDefault()},I=function(e){c.onToggle||m(!1),c.onExpand&&c.onExpand(e)},C=function(e){c.onToggle||m(!0),c.onCollapse&&c.onCollapse(e)};n.useMountEffect((function(){c.id||d(l.UniqueComponentId())}));var N=function(){if(c.toggleable){var e=l.mergeProps({className:"p-fieldset-toggler"},x("togglericon"));return l.IconUtils.getJSXIcon(y?c.expandIcon||s.createElement(a.PlusIcon,e):c.collapseIcon||s.createElement(i.MinusIcon,e),e,{props:c})}return null},S=function(){var e=l.mergeProps({className:"p-fieldset-legend-text"},x("legendTitle")),t=l.mergeProps({id:O,"aria-expanded":!y,"aria-controls":P,href:"#"+P,tabIndex:c.toggleable?null:-1},x("toggler"));if(c.toggleable){var n=N();return s.createElement("a",t,n,s.createElement("span",e,c.legend),s.createElement(r.Ripple,null))}return s.createElement("span",u({},e,{id:O}),c.legend)};s.useImperativeHandle(o,(function(){return{props:c,getElement:function(){return E.current},getContent:function(){return h.current}}}));var T,q,_=l.mergeProps({id:g,ref:E,style:c.style,className:l.classNames("p-fieldset p-component",{"p-fieldset-toggleable":c.toggleable},c.className),onClick:c.onClick},v.getOtherProps(c),x("root")),w=function(){var e=l.mergeProps({className:"p-fieldset-legend p-unselectable-text",onClick:j},x("legend"));if(null!=c.legend||c.toggleable){var t=S();return s.createElement("legend",e,t)}}(),k=(T=l.mergeProps({className:"p-fieldset-content"},x("content")),q=l.mergeProps({ref:h,id:P,"aria-hidden":y,role:"region","aria-labelledby":O,className:"p-toggleable-content"},x("toggleableContent")),s.createElement(t.CSSTransition,{nodeRef:h,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:c.transitionOptions},s.createElement("div",q,s.createElement("div",T,c.children))));return s.createElement("fieldset",_,w,k)}));y.displayName="Fieldset",exports.Fieldset=y;

package/fieldset/fieldset.d.ts

@@ -9,7 +9,78 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type FieldsetPassThroughType<T> = PassThroughType<T, FieldsetPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface FieldsetPassThroughMethodOptions {
+    props: FieldsetProps;
+    state: FieldsetState;
+}
+
+/**
+ * Custom toggle event.
+ * @see {@link FieldsetEmits.toggle}
+ */
+export interface FieldsetToggleEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Collapsed state as a boolean
+     */
+    value: boolean;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link FieldsetProps.pt}
+ */
+export interface FieldsetPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: FieldsetPassThroughType<React.HTMLAttributes<HTMLFieldSetElement>>;
+    /**
+     * Uses to pass attributes to the legend's DOM element.
+     */
+    legend?: FieldsetPassThroughType<React.HTMLAttributes<HTMLLegendElement>>;
+    /**
+     * Uses to pass attributes to the toggler's DOM element.
+     */
+    toggler?: FieldsetPassThroughType<React.HTMLAttributes<HTMLAnchorElement>>;
+    /**
+     * Uses to pass attributes to the toggler icon's DOM element.
+     */
+    togglerIcon?: FieldsetPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the legend title's DOM element.
+     */
+    legendTitle?: FieldsetPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the toggleable content's DOM element.
+     */
+    toggleableContent?: FieldsetPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: FieldsetPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in Fieldset component.
+ */
+export interface FieldsetState {
+    /**
+     * Current collapsed state as a boolean.
+     * @defaultValue false
+     */
+    collapse: boolean;
+}
 
 /**
  * Custom toggle event.
@@ -84,6 +155,11 @@ export interface FieldsetProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {FieldsetPassThroughOptions}
+     */
+    pt?: FieldsetPassThroughOptions;
 }
 
 /**