primereact 8.5.0 → 8.6.0

package/multiselect/multiselect.cjs.js

@@ -38,7 +38,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -51,7 +51,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -225,6 +224,8 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var checked = isChecked();
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+  var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
+  var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-checkbox p-component', {
     'p-checkbox-checked': checked,
     'p-checkbox-disabled': props.disabled,
@@ -252,22 +253,20 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
     name: props.name,
     tabIndex: props.tabIndex,
     defaultChecked: checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  })), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
@@ -294,8 +293,6 @@ Checkbox.defaultProps = {
   icon: 'pi pi-check',
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onMouseDown: null,
   onContextMenu: null
@@ -375,9 +372,11 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
+    "aria-label": PrimeReact.localeOption('close'),
     onClick: props.onClose
   }, /*#__PURE__*/React__namespace.createElement("span", {
-    className: "p-multiselect-close-icon pi pi-times"
+    className: "p-multiselect-close-icon pi pi-times",
+    "aria-hidden": "true"
   }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   var element = /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-multiselect-header"
@@ -1318,6 +1317,8 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var visibleOptions = getVisibleOptions();
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, MultiSelect.defaultProps);
+  var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
+  var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-multiselect p-component p-inputwrapper', {
     'p-multiselect-chip': props.display === 'chip',
     'p-disabled': props.disabled,
@@ -1337,7 +1338,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onClick: onClick
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.createElement("input", _extends({
     ref: inputRef,
     id: props.inputId,
     name: props.name,
@@ -1347,11 +1348,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "listbox",
-    "aria-labelledby": props.ariaLabelledBy,
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  })), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-multiselect-trigger"
   }, utils.IconUtils.getJSXIcon(props.dropdownIcon, {
     className: 'p-multiselect-trigger-icon p-c'
@@ -1394,62 +1394,62 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 MultiSelect.displayName = 'MultiSelect';
 MultiSelect.defaultProps = {
   __TYPE: 'MultiSelect',
+  appendTo: null,
+  ariaLabelledBy: null,
+  className: null,
+  dataKey: null,
+  disabled: false,
+  display: 'comma',
+  dropdownIcon: 'pi pi-chevron-down',
+  emptyFilterMessage: null,
+  filter: false,
+  filterBy: null,
+  filterLocale: undefined,
+  filterMatchMode: 'contains',
+  filterPlaceholder: null,
+  filterTemplate: null,
+  fixedPlaceholder: false,
   id: null,
+  inputId: null,
   inputRef: null,
+  itemTemplate: null,
+  maxSelectedLabels: null,
   name: null,
-  value: null,
-  options: null,
-  optionLabel: null,
-  optionValue: null,
+  onBlur: null,
+  onChange: null,
+  onFilter: null,
+  onFocus: null,
+  onHide: null,
+  onSelectAll: null,
+  onShow: null,
   optionDisabled: null,
-  optionGroupLabel: null,
   optionGroupChildren: null,
+  optionGroupLabel: null,
   optionGroupTemplate: null,
-  filterTemplate: null,
-  display: 'comma',
-  style: null,
-  className: null,
+  optionLabel: null,
+  optionValue: null,
+  options: null,
   panelClassName: null,
+  panelFooterTemplate: null,
+  panelHeaderTemplate: null,
   panelStyle: null,
-  virtualScrollerOptions: null,
-  scrollHeight: '200px',
   placeholder: null,
-  fixedPlaceholder: false,
-  disabled: false,
-  showClear: false,
-  filter: false,
-  filterBy: null,
-  filterMatchMode: 'contains',
-  filterPlaceholder: null,
-  filterLocale: undefined,
-  emptyFilterMessage: null,
+  removeIcon: 'pi pi-times-circle',
   resetFilterOnHide: false,
+  scrollHeight: '200px',
+  selectAll: false,
+  selectedItemTemplate: null,
+  selectedItemsLabel: '{0} items selected',
+  selectionLimit: null,
+  showClear: false,
+  showSelectAll: true,
+  style: null,
   tabIndex: 0,
-  dataKey: null,
-  inputId: null,
-  appendTo: null,
   tooltip: null,
   tooltipOptions: null,
-  maxSelectedLabels: null,
-  selectionLimit: null,
-  selectedItemsLabel: '{0} items selected',
-  ariaLabelledBy: null,
-  itemTemplate: null,
-  selectedItemTemplate: null,
-  panelHeaderTemplate: null,
-  panelFooterTemplate: null,
   transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  removeIcon: 'pi pi-times-circle',
-  showSelectAll: true,
-  selectAll: false,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onShow: null,
-  onHide: null,
-  onFilter: null,
-  onSelectAll: null
+  value: null,
+  virtualScrollerOptions: null
 };
 
 exports.MultiSelect = MultiSelect;

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

package/multiselect/multiselect.esm.js

@@ -3,7 +3,7 @@ import PrimeReact, { localeOption, FilterService } from 'primereact/api';
 import { useUpdateEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, IconUtils, DomHandler, ZIndexUtils } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, IconUtils, ZIndexUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 import { VirtualScroller } from 'primereact/virtualscroller';
@@ -11,7 +11,7 @@ import { InputText } from 'primereact/inputtext';
 import { Ripple } from 'primereact/ripple';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -24,7 +24,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -198,6 +197,8 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var checked = isChecked();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-checkbox p-component', {
     'p-checkbox-checked': checked,
     'p-checkbox-disabled': props.disabled,
@@ -225,22 +226,20 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
     name: props.name,
     tabIndex: props.tabIndex,
     defaultChecked: checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  })), /*#__PURE__*/React.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -267,8 +266,6 @@ Checkbox.defaultProps = {
   icon: 'pi pi-check',
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onMouseDown: null,
   onContextMenu: null
@@ -348,9 +345,11 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
   var closeElement = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
+    "aria-label": localeOption('close'),
     onClick: props.onClose
   }, /*#__PURE__*/React.createElement("span", {
-    className: "p-multiselect-close-icon pi pi-times"
+    className: "p-multiselect-close-icon pi pi-times",
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement(Ripple, null));
   var element = /*#__PURE__*/React.createElement("div", {
     className: "p-multiselect-header"
@@ -1291,6 +1290,8 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var visibleOptions = getVisibleOptions();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, MultiSelect.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-multiselect p-component p-inputwrapper', {
     'p-multiselect-chip': props.display === 'chip',
     'p-disabled': props.disabled,
@@ -1310,7 +1311,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onClick: onClick
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     id: props.inputId,
     name: props.name,
@@ -1320,11 +1321,10 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "listbox",
-    "aria-labelledby": props.ariaLabelledBy,
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  })), label, clearIcon, /*#__PURE__*/React.createElement("div", {
+  }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React.createElement("div", {
     className: "p-multiselect-trigger"
   }, IconUtils.getJSXIcon(props.dropdownIcon, {
     className: 'p-multiselect-trigger-icon p-c'
@@ -1367,62 +1367,62 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 MultiSelect.displayName = 'MultiSelect';
 MultiSelect.defaultProps = {
   __TYPE: 'MultiSelect',
+  appendTo: null,
+  ariaLabelledBy: null,
+  className: null,
+  dataKey: null,
+  disabled: false,
+  display: 'comma',
+  dropdownIcon: 'pi pi-chevron-down',
+  emptyFilterMessage: null,
+  filter: false,
+  filterBy: null,
+  filterLocale: undefined,
+  filterMatchMode: 'contains',
+  filterPlaceholder: null,
+  filterTemplate: null,
+  fixedPlaceholder: false,
   id: null,
+  inputId: null,
   inputRef: null,
+  itemTemplate: null,
+  maxSelectedLabels: null,
   name: null,
-  value: null,
-  options: null,
-  optionLabel: null,
-  optionValue: null,
+  onBlur: null,
+  onChange: null,
+  onFilter: null,
+  onFocus: null,
+  onHide: null,
+  onSelectAll: null,
+  onShow: null,
   optionDisabled: null,
-  optionGroupLabel: null,
   optionGroupChildren: null,
+  optionGroupLabel: null,
   optionGroupTemplate: null,
-  filterTemplate: null,
-  display: 'comma',
-  style: null,
-  className: null,
+  optionLabel: null,
+  optionValue: null,
+  options: null,
   panelClassName: null,
+  panelFooterTemplate: null,
+  panelHeaderTemplate: null,
   panelStyle: null,
-  virtualScrollerOptions: null,
-  scrollHeight: '200px',
   placeholder: null,
-  fixedPlaceholder: false,
-  disabled: false,
-  showClear: false,
-  filter: false,
-  filterBy: null,
-  filterMatchMode: 'contains',
-  filterPlaceholder: null,
-  filterLocale: undefined,
-  emptyFilterMessage: null,
+  removeIcon: 'pi pi-times-circle',
   resetFilterOnHide: false,
+  scrollHeight: '200px',
+  selectAll: false,
+  selectedItemTemplate: null,
+  selectedItemsLabel: '{0} items selected',
+  selectionLimit: null,
+  showClear: false,
+  showSelectAll: true,
+  style: null,
   tabIndex: 0,
-  dataKey: null,
-  inputId: null,
-  appendTo: null,
   tooltip: null,
   tooltipOptions: null,
-  maxSelectedLabels: null,
-  selectionLimit: null,
-  selectedItemsLabel: '{0} items selected',
-  ariaLabelledBy: null,
-  itemTemplate: null,
-  selectedItemTemplate: null,
-  panelHeaderTemplate: null,
-  panelFooterTemplate: null,
   transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  removeIcon: 'pi pi-times-circle',
-  showSelectAll: true,
-  selectAll: false,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onShow: null,
-  onHide: null,
-  onFilter: null,
-  onSelectAll: null
+  value: null,
+  virtualScrollerOptions: null
 };
 
 export { MultiSelect };