primereact 9.4.0 → 9.5.0

package/multiselect/multiselect.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PrimeReact, { localeOption, FilterService } from 'primereact/api';
-import { useUpdateEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
+import { useUpdateEffect, useMountEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 import { TimesIcon } from 'primereact/icons/times';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
@@ -157,6 +157,7 @@ var MultiSelectBase = {
     emptyFilterMessage: null,
     filter: false,
     filterBy: null,
+    filterInputAutoFocus: true,
     filterLocale: undefined,
     filterMatchMode: 'contains',
     filterPlaceholder: null,
@@ -222,27 +223,28 @@ var MultiSelectBase = {
 var CheckboxBase = {
   defaultProps: {
     __TYPE: 'Checkbox',
-    id: null,
-    inputRef: null,
-    inputId: null,
-    value: null,
-    name: null,
+    autoFocus: false,
     checked: false,
-    trueValue: true,
-    falseValue: false,
-    style: null,
     className: null,
     disabled: false,
-    required: false,
-    readOnly: false,
-    tabIndex: null,
+    falseValue: false,
     icon: null,
-    tooltip: null,
-    tooltipOptions: null,
+    id: null,
+    inputId: null,
+    inputRef: null,
+    name: null,
     onChange: null,
     onClick: null,
-    onMouseDown: null,
     onContextMenu: null,
+    onMouseDown: null,
+    readOnly: false,
+    required: false,
+    style: null,
+    tabIndex: null,
+    tooltip: null,
+    tooltipOptions: null,
+    trueValue: true,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -337,6 +339,11 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   useUpdateEffect(function () {
     inputRef.current.checked = isChecked();
   }, [props.checked, props.trueValue]);
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
   var checked = isChecked();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = CheckboxBase.getOtherProps(props);
@@ -367,7 +374,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     className: className,
     style: props.style
   }, otherProps, {
-    onPointerUp: onClick,
+    onClick: onClick,
     onContextMenu: props.onContextMenu,
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React.createElement("div", {
@@ -586,7 +593,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   };
   var onEntered = function onEntered() {
     props.onEntered(function () {
-      if (props.filter && filterInputRef.current) {
+      if (props.filter && props.filterInputAutoFocus && filterInputRef.current) {
         DomHandler.focus(filterInputRef.current, false);
       }
     });
@@ -1352,22 +1359,18 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ZIndexUtils.clear(overlayRef.current);
   });
   var createClearIcon = function createClearIcon() {
-    var iconClassName = 'p-multiselect-clear-icon';
-    var icon = props.clearIcon || /*#__PURE__*/React.createElement(TimesIcon, {
-      className: iconClassName
-    });
-    var clearIcon = IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    var clearIconProps = {
+      className: 'p-multiselect-clear-icon',
+      onClick: function onClick(e) {
+        return updateModel(e, null, null);
+      }
+    };
+    var icon = props.clearIcon || /*#__PURE__*/React.createElement(TimesIcon, clearIconProps);
+    var clearIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
       props: props
     });
     if (!empty && props.showClear && !props.disabled) {
-      return /*#__PURE__*/React.createElement("i", {
-        className: iconClassName,
-        onClick: function onClick(e) {
-          return updateModel(e, null, null);
-        }
-      }, clearIcon);
+      return clearIcon;
     }
     return null;
   };

package/multiselect/multiselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n,FilterService as l}from"primereact/api";import{useUpdateEffect as r,useOverlayListener as o,useUnmountEffect as i}from"primereact/hooks";import{ChevronDownIcon as a}from"primereact/icons/chevrondown";import{TimesIcon as c}from"primereact/icons/times";import{TimesCircleIcon as u}from"primereact/icons/timescircle";import{OverlayService as s}from"primereact/overlayservice";import{Tooltip as p}from"primereact/tooltip";import{ObjectUtils as f,DomHandler as m,classNames as d,IconUtils as b,ZIndexUtils as v}from"primereact/utils";import{CSSTransition as y}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{VirtualScroller as g}from"primereact/virtualscroller";import{CheckIcon as O}from"primereact/icons/check";import{InputText as E}from"primereact/inputtext";import{Ripple as S}from"primereact/ripple";import{SearchIcon as k}from"primereact/icons/search";function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},I.apply(this,arguments)}function x(e){return x="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},x(e)}function w(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==x(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=w(e,"string");return"symbol"===x(t)?t:String(t)}function N(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function D(e){if(Array.isArray(e))return P(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function F(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function L(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return D(e)||j(e)||F(e)||L()}function T(e){if(Array.isArray(e))return e}function R(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}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 V(e,t){return T(e)||R(e,t)||F(e,t)||M()}var K={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return f.getMergedProps(e,K.defaultProps)},getOtherProps:function(e){return f.getDiffProps(e,K.defaultProps)}},G={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return f.getMergedProps(e,G.defaultProps)},getOtherProps:function(e){return f.getDiffProps(e,G.defaultProps)}},H=e.memo(e.forwardRef((function(t,n){var l=G.getProps(t),o=V(e.useState(!1),2),i=o[0],a=o[1],c=e.useRef(null),u=e.useRef(l.inputRef),s=function(e){if(!l.disabled&&!l.readOnly&&(l.onChange||l.onClick)){var t=v(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===u.current||n&&e.target.checked!==t){var r=t?l.falseValue:l.trueValue,o={originalEvent:e,value:l.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:l.name,id:l.id,value:l.value,checked:r}};if(l.onClick&&l.onClick(o),e.defaultPrevented)return;l.onChange&&l.onChange(o)}m.focus(u.current),e.preventDefault()}},v=function(){return l.checked===l.trueValue};e.useImperativeHandle(n,(function(){return{props:l,focus:function(){return m.focus(u.current)},getElement:function(){return c.current},getInput:function(){return u.current}}})),e.useEffect((function(){f.combinedRefs(u,l.inputRef)}),[u,l.inputRef]),r((function(){u.current.checked=v()}),[l.checked,l.trueValue]);var y=v(),h=f.isNotEmpty(l.tooltip),g=G.getOtherProps(l),E=f.reduceKeys(g,m.ARIA_PROPS),S=d("p-checkbox p-component",{"p-checkbox-checked":y,"p-checkbox-disabled":l.disabled,"p-checkbox-focused":i},l.className),k=d("p-checkbox-box",{"p-highlight":y,"p-disabled":l.disabled,"p-focus":i}),x="p-checkbox-icon p-c",w=b.getJSXIcon(y?l.icon||e.createElement(O,{className:x}):null,{className:x},{props:l,checked:y});return e.createElement(e.Fragment,null,e.createElement("div",I({ref:c,id:l.id,className:S,style:l.style},g,{onPointerUp:s,onContextMenu:l.onContextMenu,onMouseDown:l.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",I({ref:u,type:"checkbox",id:l.inputId,name:l.name,tabIndex:l.tabIndex,defaultChecked:y,onFocus:function(){a(!0)},onBlur:function(){a(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||s(e)},disabled:l.disabled,readOnly:l.readOnly,required:l.required},E))),e.createElement("div",{className:k},w)),h&&e.createElement(p,I({target:c,content:l.tooltip},l.tooltipOptions)))})));function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="Checkbox";var q=e.memo((function(t){var l={filter:function(e){return r(e)},reset:function(){return t.resetFilter()}},r=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},o=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},i=function(){var n="p-multiselect-filter-icon",o=b.getJSXIcon(t.filterIcon||e.createElement(k,{className:n}),{className:n},{props:t});if(t.filter){var i=d("p-multiselect-filter-container"),a=e.createElement("div",{className:i},e.createElement(E,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:r,className:"p-multiselect-filter",placeholder:t.filterPlaceholder}),o);if(t.filterTemplate)a=f.getJSXElement(t.filterTemplate,{className:i,element:a,filterOptions:l,onFilter:r,filterIconClassName:n,props:t});return e.createElement(e.Fragment,null,a)}return null}(),a="p-checkbox-icon p-c",u=b.getJSXIcon(t.itemCheckboxIcon||e.createElement(O,{className:a}),{className:a},{selected:t.selected}),s=t.showSelectAll?e.createElement(H,{checked:t.selectAll,onChange:o,role:"checkbox","aria-checked":t.selectAll,icon:u}):null,p={className:"p-multiselect-close-icon","aria-hidden":!0},m=b.getJSXIcon(t.closeIcon||e.createElement(c,p),X({},p),{props:t}),v=e.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n("close"),onClick:t.onClose},m,e.createElement(S,null)),y=e.createElement("div",{className:"p-multiselect-header"},s,i,v);return t.template?f.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:s,checked:t.selectAll,onChange:o,filterElement:i,closeElement:v,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:y,itemCheckboxIcon:u,props:t}):y}));q.displayName="MultiSelectHeader";var B=e.memo((function(t){var n=d("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.className,t.option.className),l=d("p-checkbox-box",{"p-highlight":t.selected}),r="p-checkbox-icon p-c",o=t.selected?b.getJSXIcon(t.checkboxIcon||e.createElement(O,{className:r}),{className:r},{selected:t.selected}):null,i=t.template?f.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:t.disabled?null:t.tabIndex||0,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:l},o)),e.createElement("span",null,i),e.createElement(S,null))}));function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="MultiSelectItem";var U=e.memo(e.forwardRef((function(l,r){var o,i,a,c,u,s=e.useRef(null),p=e.useRef(null),b=function(){l.onEnter((function(){if(s.current){var e=l.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return s.current.scrollToIndex(e)}),0)}}))},v=function(){l.onEntered((function(){l.filter&&p.current&&m.focus(p.current,!1)}))},O=function(e){s.current&&s.current.scrollToIndex(0),l.onFilterInputChange&&l.onFilterInputChange(e)},E=function(){if(l.panelFooterTemplate){var t=f.getJSXElement(l.panelFooterTemplate,l,l.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null},S=function(t,n){return l.getOptionGroupChildren(t).map((function(t,r){var o=l.getOptionLabel(t),i=r+"_"+l.getOptionRenderKey(t),a=l.isOptionDisabled(t),c=a?null:l.tabIndex||0,u=l.isSelected(t);return e.createElement(B,{key:i,label:o,option:t,style:n,template:l.itemTemplate,selected:u,onClick:l.onOptionSelect,onKeyDown:l.onOptionKeyDown,tabIndex:c,disabled:a,className:l.itemClassName,checkboxIcon:l.checkboxIcon})}))},k=function(){var t=f.getJSXElement(l.emptyFilterMessage,l)||n("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},t)},x=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(l.optionGroupLabel){var i=l.optionGroupTemplate?f.getJSXElement(l.optionGroupTemplate,t,n):l.getOptionGroupLabel(t),a=S(t,o),c=n+"_"+l.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:c},e.createElement("li",{className:"p-multiselect-item-group",style:o},i),a)}var u=l.getOptionLabel(t),s=n+"_"+l.getOptionRenderKey(t),p=l.isOptionDisabled(t),m=p?null:l.tabIndex||0,d=l.isSelected(t);return e.createElement(B,{key:s,label:u,option:t,style:o,template:l.itemTemplate,selected:d,onClick:l.onOptionSelect,onKeyDown:l.onOptionKeyDown,tabIndex:m,disabled:p,className:l.itemClassName,checkboxIcon:l.checkboxIcon})},w=function(){if(l.virtualScrollerOptions){var t=z(z({},l.virtualScrollerOptions),{style:z(z({},l.virtualScrollerOptions.style),{height:l.scrollHeight}),className:d("p-multiselect-items-wrapper",l.virtualScrollerOptions.className),items:l.visibleOptions,autoSize:!0,onLazyLoad:function(e){return l.virtualScrollerOptions.onLazyLoad(z(z({},e),{filter:l.filterValue}))},itemTemplate:function(e,t){return e&&x(e,t.index,t)},contentTemplate:function(t){var n=d("p-multiselect-items p-component",t.className),r=l.visibleOptions&&l.visibleOptions.length||!l.hasFilter?t.children:k();return e.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(g,I({ref:s},t))}var n=f.isNotEmpty(l.visibleOptions)?l.visibleOptions.map(x):l.hasFilter?k():null;return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:l.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},C=(o=l.allowOptionSelect(),i=d("p-multiselect-panel p-component",{"p-multiselect-inline":l.inline,"p-multiselect-flex":l.flex,"p-multiselect-limited":!o,"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple},l.panelClassName),a=e.createElement(q,{filter:l.filter,filterRef:p,filterValue:l.filterValue,filterTemplate:l.filterTemplate,onFilter:O,filterPlaceholder:l.filterPlaceholder,onClose:l.onCloseClick,showSelectAll:l.showSelectAll,selectAll:l.isAllSelected(),onSelectAll:l.onSelectAll,template:l.panelHeaderTemplate,resetFilter:l.resetFilter,closeIcon:l.closeIcon,filterIcon:l.filterIcon,itemCheckboxIcon:l.itemCheckboxIcon}),c=w(),u=E(),l.inline?e.createElement("div",{ref:r,className:i,style:l.panelStyle,onClick:l.onClick},c,u):e.createElement(y,{nodeRef:r,classNames:"p-connected-overlay",in:l.in,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:b,onEntered:v,onExit:l.onExit,onExited:l.onExited},e.createElement("div",{ref:r,className:i,style:l.panelStyle,onClick:l.onClick},a,c,u)));return l.inline?C:e.createElement(h,{element:C,appendTo:l.appendTo})})));function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Q(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function Q(e,t){if(e){if("string"==typeof e)return W(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)?W(e,t):void 0}}function W(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}U.displayName="MultiSelectPanel";var ee=e.memo(e.forwardRef((function(n,y){var h=K.getProps(n),g=V(e.useState(""),2),O=g[0],E=g[1],S=V(e.useState(!1),2),k=S[0],x=S[1],w=V(e.useState(h.inline),2),C=w[0],P=w[1],D=e.useRef(null),j=e.useRef(h.inputRef),F=e.useRef(null),L=e.useRef(null),T=O&&O.trim().length>0,R=f.isEmpty(h.value),M=h.optionValue?null:h.dataKey,G=V(o({target:D,overlay:L,listener:function(e,t){t.valid&&("outside"===t.type?!te(e)&&W():W())},when:C}),2),H=G[0],J=G[1],X=function(){return!h.selectionLimit||!h.value||h.value&&h.value.length<h.selectionLimit},q=function(e){var t=e.originalEvent,n=e.option;if(!h.disabled&&!se(n)){var l=ce(n),r=pe(n),o=re(n),i=X();o?z(t,h.value.filter((function(e){return!f.equals(r?e:ce(e),l,M)})),n):i&&z(t,[].concat(A(h.value||[]),[l]),n)}},B=function e(t){var n=t.nextElementSibling;return n?m.hasClass(n,"p-disabled")||m.hasClass(n,"p-multiselect-item-group")?e(n):n:null},_=function e(t){var n=t.previousElementSibling;return n?m.hasClass(n,"p-disabled")||m.hasClass(n,"p-multiselect-item-group")?e(n):n:null},z=function(e,t,n){h.onChange&&h.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:t}})},Y=function(){E(""),h.onFilter&&h.onFilter({filter:""})},Q=function(){P(!0)},W=function(){P(!1)},ee=function(){m.alignOverlay(L.current,F.current.parentElement,h.appendTo||t.appendTo)},te=function(e){return m.hasClass(e.target,"p-multiselect-clear-icon")},ne=function(e){return L.current&&L.current.contains(e.target)},le=function(e,t){return t.findIndex((function(t){return e.some((function(e){return f.equals(e,ce(t),M)}))}))},re=function(e){if(h.value){var t=ce(e),n=pe(e);return h.value.some((function(e){return f.equals(n?e:ce(e),t,M)}))}return!1},oe=function(e){var t;if(h.options)if(h.optionGroupLabel){var n,l=Z(h.options);try{for(l.s();!(n=l.n()).done;){if(t=ie(e,ue(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ie(e,h.options);return t?ae(t):null},ie=function(e,t){return t.find((function(t){return f.equals(ce(t),e,M)}))},ae=function(e){return h.optionLabel?f.resolveFieldData(e,h.optionLabel):e&&void 0!==e.label?e.label:e},ce=function(e){if(h.useOptionAsValue)return e;if(h.optionValue){var t=f.resolveFieldData(e,h.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ue=function(e){return f.resolveFieldData(e,h.optionGroupChildren)},se=function(e){return h.optionDisabled?f.isFunction(h.optionDisabled)?h.optionDisabled(e):f.resolveFieldData(e,h.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},pe=function(e){return!h.useOptionAsValue&&h.optionValue||e&&void 0!==e.value},fe=function(e,t){var n=h.value.filter((function(e){return!f.equals(e,t,M)}));z(e,n,t)},me=function(){var e=/{(.*?)}/;return e.test(h.selectedItemsLabel)?h.selectedItemsLabel.replace(h.selectedItemsLabel.match(e)[0],h.value.length+""):h.selectedItemsLabel},de=function(){if(!R&&!h.fixedPlaceholder)return f.isNotEmpty(h.maxSelectedLabels)&&h.value.length>h.maxSelectedLabels?me():h.value.reduce((function(e,t,n){return e+(0!==n?",":"")+oe(t)}),"")};e.useImperativeHandle(y,(function(){return{props:h,show:Q,hide:W,focus:function(){return m.focus(j.current)},getElement:function(){return D.current},getOverlay:function(){return L.current},getInput:function(){return j.current}}})),e.useEffect((function(){f.combinedRefs(j,h.inputRef)}),[j,h.inputRef]),e.useEffect((function(){setTimeout((function(){h.overlayVisible?Q():W()}),100)}),[h.overlayVisible]),r((function(){C&&T&&ee()}),[C,T]),i((function(){v.clear(L.current)}));var be=function(){if(T){var e=O.trim().toLocaleLowerCase(h.filterLocale),t=h.filterBy?h.filterBy.split(","):[h.optionLabel||"label"];if(h.optionGroupLabel){var n,r=[],o=Z(h.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=l.filter(ue(i),t,e,h.filterMatchMode,h.filterLocale);a&&a.length&&r.push($($({},i),N({},h.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return l.filter(h.options,t,e,h.filterMatchMode,h.filterLocale)}return h.options}(),ve=f.isNotEmpty(h.tooltip),ye=K.getOtherProps(h),he=f.reduceKeys(ye,m.ARIA_PROPS),ge=d("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===h.display,"p-disabled":h.disabled,"p-multiselect-clearable":h.showClear&&!h.disabled,"p-focus":k,"p-inputwrapper-filled":f.isNotEmpty(h.value),"p-inputwrapper-focus":k||C},h.className),Oe="p-multiselect-trigger-icon p-c",Ee=e.createElement("div",{className:"p-multiselect-trigger"},h.dropdownIcon?b.getJSXIcon(h.dropdownIcon,{className:Oe},{props:h}):e.createElement(a,{className:Oe})),Se=!h.inline&&function(){var t=h.selectedItemTemplate?R?f.getJSXElement(h.selectedItemTemplate):f.isNotEmpty(h.maxSelectedLabels)&&h.value.length>h.maxSelectedLabels?me():h.value.map((function(t,n){var l=f.getJSXElement(h.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==h.display||R?de():h.value.slice(0,h.maxSelectedLabels||h.value.length).map((function(t){var n=oe(t),l=!h.disabled&&(h.removeIcon?b.getJSXIcon(h.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return fe(e,t)}},{props:h}):e.createElement(u,{className:"p-multiselect-token-icon",onClick:function(e){return fe(e,t)}}));return e.createElement("div",{className:"p-multiselect-token",key:n},e.createElement("span",{className:"p-multiselect-token-label"},n),l)})),n=d("p-multiselect-label",{"p-placeholder":R&&h.placeholder,"p-multiselect-label-empty":R&&!h.placeholder&&!h.selectedItemTemplate,"p-multiselect-items-label":!R&&"chip"!==h.display&&h.value.length>h.maxSelectedLabels});return e.createElement("div",{ref:F,className:"p-multiselect-label-container"},e.createElement("div",{className:n},t||h.placeholder||"empty"))}(),ke=!h.inline&&function(){var t="p-multiselect-clear-icon",n=b.getJSXIcon(h.clearIcon||e.createElement(c,{className:t}),{className:t},{props:h});return R||!h.showClear||h.disabled?null:e.createElement("i",{className:t,onClick:function(e){return z(e,null,null)}},n)}();return e.createElement(e.Fragment,null,e.createElement("div",I({ref:D,id:h.id,style:h.style,className:ge},ye,{onClick:function(e){h.inline||h.disabled||ne(e)||m.hasClass(e.target,"p-multiselect-token-icon")||te(e)||(C?W():Q(),m.focus(j.current),e.preventDefault())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",I({ref:j,id:h.inputId,name:h.name,readOnly:!0,type:"text",onFocus:function(e){x(!0),h.onFocus&&h.onFocus(e)},onBlur:function(e){x(!1),h.onBlur&&h.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(h.inline)break;!C&&e.altKey&&(Q(),e.preventDefault());break;case 32:if(h.inline)break;C?W():Q(),e.preventDefault();break;case 27:if(h.inline)break;W();break;case 9:if(C){var t=m.getFirstFocusableElement(L.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":C,disabled:h.disabled,tabIndex:h.tabIndex},he))),!h.inline&&e.createElement(e.Fragment,null,Se,ke,Ee),e.createElement(U,I({ref:L,visibleOptions:be},h,{onClick:function(e){s.emit("overlay-click",{originalEvent:e,target:D.current})},onOverlayHide:W,filterValue:O,hasFilter:T,onFilterInputChange:function(e){var t=e.query;E(t),h.onFilter&&h.onFilter({originalEvent:e,filter:t})},resetFilter:Y,onCloseClick:function(e){W(),m.focus(j.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(h.onSelectAll)h.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],be){var n=be.filter((function(e){return se(e)&&re(e)}));t=n.map((function(e){return ce(e)}))}}else if(be){var l=be.filter((function(e){return!se(e)}));h.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(A(t),A(ue(e).filter((function(e){return!se(e)})).map((function(e){return ce(e)}))))}))):t=l.map((function(e){return ce(e)}))}z(e.originalEvent,t,t)}},getOptionLabel:ae,getOptionRenderKey:function(e){return h.dataKey?f.resolveFieldData(e,h.dataKey):ae(e)},isOptionDisabled:se,getOptionGroupChildren:ue,getOptionGroupLabel:function(e){return f.resolveFieldData(e,h.optionGroupLabel)},getOptionGroupRenderKey:function(e){return f.resolveFieldData(e,h.optionGroupLabel)},isSelected:re,getSelectedOptionIndex:function(){if(null!=h.value&&h.options){if(h.optionGroupLabel){var e=0,t=h.options.findIndex((function(t,n){return(e=n)&&-1!==le(h.value,ue(t))}));return-1!==t?{group:e,option:t}:-1}return le(h.value,h.options)}return-1},isAllSelected:function(){if(h.onSelectAll)return h.selectAll;if(f.isEmpty(be))return!1;var e=be.filter((function(e){return!se(e)}));if(!h.optionGroupLabel)return!e.some((function(e){return!re(e)}));var t,n=Z(e);try{for(n.s();!(t=n.n()).done;){return!ue(t.value).filter((function(e){return!se(e)})).some((function(e){return!re(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:q,allowOptionSelect:X,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=B(n);l&&l.focus(),t.preventDefault();break;case 38:var r=_(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:q(e),t.preventDefault();break;case 27:W(),m.focus(j.current)}},in:C,onEnter:function(e){var n;v.set("overlay",L.current,t.autoZIndex,t.zIndex.overlay),ee(),(n=m.findSingle(L.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),H(),h.onShow&&h.onShow()},onExit:function(){J()},onExited:function(){h.filter&&h.resetFilterOnHide&&Y(),v.clear(L.current),h.onHide&&h.onHide()}}))),ve&&e.createElement(p,I({target:D,content:h.tooltip},h.tooltipOptions)))})));ee.displayName="MultiSelect";export{ee as MultiSelect};
+import*as e from"react";import t,{localeOption as n,FilterService as l}from"primereact/api";import{useUpdateEffect as r,useMountEffect as o,useOverlayListener as i,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as c}from"primereact/icons/chevrondown";import{TimesIcon as u}from"primereact/icons/times";import{TimesCircleIcon as s}from"primereact/icons/timescircle";import{OverlayService as p}from"primereact/overlayservice";import{Tooltip as f}from"primereact/tooltip";import{ObjectUtils as m,DomHandler as d,classNames as b,IconUtils as v,ZIndexUtils as y}from"primereact/utils";import{CSSTransition as h}from"primereact/csstransition";import{Portal as g}from"primereact/portal";import{VirtualScroller as O}from"primereact/virtualscroller";import{CheckIcon as E}from"primereact/icons/check";import{InputText as S}from"primereact/inputtext";import{Ripple as k}from"primereact/ripple";import{SearchIcon as I}from"primereact/icons/search";function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},x.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 C(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==w(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=C(e,"string");return"symbol"===w(t)?t:String(t)}function P(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function F(e){if(Array.isArray(e))return D(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function A(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 L(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e){return F(e)||j(e)||A(e)||L()}function R(e){if(Array.isArray(e))return e}function M(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function V(){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 K(e,t){return R(e)||M(e,t)||A(e,t)||V()}var G={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return m.getMergedProps(e,G.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,G.defaultProps)}},H={defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},getProps:function(e){return m.getMergedProps(e,H.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,H.defaultProps)}},J=e.memo(e.forwardRef((function(t,n){var l=H.getProps(t),i=K(e.useState(!1),2),a=i[0],c=i[1],u=e.useRef(null),s=e.useRef(l.inputRef),p=function(e){if(!l.disabled&&!l.readOnly&&(l.onChange||l.onClick)){var t=y(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===s.current||n&&e.target.checked!==t){var r=t?l.falseValue:l.trueValue,o={originalEvent:e,value:l.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:l.name,id:l.id,value:l.value,checked:r}};if(l.onClick&&l.onClick(o),e.defaultPrevented)return;l.onChange&&l.onChange(o)}d.focus(s.current),e.preventDefault()}},y=function(){return l.checked===l.trueValue};e.useImperativeHandle(n,(function(){return{props:l,focus:function(){return d.focus(s.current)},getElement:function(){return u.current},getInput:function(){return s.current}}})),e.useEffect((function(){m.combinedRefs(s,l.inputRef)}),[s,l.inputRef]),r((function(){s.current.checked=y()}),[l.checked,l.trueValue]),o((function(){l.autoFocus&&d.focus(s.current,l.autoFocus)}));var h=y(),g=m.isNotEmpty(l.tooltip),O=H.getOtherProps(l),S=m.reduceKeys(O,d.ARIA_PROPS),k=b("p-checkbox p-component",{"p-checkbox-checked":h,"p-checkbox-disabled":l.disabled,"p-checkbox-focused":a},l.className),I=b("p-checkbox-box",{"p-highlight":h,"p-disabled":l.disabled,"p-focus":a}),w="p-checkbox-icon p-c",C=v.getJSXIcon(h?l.icon||e.createElement(E,{className:w}):null,{className:w},{props:l,checked:h});return e.createElement(e.Fragment,null,e.createElement("div",x({ref:u,id:l.id,className:k,style:l.style},O,{onClick:p,onContextMenu:l.onContextMenu,onMouseDown:l.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",x({ref:s,type:"checkbox",id:l.inputId,name:l.name,tabIndex:l.tabIndex,defaultChecked:h,onFocus:function(){c(!0)},onBlur:function(){c(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||p(e)},disabled:l.disabled,readOnly:l.readOnly,required:l.required},S))),e.createElement("div",{className:I},C)),g&&e.createElement(f,x({target:u,content:l.tooltip},l.tooltipOptions)))})));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function q(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){P(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}J.displayName="Checkbox";var B=e.memo((function(t){var l={filter:function(e){return r(e)},reset:function(){return t.resetFilter()}},r=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},o=function(e){t.onSelectAll&&t.onSelectAll({originalEvent:e,checked:t.selectAll}),e.preventDefault()},i=function(){var n="p-multiselect-filter-icon",o=v.getJSXIcon(t.filterIcon||e.createElement(I,{className:n}),{className:n},{props:t});if(t.filter){var i=b("p-multiselect-filter-container"),a=e.createElement("div",{className:i},e.createElement(S,{ref:t.filterRef,type:"text",role:"textbox",value:t.filterValue,onChange:r,className:"p-multiselect-filter",placeholder:t.filterPlaceholder}),o);if(t.filterTemplate)a=m.getJSXElement(t.filterTemplate,{className:i,element:a,filterOptions:l,onFilter:r,filterIconClassName:n,props:t});return e.createElement(e.Fragment,null,a)}return null}(),a="p-checkbox-icon p-c",c=v.getJSXIcon(t.itemCheckboxIcon||e.createElement(E,{className:a}),{className:a},{selected:t.selected}),s=t.showSelectAll?e.createElement(J,{checked:t.selectAll,onChange:o,role:"checkbox","aria-checked":t.selectAll,icon:c}):null,p={className:"p-multiselect-close-icon","aria-hidden":!0},f=v.getJSXIcon(t.closeIcon||e.createElement(u,p),q({},p),{props:t}),d=e.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n("close"),onClick:t.onClose},f,e.createElement(k,null)),y=e.createElement("div",{className:"p-multiselect-header"},s,i,d);return t.template?m.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:s,checked:t.selectAll,onChange:o,filterElement:i,closeElement:d,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:y,itemCheckboxIcon:c,props:t}):y}));B.displayName="MultiSelectHeader";var _=e.memo((function(t){var n=b("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.className,t.option.className),l=b("p-checkbox-box",{"p-highlight":t.selected}),r="p-checkbox-icon p-c",o=t.selected?v.getJSXIcon(t.checkboxIcon||e.createElement(E,{className:r}),{className:r},{selected:t.selected}):null,i=t.template?m.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:n,style:t.style,onClick:function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},tabIndex:t.disabled?null:t.tabIndex||0,onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,option:t.option})},role:"option","aria-selected":t.selected},e.createElement("div",{className:"p-checkbox p-component"},e.createElement("div",{className:l},o)),e.createElement("span",null,i),e.createElement(k,null))}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}_.displayName="MultiSelectItem";var Y=e.memo(e.forwardRef((function(l,r){var o,i,a,c,u,s=e.useRef(null),p=e.useRef(null),f=function(){l.onEnter((function(){if(s.current){var e=l.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return s.current.scrollToIndex(e)}),0)}}))},v=function(){l.onEntered((function(){l.filter&&l.filterInputAutoFocus&&p.current&&d.focus(p.current,!1)}))},y=function(e){s.current&&s.current.scrollToIndex(0),l.onFilterInputChange&&l.onFilterInputChange(e)},E=function(){if(l.panelFooterTemplate){var t=m.getJSXElement(l.panelFooterTemplate,l,l.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},t)}return null},S=function(t,n){return l.getOptionGroupChildren(t).map((function(t,r){var o=l.getOptionLabel(t),i=r+"_"+l.getOptionRenderKey(t),a=l.isOptionDisabled(t),c=a?null:l.tabIndex||0,u=l.isSelected(t);return e.createElement(_,{key:i,label:o,option:t,style:n,template:l.itemTemplate,selected:u,onClick:l.onOptionSelect,onKeyDown:l.onOptionKeyDown,tabIndex:c,disabled:a,className:l.itemClassName,checkboxIcon:l.checkboxIcon})}))},k=function(){var t=m.getJSXElement(l.emptyFilterMessage,l)||n("emptyFilterMessage");return e.createElement("li",{className:"p-multiselect-empty-message"},t)},I=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(l.optionGroupLabel){var i=l.optionGroupTemplate?m.getJSXElement(l.optionGroupTemplate,t,n):l.getOptionGroupLabel(t),a=S(t,o),c=n+"_"+l.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:c},e.createElement("li",{className:"p-multiselect-item-group",style:o},i),a)}var u=l.getOptionLabel(t),s=n+"_"+l.getOptionRenderKey(t),p=l.isOptionDisabled(t),f=p?null:l.tabIndex||0,d=l.isSelected(t);return e.createElement(_,{key:s,label:u,option:t,style:o,template:l.itemTemplate,selected:d,onClick:l.onOptionSelect,onKeyDown:l.onOptionKeyDown,tabIndex:f,disabled:p,className:l.itemClassName,checkboxIcon:l.checkboxIcon})},w=function(){if(l.virtualScrollerOptions){var t=U(U({},l.virtualScrollerOptions),{style:U(U({},l.virtualScrollerOptions.style),{height:l.scrollHeight}),className:b("p-multiselect-items-wrapper",l.virtualScrollerOptions.className),items:l.visibleOptions,autoSize:!0,onLazyLoad:function(e){return l.virtualScrollerOptions.onLazyLoad(U(U({},e),{filter:l.filterValue}))},itemTemplate:function(e,t){return e&&I(e,t.index,t)},contentTemplate:function(t){var n=b("p-multiselect-items p-component",t.className),r=l.visibleOptions&&l.visibleOptions.length||!l.hasFilter?t.children:k();return e.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},r)}});return e.createElement(O,x({ref:s},t))}var n=m.isNotEmpty(l.visibleOptions)?l.visibleOptions.map(I):l.hasFilter?k():null;return e.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:l.scrollHeight}},e.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},C=(o=l.allowOptionSelect(),i=b("p-multiselect-panel p-component",{"p-multiselect-inline":l.inline,"p-multiselect-flex":l.flex,"p-multiselect-limited":!o,"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple},l.panelClassName),a=e.createElement(B,{filter:l.filter,filterRef:p,filterValue:l.filterValue,filterTemplate:l.filterTemplate,onFilter:y,filterPlaceholder:l.filterPlaceholder,onClose:l.onCloseClick,showSelectAll:l.showSelectAll,selectAll:l.isAllSelected(),onSelectAll:l.onSelectAll,template:l.panelHeaderTemplate,resetFilter:l.resetFilter,closeIcon:l.closeIcon,filterIcon:l.filterIcon,itemCheckboxIcon:l.itemCheckboxIcon}),c=w(),u=E(),l.inline?e.createElement("div",{ref:r,className:i,style:l.panelStyle,onClick:l.onClick},c,u):e.createElement(h,{nodeRef:r,classNames:"p-connected-overlay",in:l.in,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:f,onEntered:v,onExit:l.onExit,onExited:l.onExited},e.createElement("div",{ref:r,className:i,style:l.panelStyle,onClick:l.onClick},a,c,u)));return l.inline?C:e.createElement(g,{element:C,appendTo:l.appendTo})})));function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Q(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=W(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function W(e,t){if(e){if("string"==typeof e)return ee(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)?ee(e,t):void 0}}function ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}Y.displayName="MultiSelectPanel";var te=e.memo(e.forwardRef((function(n,o){var h=G.getProps(n),g=K(e.useState(""),2),O=g[0],E=g[1],S=K(e.useState(!1),2),k=S[0],I=S[1],w=K(e.useState(h.inline),2),C=w[0],N=w[1],D=e.useRef(null),F=e.useRef(h.inputRef),j=e.useRef(null),A=e.useRef(null),L=O&&O.trim().length>0,R=m.isEmpty(h.value),M=h.optionValue?null:h.dataKey,V=K(i({target:D,overlay:A,listener:function(e,t){t.valid&&("outside"===t.type?!te(e)&&W():W())},when:C}),2),H=V[0],J=V[1],X=function(){return!h.selectionLimit||!h.value||h.value&&h.value.length<h.selectionLimit},q=function(e){var t=e.originalEvent,n=e.option;if(!h.disabled&&!se(n)){var l=ce(n),r=pe(n),o=re(n),i=X();o?z(t,h.value.filter((function(e){return!m.equals(r?e:ce(e),l,M)})),n):i&&z(t,[].concat(T(h.value||[]),[l]),n)}},B=function e(t){var n=t.nextElementSibling;return n?d.hasClass(n,"p-disabled")||d.hasClass(n,"p-multiselect-item-group")?e(n):n:null},_=function e(t){var n=t.previousElementSibling;return n?d.hasClass(n,"p-disabled")||d.hasClass(n,"p-multiselect-item-group")?e(n):n:null},z=function(e,t,n){h.onChange&&h.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:t}})},U=function(){E(""),h.onFilter&&h.onFilter({filter:""})},$=function(){N(!0)},W=function(){N(!1)},ee=function(){d.alignOverlay(A.current,j.current.parentElement,h.appendTo||t.appendTo)},te=function(e){return d.hasClass(e.target,"p-multiselect-clear-icon")},ne=function(e){return A.current&&A.current.contains(e.target)},le=function(e,t){return t.findIndex((function(t){return e.some((function(e){return m.equals(e,ce(t),M)}))}))},re=function(e){if(h.value){var t=ce(e),n=pe(e);return h.value.some((function(e){return m.equals(n?e:ce(e),t,M)}))}return!1},oe=function(e){var t;if(h.options)if(h.optionGroupLabel){var n,l=Q(h.options);try{for(l.s();!(n=l.n()).done;){if(t=ie(e,ue(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ie(e,h.options);return t?ae(t):null},ie=function(e,t){return t.find((function(t){return m.equals(ce(t),e,M)}))},ae=function(e){return h.optionLabel?m.resolveFieldData(e,h.optionLabel):e&&void 0!==e.label?e.label:e},ce=function(e){if(h.useOptionAsValue)return e;if(h.optionValue){var t=m.resolveFieldData(e,h.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},ue=function(e){return m.resolveFieldData(e,h.optionGroupChildren)},se=function(e){return h.optionDisabled?m.isFunction(h.optionDisabled)?h.optionDisabled(e):m.resolveFieldData(e,h.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},pe=function(e){return!h.useOptionAsValue&&h.optionValue||e&&void 0!==e.value},fe=function(e,t){var n=h.value.filter((function(e){return!m.equals(e,t,M)}));z(e,n,t)},me=function(){var e=/{(.*?)}/;return e.test(h.selectedItemsLabel)?h.selectedItemsLabel.replace(h.selectedItemsLabel.match(e)[0],h.value.length+""):h.selectedItemsLabel},de=function(){if(!R&&!h.fixedPlaceholder)return m.isNotEmpty(h.maxSelectedLabels)&&h.value.length>h.maxSelectedLabels?me():h.value.reduce((function(e,t,n){return e+(0!==n?",":"")+oe(t)}),"")};e.useImperativeHandle(o,(function(){return{props:h,show:$,hide:W,focus:function(){return d.focus(F.current)},getElement:function(){return D.current},getOverlay:function(){return A.current},getInput:function(){return F.current}}})),e.useEffect((function(){m.combinedRefs(F,h.inputRef)}),[F,h.inputRef]),e.useEffect((function(){setTimeout((function(){h.overlayVisible?$():W()}),100)}),[h.overlayVisible]),r((function(){C&&L&&ee()}),[C,L]),a((function(){y.clear(A.current)}));var be=function(){if(L){var e=O.trim().toLocaleLowerCase(h.filterLocale),t=h.filterBy?h.filterBy.split(","):[h.optionLabel||"label"];if(h.optionGroupLabel){var n,r=[],o=Q(h.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=l.filter(ue(i),t,e,h.filterMatchMode,h.filterLocale);a&&a.length&&r.push(Z(Z({},i),P({},h.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return l.filter(h.options,t,e,h.filterMatchMode,h.filterLocale)}return h.options}(),ve=m.isNotEmpty(h.tooltip),ye=G.getOtherProps(h),he=m.reduceKeys(ye,d.ARIA_PROPS),ge=b("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===h.display,"p-disabled":h.disabled,"p-multiselect-clearable":h.showClear&&!h.disabled,"p-focus":k,"p-inputwrapper-filled":m.isNotEmpty(h.value),"p-inputwrapper-focus":k||C},h.className),Oe="p-multiselect-trigger-icon p-c",Ee=e.createElement("div",{className:"p-multiselect-trigger"},h.dropdownIcon?v.getJSXIcon(h.dropdownIcon,{className:Oe},{props:h}):e.createElement(c,{className:Oe})),Se=!h.inline&&function(){var t=h.selectedItemTemplate?R?m.getJSXElement(h.selectedItemTemplate):m.isNotEmpty(h.maxSelectedLabels)&&h.value.length>h.maxSelectedLabels?me():h.value.map((function(t,n){var l=m.getJSXElement(h.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==h.display||R?de():h.value.slice(0,h.maxSelectedLabels||h.value.length).map((function(t){var n=oe(t),l=!h.disabled&&(h.removeIcon?v.getJSXIcon(h.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return fe(e,t)}},{props:h}):e.createElement(s,{className:"p-multiselect-token-icon",onClick:function(e){return fe(e,t)}}));return e.createElement("div",{className:"p-multiselect-token",key:n},e.createElement("span",{className:"p-multiselect-token-label"},n),l)})),n=b("p-multiselect-label",{"p-placeholder":R&&h.placeholder,"p-multiselect-label-empty":R&&!h.placeholder&&!h.selectedItemTemplate,"p-multiselect-items-label":!R&&"chip"!==h.display&&h.value.length>h.maxSelectedLabels});return e.createElement("div",{ref:j,className:"p-multiselect-label-container"},e.createElement("div",{className:n},t||h.placeholder||"empty"))}(),ke=!h.inline&&function(){var t={className:"p-multiselect-clear-icon",onClick:function(e){return z(e,null,null)}},n=v.getJSXIcon(h.clearIcon||e.createElement(u,t),Z({},t),{props:h});return R||!h.showClear||h.disabled?null:n}();return e.createElement(e.Fragment,null,e.createElement("div",x({ref:D,id:h.id,style:h.style,className:ge},ye,{onClick:function(e){h.inline||h.disabled||ne(e)||d.hasClass(e.target,"p-multiselect-token-icon")||te(e)||(C?W():$(),d.focus(F.current),e.preventDefault())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",x({ref:F,id:h.inputId,name:h.name,readOnly:!0,type:"text",onFocus:function(e){I(!0),h.onFocus&&h.onFocus(e)},onBlur:function(e){I(!1),h.onBlur&&h.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(h.inline)break;!C&&e.altKey&&($(),e.preventDefault());break;case 32:if(h.inline)break;C?W():$(),e.preventDefault();break;case 27:if(h.inline)break;W();break;case 9:if(C){var t=d.getFirstFocusableElement(A.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":C,disabled:h.disabled,tabIndex:h.tabIndex},he))),!h.inline&&e.createElement(e.Fragment,null,Se,ke,Ee),e.createElement(Y,x({ref:A,visibleOptions:be},h,{onClick:function(e){p.emit("overlay-click",{originalEvent:e,target:D.current})},onOverlayHide:W,filterValue:O,hasFilter:L,onFilterInputChange:function(e){var t=e.query;E(t),h.onFilter&&h.onFilter({originalEvent:e,filter:t})},resetFilter:U,onCloseClick:function(e){W(),d.focus(F.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(h.onSelectAll)h.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],be){var n=be.filter((function(e){return se(e)&&re(e)}));t=n.map((function(e){return ce(e)}))}}else if(be){var l=be.filter((function(e){return!se(e)}));h.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(T(t),T(ue(e).filter((function(e){return!se(e)})).map((function(e){return ce(e)}))))}))):t=l.map((function(e){return ce(e)}))}z(e.originalEvent,t,t)}},getOptionLabel:ae,getOptionRenderKey:function(e){return h.dataKey?m.resolveFieldData(e,h.dataKey):ae(e)},isOptionDisabled:se,getOptionGroupChildren:ue,getOptionGroupLabel:function(e){return m.resolveFieldData(e,h.optionGroupLabel)},getOptionGroupRenderKey:function(e){return m.resolveFieldData(e,h.optionGroupLabel)},isSelected:re,getSelectedOptionIndex:function(){if(null!=h.value&&h.options){if(h.optionGroupLabel){var e=0,t=h.options.findIndex((function(t,n){return(e=n)&&-1!==le(h.value,ue(t))}));return-1!==t?{group:e,option:t}:-1}return le(h.value,h.options)}return-1},isAllSelected:function(){if(h.onSelectAll)return h.selectAll;if(m.isEmpty(be))return!1;var e=be.filter((function(e){return!se(e)}));if(!h.optionGroupLabel)return!e.some((function(e){return!re(e)}));var t,n=Q(e);try{for(n.s();!(t=n.n()).done;){return!ue(t.value).filter((function(e){return!se(e)})).some((function(e){return!re(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:q,allowOptionSelect:X,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=B(n);l&&l.focus(),t.preventDefault();break;case 38:var r=_(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:q(e),t.preventDefault();break;case 27:W(),d.focus(F.current)}},in:C,onEnter:function(e){var n;y.set("overlay",A.current,t.autoZIndex,t.zIndex.overlay),ee(),(n=d.findSingle(A.current,"li.p-highlight"))&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),H(),h.onShow&&h.onShow()},onExit:function(){J()},onExited:function(){h.filter&&h.resetFilterOnHide&&U(),y.clear(A.current),h.onHide&&h.onHide()}}))),ve&&e.createElement(f,x({target:D,content:h.tooltip},h.tooltipOptions)))})));te.displayName="MultiSelect";export{te as MultiSelect};

package/multiselect/multiselect.js

@@ -167,6 +167,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, chev
       emptyFilterMessage: null,
       filter: false,
       filterBy: null,
+      filterInputAutoFocus: true,
       filterLocale: undefined,
       filterMatchMode: 'contains',
       filterPlaceholder: null,
@@ -232,27 +233,28 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, chev
   var CheckboxBase = {
     defaultProps: {
       __TYPE: 'Checkbox',
-      id: null,
-      inputRef: null,
-      inputId: null,
-      value: null,
-      name: null,
+      autoFocus: false,
       checked: false,
-      trueValue: true,
-      falseValue: false,
-      style: null,
       className: null,
       disabled: false,
-      required: false,
-      readOnly: false,
-      tabIndex: null,
+      falseValue: false,
       icon: null,
-      tooltip: null,
-      tooltipOptions: null,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      name: null,
       onChange: null,
       onClick: null,
-      onMouseDown: null,
       onContextMenu: null,
+      onMouseDown: null,
+      readOnly: false,
+      required: false,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      trueValue: true,
+      value: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -347,6 +349,11 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, chev
     hooks.useUpdateEffect(function () {
       inputRef.current.checked = isChecked();
     }, [props.checked, props.trueValue]);
+    hooks.useMountEffect(function () {
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
+    });
     var checked = isChecked();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = CheckboxBase.getOtherProps(props);
@@ -377,7 +384,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, chev
       className: className,
       style: props.style
     }, otherProps, {
-      onPointerUp: onClick,
+      onClick: onClick,
       onContextMenu: props.onContextMenu,
       onMouseDown: props.onMouseDown
     }), /*#__PURE__*/React__namespace.createElement("div", {
@@ -596,7 +603,7 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, chev
     };
     var onEntered = function onEntered() {
       props.onEntered(function () {
-        if (props.filter && filterInputRef.current) {
+        if (props.filter && props.filterInputAutoFocus && filterInputRef.current) {
           utils.DomHandler.focus(filterInputRef.current, false);
         }
       });
@@ -1362,22 +1369,18 @@ this.primereact.multiselect = (function (exports, React, PrimeReact, hooks, chev
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     var createClearIcon = function createClearIcon() {
-      var iconClassName = 'p-multiselect-clear-icon';
-      var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
-        className: iconClassName
-      });
-      var clearIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var clearIconProps = {
+        className: 'p-multiselect-clear-icon',
+        onClick: function onClick(e) {
+          return updateModel(e, null, null);
+        }
+      };
+      var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, clearIconProps);
+      var clearIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
         props: props
       });
       if (!empty && props.showClear && !props.disabled) {
-        return /*#__PURE__*/React__namespace.createElement("i", {
-          className: iconClassName,
-          onClick: function onClick(e) {
-            return updateModel(e, null, null);
-          }
-        }, clearIcon);
+        return clearIcon;
       }
       return null;
     };

package/multiselect/multiselect.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,o,i,a,c,u,s,p,f,m,d,b,v){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=h(t),O=y(n);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},E.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function I(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===S(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e){if(Array.isArray(e))return x(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return N(e)||C(e)||w(e)||D()}function U(e){if(Array.isArray(e))return e}function F(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function T(){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 L(e,t){return U(e)||F(e,t)||w(e,t)||T()}var A={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,A.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,A.defaultProps)}},R={defaultProps:{__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:null,tooltip:null,tooltipOptions:null,onChange:null,onClick:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,R.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,R.defaultProps)}},H=g.memo(g.forwardRef((function(e,t){var n=R.getProps(e),r=L(g.useState(!1),2),o=r[0],i=r[1],a=g.useRef(null),s=g.useRef(n.inputRef),p=function(e){if(!n.disabled&&!n.readOnly&&(n.onChange||n.onClick)){var t=f(),l=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===s.current||l&&e.target.checked!==t){var r=t?n.falseValue:n.trueValue,o={originalEvent:e,value:n.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:n.name,id:n.id,value:n.value,checked:r}};if(n.onClick&&n.onClick(o),e.defaultPrevented)return;n.onChange&&n.onChange(o)}u.DomHandler.focus(s.current),e.preventDefault()}},f=function(){return n.checked===n.trueValue};g.useImperativeHandle(t,(function(){return{props:n,focus:function(){return u.DomHandler.focus(s.current)},getElement:function(){return a.current},getInput:function(){return s.current}}})),g.useEffect((function(){u.ObjectUtils.combinedRefs(s,n.inputRef)}),[s,n.inputRef]),l.useUpdateEffect((function(){s.current.checked=f()}),[n.checked,n.trueValue]);var d=f(),b=u.ObjectUtils.isNotEmpty(n.tooltip),v=R.getOtherProps(n),y=u.ObjectUtils.reduceKeys(v,u.DomHandler.ARIA_PROPS),h=u.classNames("p-checkbox p-component",{"p-checkbox-checked":d,"p-checkbox-disabled":n.disabled,"p-checkbox-focused":o},n.className),O=u.classNames("p-checkbox-box",{"p-highlight":d,"p-disabled":n.disabled,"p-focus":o}),S="p-checkbox-icon p-c",I=u.IconUtils.getJSXIcon(d?n.icon||g.createElement(m.CheckIcon,{className:S}):null,{className:S},{props:n,checked:d});return g.createElement(g.Fragment,null,g.createElement("div",E({ref:a,id:n.id,className:h,style:n.style},v,{onPointerUp:p,onContextMenu:n.onContextMenu,onMouseDown:n.onMouseDown}),g.createElement("div",{className:"p-hidden-accessible"},g.createElement("input",E({ref:s,type:"checkbox",id:n.inputId,name:n.name,tabIndex:n.tabIndex,defaultChecked:d,onFocus:function(){i(!0)},onBlur:function(){i(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||p(e)},disabled:n.disabled,readOnly:n.readOnly,required:n.required},y))),g.createElement("div",{className:O},I)),b&&g.createElement(c.Tooltip,E({target:a,content:n.tooltip},n.tooltipOptions)))})));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="Checkbox";var K=g.memo((function(e){var t={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},i=function(){var n="p-multiselect-filter-icon",r=u.IconUtils.getJSXIcon(e.filterIcon||g.createElement(v.SearchIcon,{className:n}),{className:n},{props:e});if(e.filter){var o=u.classNames("p-multiselect-filter-container"),i=g.createElement("div",{className:o},g.createElement(d.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),r);if(e.filterTemplate)i=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:o,element:i,filterOptions:t,onFilter:l,filterIconClassName:n,props:e});return g.createElement(g.Fragment,null,i)}return null}(),a="p-checkbox-icon p-c",c=u.IconUtils.getJSXIcon(e.itemCheckboxIcon||g.createElement(m.CheckIcon,{className:a}),{className:a},{selected:e.selected}),s=e.showSelectAll?g.createElement(H,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll,icon:c}):null,p={className:"p-multiselect-close-icon","aria-hidden":!0},f=u.IconUtils.getJSXIcon(e.closeIcon||g.createElement(o.TimesIcon,p),V({},p),{props:e}),y=g.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n.localeOption("close"),onClick:e.onClose},f,g.createElement(b.Ripple,null)),h=g.createElement("div",{className:"p-multiselect-header"},s,i,y);return e.template?u.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:s,checked:e.selectAll,onChange:r,filterElement:i,closeElement:y,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:h,itemCheckboxIcon:c,props:e}):h}));K.displayName="MultiSelectHeader";var G=g.memo((function(e){var t=u.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=u.classNames("p-checkbox-box",{"p-highlight":e.selected}),l="p-checkbox-icon p-c",r=e.selected?u.IconUtils.getJSXIcon(e.checkboxIcon||g.createElement(m.CheckIcon,{className:l}),{className:l},{selected:e.selected}):null,o=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label;return g.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},g.createElement("div",{className:"p-checkbox p-component"},g.createElement("div",{className:n},r)),g.createElement("span",null,o),g.createElement(b.Ripple,null))}));function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}G.displayName="MultiSelectItem";var _=g.memo(g.forwardRef((function(e,t){var l,r,o,i,a,c=g.useRef(null),m=g.useRef(null),d=function(){e.onEnter((function(){if(c.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return c.current.scrollToIndex(t)}),0)}}))},b=function(){e.onEntered((function(){e.filter&&m.current&&u.DomHandler.focus(m.current,!1)}))},v=function(t){c.current&&c.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return g.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,c=e.isSelected(t);return g.createElement(G,{key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon})}))},S=function(){var t=u.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage");return g.createElement("li",{className:"p-multiselect-empty-message"},t)},I=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),i=h(t,r),a=n+"_"+e.getOptionGroupRenderKey(t);return g.createElement(g.Fragment,{key:a},g.createElement("li",{className:"p-multiselect-item-group",style:r},o),i)}var c=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return g.createElement(G,{key:s,label:c,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName,checkboxIcon:e.checkboxIcon})},k=function(){if(e.virtualScrollerOptions){var t=X(X({},e.virtualScrollerOptions),{style:X(X({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(X(X({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&I(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return g.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},l)}});return g.createElement(f.VirtualScroller,E({ref:c},t))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(I):e.hasFilter?S():null;return g.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},g.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},j=(l=e.allowOptionSelect(),r=u.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===O.default.inputStyle,"p-ripple-disabled":!1===O.default.ripple},e.panelClassName),o=g.createElement(K,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon}),i=k(),a=y(),e.inline?g.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},i,a):g.createElement(s.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:b,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},o,i,a)));return e.inline?j:g.createElement(p.Portal,{element:j,appendTo:e.appendTo})})));function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function B(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){j(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}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function Z(e,t){if(e){if("string"==typeof e)return Y(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)?Y(e,t):void 0}}function Y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}_.displayName="MultiSelectPanel";var $=g.memo(g.forwardRef((function(e,t){var s=A.getProps(e),p=L(g.useState(""),2),f=p[0],m=p[1],d=L(g.useState(!1),2),b=d[0],v=d[1],y=L(g.useState(s.inline),2),h=y[0],S=y[1],I=g.useRef(null),k=g.useRef(s.inputRef),x=g.useRef(null),N=g.useRef(null),C=f&&f.trim().length>0,w=u.ObjectUtils.isEmpty(s.value),D=s.optionValue?null:s.dataKey,U=L(l.useOverlayListener({target:I,overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&X():X())},when:h}),2),F=U[0],T=U[1],R=function(){return!s.selectionLimit||!s.value||s.value&&s.value.length<s.selectionLimit},H=function(e){var t=e.originalEvent,n=e.option;if(!s.disabled&&!re(n)){var l=ne(n),r=oe(n),o=Q(n),i=R();o?K(t,s.value.filter((function(e){return!u.ObjectUtils.equals(r?e:ne(e),l,D)})),n):i&&K(t,[].concat(P(s.value||[]),[l]),n)}},M=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-disabled")||u.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},V=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-disabled")||u.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},K=function(e,t,n){s.onChange&&s.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},G=function(){m(""),s.onFilter&&s.onFilter({filter:""})},J=function(){S(!0)},X=function(){S(!1)},q=function(){u.DomHandler.alignOverlay(N.current,x.current.parentElement,s.appendTo||O.default.appendTo)},Z=function(e){return u.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},Y=function(e){return N.current&&N.current.contains(e.target)},$=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.ObjectUtils.equals(e,ne(t),D)}))}))},Q=function(e){if(s.value){var t=ne(e),n=oe(e);return s.value.some((function(e){return u.ObjectUtils.equals(n?e:ne(e),t,D)}))}return!1},W=function(e){var t;if(s.options)if(s.optionGroupLabel){var n,l=z(s.options);try{for(l.s();!(n=l.n()).done;){if(t=ee(e,le(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ee(e,s.options);return t?te(t):null},ee=function(e,t){return t.find((function(t){return u.ObjectUtils.equals(ne(t),e,D)}))},te=function(e){return s.optionLabel?u.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},ne=function(e){if(s.useOptionAsValue)return e;if(s.optionValue){var t=u.ObjectUtils.resolveFieldData(e,s.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},le=function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},re=function(e){return s.optionDisabled?u.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},oe=function(e){return!s.useOptionAsValue&&s.optionValue||e&&void 0!==e.value},ie=function(e,t){var n=s.value.filter((function(e){return!u.ObjectUtils.equals(e,t,D)}));K(e,n,t)},ae=function(){var e=/{(.*?)}/;return e.test(s.selectedItemsLabel)?s.selectedItemsLabel.replace(s.selectedItemsLabel.match(e)[0],s.value.length+""):s.selectedItemsLabel},ce=function(){if(!w&&!s.fixedPlaceholder)return u.ObjectUtils.isNotEmpty(s.maxSelectedLabels)&&s.value.length>s.maxSelectedLabels?ae():s.value.reduce((function(e,t,n){return e+(0!==n?",":"")+W(t)}),"")};g.useImperativeHandle(t,(function(){return{props:s,show:J,hide:X,focus:function(){return u.DomHandler.focus(k.current)},getElement:function(){return I.current},getOverlay:function(){return N.current},getInput:function(){return k.current}}})),g.useEffect((function(){u.ObjectUtils.combinedRefs(k,s.inputRef)}),[k,s.inputRef]),g.useEffect((function(){setTimeout((function(){s.overlayVisible?J():X()}),100)}),[s.overlayVisible]),l.useUpdateEffect((function(){h&&C&&q()}),[h,C]),l.useUnmountEffect((function(){u.ZIndexUtils.clear(N.current)}));var ue=function(){if(C){var e=f.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var l,r=[],o=z(s.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=n.FilterService.filter(le(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&r.push(B(B({},i),j({},s.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return n.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),se=u.ObjectUtils.isNotEmpty(s.tooltip),pe=A.getOtherProps(s),fe=u.ObjectUtils.reduceKeys(pe,u.DomHandler.ARIA_PROPS),me=u.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===s.display,"p-disabled":s.disabled,"p-multiselect-clearable":s.showClear&&!s.disabled,"p-focus":b,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(s.value),"p-inputwrapper-focus":b||h},s.className),de="p-multiselect-trigger-icon p-c",be=g.createElement("div",{className:"p-multiselect-trigger"},s.dropdownIcon?u.IconUtils.getJSXIcon(s.dropdownIcon,{className:de},{props:s}):g.createElement(r.ChevronDownIcon,{className:de})),ve=!s.inline&&function(){var e=s.selectedItemTemplate?w?u.ObjectUtils.getJSXElement(s.selectedItemTemplate):u.ObjectUtils.isNotEmpty(s.maxSelectedLabels)&&s.value.length>s.maxSelectedLabels?ae():s.value.map((function(e,t){var n=u.ObjectUtils.getJSXElement(s.selectedItemTemplate,e);return g.createElement(g.Fragment,{key:t},n)})):"chip"!==s.display||w?ce():s.value.slice(0,s.maxSelectedLabels||s.value.length).map((function(e){var t=W(e),n=!s.disabled&&(s.removeIcon?u.IconUtils.getJSXIcon(s.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}},{props:s}):g.createElement(i.TimesCircleIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}}));return g.createElement("div",{className:"p-multiselect-token",key:t},g.createElement("span",{className:"p-multiselect-token-label"},t),n)})),t=u.classNames("p-multiselect-label",{"p-placeholder":w&&s.placeholder,"p-multiselect-label-empty":w&&!s.placeholder&&!s.selectedItemTemplate,"p-multiselect-items-label":!w&&"chip"!==s.display&&s.value.length>s.maxSelectedLabels});return g.createElement("div",{ref:x,className:"p-multiselect-label-container"},g.createElement("div",{className:t},e||s.placeholder||"empty"))}(),ye=!s.inline&&function(){var e="p-multiselect-clear-icon",t=u.IconUtils.getJSXIcon(s.clearIcon||g.createElement(o.TimesIcon,{className:e}),{className:e},{props:s});return w||!s.showClear||s.disabled?null:g.createElement("i",{className:e,onClick:function(e){return K(e,null,null)}},t)}();return g.createElement(g.Fragment,null,g.createElement("div",E({ref:I,id:s.id,style:s.style,className:me},pe,{onClick:function(e){s.inline||s.disabled||Y(e)||u.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(h?X():J(),u.DomHandler.focus(k.current),e.preventDefault())}}),g.createElement("div",{className:"p-hidden-accessible"},g.createElement("input",E({ref:k,id:s.inputId,name:s.name,readOnly:!0,type:"text",onFocus:function(e){v(!0),s.onFocus&&s.onFocus(e)},onBlur:function(e){v(!1),s.onBlur&&s.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(s.inline)break;!h&&e.altKey&&(J(),e.preventDefault());break;case 32:if(s.inline)break;h?X():J(),e.preventDefault();break;case 27:if(s.inline)break;X();break;case 9:if(h){var t=u.DomHandler.getFirstFocusableElement(N.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":h,disabled:s.disabled,tabIndex:s.tabIndex},fe))),!s.inline&&g.createElement(g.Fragment,null,ve,ye,be),g.createElement(_,E({ref:N,visibleOptions:ue},s,{onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onOverlayHide:X,filterValue:f,hasFilter:C,onFilterInputChange:function(e){var t=e.query;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},resetFilter:G,onCloseClick:function(e){X(),u.DomHandler.focus(k.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(s.onSelectAll)s.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ue){var n=ue.filter((function(e){return re(e)&&Q(e)}));t=n.map((function(e){return ne(e)}))}}else if(ue){var l=ue.filter((function(e){return!re(e)}));s.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(P(t),P(le(e).filter((function(e){return!re(e)})).map((function(e){return ne(e)}))))}))):t=l.map((function(e){return ne(e)}))}K(e.originalEvent,t,t)}},getOptionLabel:te,getOptionRenderKey:function(e){return s.dataKey?u.ObjectUtils.resolveFieldData(e,s.dataKey):te(e)},isOptionDisabled:re,getOptionGroupChildren:le,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:Q,getSelectedOptionIndex:function(){if(null!=s.value&&s.options){if(s.optionGroupLabel){var e=0,t=s.options.findIndex((function(t,n){return(e=n)&&-1!==$(s.value,le(t))}));return-1!==t?{group:e,option:t}:-1}return $(s.value,s.options)}return-1},isAllSelected:function(){if(s.onSelectAll)return s.selectAll;if(u.ObjectUtils.isEmpty(ue))return!1;var e=ue.filter((function(e){return!re(e)}));if(!s.optionGroupLabel)return!e.some((function(e){return!Q(e)}));var t,n=z(e);try{for(n.s();!(t=n.n()).done;){return!le(t.value).filter((function(e){return!re(e)})).some((function(e){return!Q(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:H,allowOptionSelect:R,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=M(n);l&&l.focus(),t.preventDefault();break;case 38:var r=V(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:H(e),t.preventDefault();break;case 27:X(),u.DomHandler.focus(k.current)}},in:h,onEnter:function(e){var t;u.ZIndexUtils.set("overlay",N.current,O.default.autoZIndex,O.default.zIndex.overlay),q(),(t=u.DomHandler.findSingle(N.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),F(),s.onShow&&s.onShow()},onExit:function(){T()},onExited:function(){s.filter&&s.resetFilterOnHide&&G(),u.ZIndexUtils.clear(N.current),s.onHide&&s.onHide()}}))),se&&g.createElement(c.Tooltip,E({target:I,content:s.tooltip},s.tooltipOptions)))})));return $.displayName="MultiSelect",e.MultiSelect=$,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.icons.timescircle,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.icons.check,primereact.inputtext,primereact.ripple,primereact.icons.search);
+this.primereact=this.primereact||{},this.primereact.multiselect=function(e,t,n,l,r,o,i,a,c,u,s,p,f,m,d,b,v){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=h(t),O=y(n);function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},E.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function I(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==S(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===S(t)?t:String(t)}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function C(e){if(Array.isArray(e))return x(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return C(e)||N(e)||w(e)||D()}function F(e){if(Array.isArray(e))return e}function U(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function T(){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 L(e,t){return F(e)||U(e,t)||w(e,t)||T()}var A={defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,className:null,closeIcon:null,checkboxIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,itemCheckboxIcon:null,inline:!1,inputId:null,inputRef:null,itemClassName:null,itemTemplate:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onFilter:null,onFocus:null,onHide:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,A.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,A.defaultProps)}},H={defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,H.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,H.defaultProps)}},R=g.memo(g.forwardRef((function(e,t){var n=H.getProps(e),r=L(g.useState(!1),2),o=r[0],i=r[1],a=g.useRef(null),s=g.useRef(n.inputRef),p=function(e){if(!n.disabled&&!n.readOnly&&(n.onChange||n.onClick)){var t=f(),l=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===s.current||l&&e.target.checked!==t){var r=t?n.falseValue:n.trueValue,o={originalEvent:e,value:n.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:n.name,id:n.id,value:n.value,checked:r}};if(n.onClick&&n.onClick(o),e.defaultPrevented)return;n.onChange&&n.onChange(o)}u.DomHandler.focus(s.current),e.preventDefault()}},f=function(){return n.checked===n.trueValue};g.useImperativeHandle(t,(function(){return{props:n,focus:function(){return u.DomHandler.focus(s.current)},getElement:function(){return a.current},getInput:function(){return s.current}}})),g.useEffect((function(){u.ObjectUtils.combinedRefs(s,n.inputRef)}),[s,n.inputRef]),l.useUpdateEffect((function(){s.current.checked=f()}),[n.checked,n.trueValue]),l.useMountEffect((function(){n.autoFocus&&u.DomHandler.focus(s.current,n.autoFocus)}));var d=f(),b=u.ObjectUtils.isNotEmpty(n.tooltip),v=H.getOtherProps(n),y=u.ObjectUtils.reduceKeys(v,u.DomHandler.ARIA_PROPS),h=u.classNames("p-checkbox p-component",{"p-checkbox-checked":d,"p-checkbox-disabled":n.disabled,"p-checkbox-focused":o},n.className),O=u.classNames("p-checkbox-box",{"p-highlight":d,"p-disabled":n.disabled,"p-focus":o}),S="p-checkbox-icon p-c",I=u.IconUtils.getJSXIcon(d?n.icon||g.createElement(m.CheckIcon,{className:S}):null,{className:S},{props:n,checked:d});return g.createElement(g.Fragment,null,g.createElement("div",E({ref:a,id:n.id,className:h,style:n.style},v,{onClick:p,onContextMenu:n.onContextMenu,onMouseDown:n.onMouseDown}),g.createElement("div",{className:"p-hidden-accessible"},g.createElement("input",E({ref:s,type:"checkbox",id:n.inputId,name:n.name,tabIndex:n.tabIndex,defaultChecked:d,onFocus:function(){i(!0)},onBlur:function(){i(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||p(e)},disabled:n.disabled,readOnly:n.readOnly,required:n.required},y))),g.createElement("div",{className:O},I)),b&&g.createElement(c.Tooltip,E({target:a,content:n.tooltip},n.tooltipOptions)))})));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}R.displayName="Checkbox";var K=g.memo((function(e){var t={filter:function(e){return l(e)},reset:function(){return e.resetFilter()}},l=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},r=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},i=function(){var n="p-multiselect-filter-icon",r=u.IconUtils.getJSXIcon(e.filterIcon||g.createElement(v.SearchIcon,{className:n}),{className:n},{props:e});if(e.filter){var o=u.classNames("p-multiselect-filter-container"),i=g.createElement("div",{className:o},g.createElement(d.InputText,{ref:e.filterRef,type:"text",role:"textbox",value:e.filterValue,onChange:l,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),r);if(e.filterTemplate)i=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:o,element:i,filterOptions:t,onFilter:l,filterIconClassName:n,props:e});return g.createElement(g.Fragment,null,i)}return null}(),a="p-checkbox-icon p-c",c=u.IconUtils.getJSXIcon(e.itemCheckboxIcon||g.createElement(m.CheckIcon,{className:a}),{className:a},{selected:e.selected}),s=e.showSelectAll?g.createElement(R,{checked:e.selectAll,onChange:r,role:"checkbox","aria-checked":e.selectAll,icon:c}):null,p={className:"p-multiselect-close-icon","aria-hidden":!0},f=u.IconUtils.getJSXIcon(e.closeIcon||g.createElement(o.TimesIcon,p),V({},p),{props:e}),y=g.createElement("button",{type:"button",className:"p-multiselect-close p-link","aria-label":n.localeOption("close"),onClick:e.onClose},f,g.createElement(b.Ripple,null)),h=g.createElement("div",{className:"p-multiselect-header"},s,i,y);return e.template?u.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:s,checked:e.selectAll,onChange:r,filterElement:i,closeElement:y,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:e.onClose,element:h,itemCheckboxIcon:c,props:e}):h}));K.displayName="MultiSelectHeader";var G=g.memo((function(e){var t=u.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.className,e.option.className),n=u.classNames("p-checkbox-box",{"p-highlight":e.selected}),l="p-checkbox-icon p-c",r=e.selected?u.IconUtils.getJSXIcon(e.checkboxIcon||g.createElement(m.CheckIcon,{className:l}),{className:l},{selected:e.selected}):null,o=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label;return g.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},g.createElement("div",{className:"p-checkbox p-component"},g.createElement("div",{className:n},r)),g.createElement("span",null,o),g.createElement(b.Ripple,null))}));function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}G.displayName="MultiSelectItem";var _=g.memo(g.forwardRef((function(e,t){var l,r,o,i,a,c=g.useRef(null),m=g.useRef(null),d=function(){e.onEnter((function(){if(c.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return c.current.scrollToIndex(t)}),0)}}))},b=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&m.current&&u.DomHandler.focus(m.current,!1)}))},v=function(t){c.current&&c.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return g.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var r=e.getOptionLabel(t),o=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),a=i?null:e.tabIndex||0,c=e.isSelected(t);return g.createElement(G,{key:o,label:r,option:t,style:n,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:i,className:e.itemClassName,checkboxIcon:e.checkboxIcon})}))},S=function(){var t=u.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||n.localeOption("emptyFilterMessage");return g.createElement("li",{className:"p-multiselect-empty-message"},t)},I=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),i=h(t,r),a=n+"_"+e.getOptionGroupRenderKey(t);return g.createElement(g.Fragment,{key:a},g.createElement("li",{className:"p-multiselect-item-group",style:r},o),i)}var c=e.getOptionLabel(t),s=n+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,m=e.isSelected(t);return g.createElement(G,{key:s,label:c,option:t,style:r,template:e.itemTemplate,selected:m,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p,className:e.itemClassName,checkboxIcon:e.checkboxIcon})},k=function(){if(e.virtualScrollerOptions){var t=X(X({},e.virtualScrollerOptions),{style:X(X({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(X(X({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&I(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-multiselect-items p-component",t.className),l=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:S();return g.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox","aria-multiselectable":!0},l)}});return g.createElement(f.VirtualScroller,E({ref:c},t))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(I):e.hasFilter?S():null;return g.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},g.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},n))},j=(l=e.allowOptionSelect(),r=u.classNames("p-multiselect-panel p-component",{"p-multiselect-inline":e.inline,"p-multiselect-flex":e.flex,"p-multiselect-limited":!l,"p-input-filled":"filled"===O.default.inputStyle,"p-ripple-disabled":!1===O.default.ripple},e.panelClassName),o=g.createElement(K,{filter:e.filter,filterRef:m,filterValue:e.filterValue,filterTemplate:e.filterTemplate,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate,resetFilter:e.resetFilter,closeIcon:e.closeIcon,filterIcon:e.filterIcon,itemCheckboxIcon:e.itemCheckboxIcon}),i=k(),a=y(),e.inline?g.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},i,a):g.createElement(s.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:b,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},o,i,a)));return e.inline?j:g.createElement(p.Portal,{element:j,appendTo:e.appendTo})})));function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function B(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){j(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}function z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function Z(e,t){if(e){if("string"==typeof e)return Y(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)?Y(e,t):void 0}}function Y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}_.displayName="MultiSelectPanel";var $=g.memo(g.forwardRef((function(e,t){var s=A.getProps(e),p=L(g.useState(""),2),f=p[0],m=p[1],d=L(g.useState(!1),2),b=d[0],v=d[1],y=L(g.useState(s.inline),2),h=y[0],S=y[1],I=g.useRef(null),k=g.useRef(s.inputRef),x=g.useRef(null),C=g.useRef(null),N=f&&f.trim().length>0,w=u.ObjectUtils.isEmpty(s.value),D=s.optionValue?null:s.dataKey,F=L(l.useOverlayListener({target:I,overlay:C,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&X():X())},when:h}),2),U=F[0],T=F[1],H=function(){return!s.selectionLimit||!s.value||s.value&&s.value.length<s.selectionLimit},R=function(e){var t=e.originalEvent,n=e.option;if(!s.disabled&&!re(n)){var l=ne(n),r=oe(n),o=Q(n),i=H();o?K(t,s.value.filter((function(e){return!u.ObjectUtils.equals(r?e:ne(e),l,D)})),n):i&&K(t,[].concat(P(s.value||[]),[l]),n)}},M=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-disabled")||u.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},V=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-disabled")||u.DomHandler.hasClass(n,"p-multiselect-item-group")?e(n):n:null},K=function(e,t,n){s.onChange&&s.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},G=function(){m(""),s.onFilter&&s.onFilter({filter:""})},J=function(){S(!0)},X=function(){S(!1)},q=function(){u.DomHandler.alignOverlay(C.current,x.current.parentElement,s.appendTo||O.default.appendTo)},Z=function(e){return u.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},Y=function(e){return C.current&&C.current.contains(e.target)},$=function(e,t){return t.findIndex((function(t){return e.some((function(e){return u.ObjectUtils.equals(e,ne(t),D)}))}))},Q=function(e){if(s.value){var t=ne(e),n=oe(e);return s.value.some((function(e){return u.ObjectUtils.equals(n?e:ne(e),t,D)}))}return!1},W=function(e){var t;if(s.options)if(s.optionGroupLabel){var n,l=z(s.options);try{for(l.s();!(n=l.n()).done;){if(t=ee(e,le(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=ee(e,s.options);return t?te(t):null},ee=function(e,t){return t.find((function(t){return u.ObjectUtils.equals(ne(t),e,D)}))},te=function(e){return s.optionLabel?u.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},ne=function(e){if(s.useOptionAsValue)return e;if(s.optionValue){var t=u.ObjectUtils.resolveFieldData(e,s.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},le=function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},re=function(e){return s.optionDisabled?u.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},oe=function(e){return!s.useOptionAsValue&&s.optionValue||e&&void 0!==e.value},ie=function(e,t){var n=s.value.filter((function(e){return!u.ObjectUtils.equals(e,t,D)}));K(e,n,t)},ae=function(){var e=/{(.*?)}/;return e.test(s.selectedItemsLabel)?s.selectedItemsLabel.replace(s.selectedItemsLabel.match(e)[0],s.value.length+""):s.selectedItemsLabel},ce=function(){if(!w&&!s.fixedPlaceholder)return u.ObjectUtils.isNotEmpty(s.maxSelectedLabels)&&s.value.length>s.maxSelectedLabels?ae():s.value.reduce((function(e,t,n){return e+(0!==n?",":"")+W(t)}),"")};g.useImperativeHandle(t,(function(){return{props:s,show:J,hide:X,focus:function(){return u.DomHandler.focus(k.current)},getElement:function(){return I.current},getOverlay:function(){return C.current},getInput:function(){return k.current}}})),g.useEffect((function(){u.ObjectUtils.combinedRefs(k,s.inputRef)}),[k,s.inputRef]),g.useEffect((function(){setTimeout((function(){s.overlayVisible?J():X()}),100)}),[s.overlayVisible]),l.useUpdateEffect((function(){h&&N&&q()}),[h,N]),l.useUnmountEffect((function(){u.ZIndexUtils.clear(C.current)}));var ue=function(){if(N){var e=f.trim().toLocaleLowerCase(s.filterLocale),t=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var l,r=[],o=z(s.options);try{for(o.s();!(l=o.n()).done;){var i=l.value,a=n.FilterService.filter(le(i),t,e,s.filterMatchMode,s.filterLocale);a&&a.length&&r.push(B(B({},i),j({},s.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return r}return n.FilterService.filter(s.options,t,e,s.filterMatchMode,s.filterLocale)}return s.options}(),se=u.ObjectUtils.isNotEmpty(s.tooltip),pe=A.getOtherProps(s),fe=u.ObjectUtils.reduceKeys(pe,u.DomHandler.ARIA_PROPS),me=u.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===s.display,"p-disabled":s.disabled,"p-multiselect-clearable":s.showClear&&!s.disabled,"p-focus":b,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(s.value),"p-inputwrapper-focus":b||h},s.className),de="p-multiselect-trigger-icon p-c",be=g.createElement("div",{className:"p-multiselect-trigger"},s.dropdownIcon?u.IconUtils.getJSXIcon(s.dropdownIcon,{className:de},{props:s}):g.createElement(r.ChevronDownIcon,{className:de})),ve=!s.inline&&function(){var e=s.selectedItemTemplate?w?u.ObjectUtils.getJSXElement(s.selectedItemTemplate):u.ObjectUtils.isNotEmpty(s.maxSelectedLabels)&&s.value.length>s.maxSelectedLabels?ae():s.value.map((function(e,t){var n=u.ObjectUtils.getJSXElement(s.selectedItemTemplate,e);return g.createElement(g.Fragment,{key:t},n)})):"chip"!==s.display||w?ce():s.value.slice(0,s.maxSelectedLabels||s.value.length).map((function(e){var t=W(e),n=!s.disabled&&(s.removeIcon?u.IconUtils.getJSXIcon(s.removeIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}},{props:s}):g.createElement(i.TimesCircleIcon,{className:"p-multiselect-token-icon",onClick:function(t){return ie(t,e)}}));return g.createElement("div",{className:"p-multiselect-token",key:t},g.createElement("span",{className:"p-multiselect-token-label"},t),n)})),t=u.classNames("p-multiselect-label",{"p-placeholder":w&&s.placeholder,"p-multiselect-label-empty":w&&!s.placeholder&&!s.selectedItemTemplate,"p-multiselect-items-label":!w&&"chip"!==s.display&&s.value.length>s.maxSelectedLabels});return g.createElement("div",{ref:x,className:"p-multiselect-label-container"},g.createElement("div",{className:t},e||s.placeholder||"empty"))}(),ye=!s.inline&&function(){var e={className:"p-multiselect-clear-icon",onClick:function(e){return K(e,null,null)}},t=u.IconUtils.getJSXIcon(s.clearIcon||g.createElement(o.TimesIcon,e),B({},e),{props:s});return w||!s.showClear||s.disabled?null:t}();return g.createElement(g.Fragment,null,g.createElement("div",E({ref:I,id:s.id,style:s.style,className:me},pe,{onClick:function(e){s.inline||s.disabled||Y(e)||u.DomHandler.hasClass(e.target,"p-multiselect-token-icon")||Z(e)||(h?X():J(),u.DomHandler.focus(k.current),e.preventDefault())}}),g.createElement("div",{className:"p-hidden-accessible"},g.createElement("input",E({ref:k,id:s.inputId,name:s.name,readOnly:!0,type:"text",onFocus:function(e){v(!0),s.onFocus&&s.onFocus(e)},onBlur:function(e){v(!1),s.onBlur&&s.onBlur(e)},onKeyDown:function(e){switch(e.which){case 40:if(s.inline)break;!h&&e.altKey&&(J(),e.preventDefault());break;case 32:if(s.inline)break;h?X():J(),e.preventDefault();break;case 27:if(s.inline)break;X();break;case 9:if(h){var t=u.DomHandler.getFirstFocusableElement(C.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-expanded":h,disabled:s.disabled,tabIndex:s.tabIndex},fe))),!s.inline&&g.createElement(g.Fragment,null,ve,ye,be),g.createElement(_,E({ref:C,visibleOptions:ue},s,{onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onOverlayHide:X,filterValue:f,hasFilter:N,onFilterInputChange:function(e){var t=e.query;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},resetFilter:G,onCloseClick:function(e){X(),u.DomHandler.focus(k.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(s.onSelectAll)s.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],ue){var n=ue.filter((function(e){return re(e)&&Q(e)}));t=n.map((function(e){return ne(e)}))}}else if(ue){var l=ue.filter((function(e){return!re(e)}));s.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(P(t),P(le(e).filter((function(e){return!re(e)})).map((function(e){return ne(e)}))))}))):t=l.map((function(e){return ne(e)}))}K(e.originalEvent,t,t)}},getOptionLabel:te,getOptionRenderKey:function(e){return s.dataKey?u.ObjectUtils.resolveFieldData(e,s.dataKey):te(e)},isOptionDisabled:re,getOptionGroupChildren:le,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:Q,getSelectedOptionIndex:function(){if(null!=s.value&&s.options){if(s.optionGroupLabel){var e=0,t=s.options.findIndex((function(t,n){return(e=n)&&-1!==$(s.value,le(t))}));return-1!==t?{group:e,option:t}:-1}return $(s.value,s.options)}return-1},isAllSelected:function(){if(s.onSelectAll)return s.selectAll;if(u.ObjectUtils.isEmpty(ue))return!1;var e=ue.filter((function(e){return!re(e)}));if(!s.optionGroupLabel)return!e.some((function(e){return!Q(e)}));var t,n=z(e);try{for(n.s();!(t=n.n()).done;){return!le(t.value).filter((function(e){return!re(e)})).some((function(e){return!Q(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:R,allowOptionSelect:H,onOptionKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var l=M(n);l&&l.focus(),t.preventDefault();break;case 38:var r=V(n);r&&r.focus(),t.preventDefault();break;case 13:case 32:R(e),t.preventDefault();break;case 27:X(),u.DomHandler.focus(k.current)}},in:h,onEnter:function(e){var t;u.ZIndexUtils.set("overlay",C.current,O.default.autoZIndex,O.default.zIndex.overlay),q(),(t=u.DomHandler.findSingle(C.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(e){e&&e(),U(),s.onShow&&s.onShow()},onExit:function(){T()},onExited:function(){s.filter&&s.resetFilterOnHide&&G(),u.ZIndexUtils.clear(C.current),s.onHide&&s.onHide()}}))),se&&g.createElement(c.Tooltip,E({target:I,content:s.tooltip},s.tooltipOptions)))})));return $.displayName="MultiSelect",e.MultiSelect=$,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.icons.timescircle,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.icons.check,primereact.inputtext,primereact.ripple,primereact.icons.search);

package/multistatecheckbox/multistatecheckbox.cjs.js

@@ -142,23 +142,24 @@ function _slicedToArray(arr, i) {
 var MultiStateCheckboxBase = {
   defaultProps: {
     __TYPE: 'MultiStateCheckbox',
-    id: null,
-    value: null,
-    options: null,
-    optionValue: null,
-    optionLabel: null,
-    optionIcon: null,
-    iconTemplate: null,
-    dataKey: null,
-    style: null,
+    autoFocus: false,
     className: null,
+    dataKey: null,
     disabled: false,
-    readOnly: false,
     empty: true,
+    iconTemplate: null,
+    id: null,
+    onChange: null,
+    optionIcon: null,
+    optionLabel: null,
+    optionValue: null,
+    options: null,
+    readOnly: false,
+    style: null,
     tabIndex: '0',
     tooltip: null,
     tooltipOptions: null,
-    onChange: null,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -258,6 +259,9 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React_
     if (!props.empty && props.value === null) {
       toggle();
     }
+    if (props.autoFocus) {
+      utils.DomHandler.focusFirstElement(elementRef.current);
+    }
   });
   var createIcon = function createIcon() {
     var icon = selectedOption && getOptionIcon(selectedOption) || '';

package/multistatecheckbox/multistatecheckbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/tooltip"),o=require("primereact/utils");function l(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 i=l(e);function a(){return a=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},a.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(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 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 m(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 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.")}var y={defaultProps:{__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,optionIcon:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=i.memo(i.forwardRef((function(e,l){var u,c,b=y.getProps(e),v=i.useState(!1),g=(c=2,p(u=v)||f(u,c)||m(u,c)||d()),h=g[0],O=g[1],j=i.useRef(null),P=b.optionValue?null:b.dataKey,x=function(e){return b.optionValue?o.ObjectUtils.resolveFieldData(e,b.optionValue):e},S=function(e){if(b.onChange){var t=x(b.options?D===b.options.length-1?b.empty?null:b.options[0]:b.options[D+1]:null);b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}})}};i.useImperativeHandle(l,(function(){return{props:b,focus:function(){return o.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),n.useMountEffect((function(){b.empty||null!==b.value||S()}));var E,k,N=(b.options&&(k=b.options.findIndex((function(e){return o.ObjectUtils.equals(b.value,x(e),P)})),E=b.options[k]),{option:E,index:k}),w=N.option,D=N.index,I=o.ObjectUtils.isNotEmpty(b.tooltip),U=y.getOtherProps(b),C=o.ObjectUtils.reduceKeys(U,o.DomHandler.ARIA_PROPS),A=o.classNames("p-multistatecheckbox p-checkbox p-component",b.className,{"p-checkbox-disabled":b.disabled}),M=o.classNames("p-checkbox-box",{"p-highlight":!!w,"p-disabled":b.disabled,"p-focus":h},w&&w.className),T=function(){var e,t,n,r=w&&o.ObjectUtils.resolveFieldData(w,b.optionIcon||"icon")||"",l=o.classNames("p-checkbox-icon p-c",(e={},t="".concat(r),n=!0,(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e)),a=i.createElement("span",{className:l});return b.iconTemplate?o.ObjectUtils.getJSXElement(b.iconTemplate,{option:w,className:l,element:a,props:b}):a}(),_=w?function(e){var t=b.optionLabel||b.optionValue;return t?o.ObjectUtils.resolveFieldData(e,t):e}(w):t.ariaLabel("nullLabel"),q=w?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",a({ref:j,id:b.id,className:A,style:b.style},U,{onClick:function(e){b.disabled||b.readOnly||S(e)}}),i.createElement("div",a({className:M,style:w&&w.style,tabIndex:b.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(S(e),e.preventDefault())},role:"checkbox","aria-checked":q},C),T),h&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},_)),I&&i.createElement(r.Tooltip,a({target:j,content:b.tooltip},b.tooltipOptions)))})));v.displayName="MultiStateCheckbox",exports.MultiStateCheckbox=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/tooltip"),o=require("primereact/utils");function l(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 i=l(e);function a(){return a=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},a.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(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 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 b(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 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.")}var y={defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,y.defaultProps)}},v=i.memo(i.forwardRef((function(e,l){var u,c,m=y.getProps(e),v=i.useState(!1),g=(c=2,p(u=v)||f(u,c)||b(u,c)||d()),h=g[0],O=g[1],j=i.useRef(null),P=m.optionValue?null:m.dataKey,x=function(e){return m.optionValue?o.ObjectUtils.resolveFieldData(e,m.optionValue):e},S=function(e){if(m.onChange){var t=x(m.options?w===m.options.length-1?m.empty?null:m.options[0]:m.options[w+1]:null);m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})}};i.useImperativeHandle(l,(function(){return{props:m,focus:function(){return o.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),n.useMountEffect((function(){m.empty||null!==m.value||S(),m.autoFocus&&o.DomHandler.focusFirstElement(j.current)}));var E,k,N=(m.options&&(k=m.options.findIndex((function(e){return o.ObjectUtils.equals(m.value,x(e),P)})),E=m.options[k]),{option:E,index:k}),D=N.option,w=N.index,I=o.ObjectUtils.isNotEmpty(m.tooltip),U=y.getOtherProps(m),C=o.ObjectUtils.reduceKeys(U,o.DomHandler.ARIA_PROPS),F=o.classNames("p-multistatecheckbox p-checkbox p-component",m.className,{"p-checkbox-disabled":m.disabled}),A=o.classNames("p-checkbox-box",{"p-highlight":!!D,"p-disabled":m.disabled,"p-focus":h},D&&D.className),M=function(){var e,t,n,r=D&&o.ObjectUtils.resolveFieldData(D,m.optionIcon||"icon")||"",l=o.classNames("p-checkbox-icon p-c",(e={},t="".concat(r),n=!0,(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e)),a=i.createElement("span",{className:l});return m.iconTemplate?o.ObjectUtils.getJSXElement(m.iconTemplate,{option:D,className:l,element:a,props:m}):a}(),T=D?function(e){var t=m.optionLabel||m.optionValue;return t?o.ObjectUtils.resolveFieldData(e,t):e}(D):t.ariaLabel("nullLabel"),_=D?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",a({ref:j,id:m.id,className:F,style:m.style},U,{onClick:function(e){m.disabled||m.readOnly||S(e)}}),i.createElement("div",a({className:A,style:D&&D.style,tabIndex:m.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(S(e),e.preventDefault())},role:"checkbox","aria-checked":_},C),M),h&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),I&&i.createElement(r.Tooltip,a({target:j,content:m.tooltip},m.tooltipOptions)))})));v.displayName="MultiStateCheckbox",exports.MultiStateCheckbox=v;

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -106,6 +106,11 @@ interface MultiStateCheckboxChangeEvent {
  * @group Properties
  */
 export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Value of the MultiStateCheckbox.
      */