primereact 10.5.1 → 10.5.3

package/autocomplete/autocomplete.esm.js

@@ -151,6 +151,7 @@ var classes = {
       'p-autocomplete-dd': props.dropdown,
       'p-autocomplete-multiple': props.multiple,
       'p-inputwrapper-filled': props.value,
+      'p-invalid': props.invalid,
       'p-inputwrapper-focus': focusedState
     });
   },
@@ -223,6 +224,7 @@ var AutoCompleteBase = ComponentBase.extend({
     inputId: null,
     inputRef: null,
     inputStyle: null,
+    invalid: false,
     itemTemplate: null,
     loadingIcon: null,
     maxLength: null,
@@ -308,30 +310,55 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     }
     return null;
   };
+  var findKeyIndex = function findKeyIndex(array, key, value) {
+    return array.findIndex(function (obj) {
+      return obj[key] === value;
+    });
+  };
+  var latestKey = React.useRef({
+    key: null,
+    index: 0,
+    keyIndex: 0
+  });
+  var createLabelItem = function createLabelItem(item, key, index, labelItemProps) {
+    var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, item, index) : props.getOptionGroupLabel(item) || item;
+    var itemGroupProps = mergeProps(_objectSpread$1({
+      index: index,
+      key: key ? key : null,
+      className: cx('itemGroup'),
+      'data-p-highlight': false
+    }, labelItemProps), _ptm('itemGroup'));
+    return /*#__PURE__*/React.createElement("li", itemGroupProps, content);
+  };
+  var createListItem = function createListItem(item, key, index, listItemProps) {
+    var selected = ObjectUtils.deepEquals(props.selectedItem, item);
+    var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, index) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
+    var itemProps = mergeProps(_objectSpread$1({
+      index: index,
+      role: 'option',
+      className: cx('item', {
+        optionGroupLabel: props.optionGroupLabel,
+        suggestion: item
+      }),
+      onClick: function onClick(e) {
+        return props.onItemClick(e, item);
+      },
+      'aria-selected': selected
+    }, listItemProps), getPTOptions(item, 'item'));
+    return /*#__PURE__*/React.createElement("li", _extends({
+      key: key
+    }, itemProps), content, /*#__PURE__*/React.createElement(Ripple, null));
+  };
   var createGroupChildren = function createGroupChildren(optionGroup, i, style) {
     var groupChildren = props.getOptionGroupChildren(optionGroup);
     return groupChildren.map(function (item, j) {
       var key = i + '_' + j;
-      var selected = props.selectedItem === item;
-      var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, j) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
       var itemProps = mergeProps({
-        role: 'option',
-        className: cx('item', {
-          optionGroupLabel: props.optionGroupLabel,
-          suggestion: item
-        }),
-        style: style,
-        onClick: function onClick(e) {
-          return props.onItemClick(e, item);
-        },
-        'aria-selected': selected,
         'data-group': i,
         'data-index': j,
         'data-p-disabled': item.disabled
-      }, getPTOptions(item, 'item'));
-      return /*#__PURE__*/React.createElement("li", _extends({
-        key: key
-      }, itemProps), content, /*#__PURE__*/React.createElement(Ripple, null));
+      });
+      return createListItem(item, key, j, itemProps);
     });
   };
   var createItem = function createItem(suggestion, index) {
@@ -340,40 +367,55 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
     if (props.optionGroupLabel) {
-      var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, suggestion, index) : props.getOptionGroupLabel(suggestion);
-      var childrenContent = createGroupChildren(suggestion, index, style);
-      var key = index + '_' + getOptionGroupRenderKey(suggestion);
-      var itemGroupProps = mergeProps({
-        className: cx('itemGroup'),
-        style: style,
-        'data-p-highlight': false
-      }, _ptm('itemGroup'));
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: key
-      }, /*#__PURE__*/React.createElement("li", itemGroupProps, content), childrenContent);
+      if (props.virtualScrollerOptions) {
+        var keyIndex = findKeyIndex(props.suggestions, props.optionGroupLabel, suggestion);
+        if (keyIndex !== -1) {
+          latestKey.current = {
+            key: suggestion,
+            index: index,
+            keyIndex: keyIndex
+          };
+          var key = index + '_' + getOptionGroupRenderKey(suggestion);
+          return createLabelItem(suggestion, key, index, {
+            style: style
+          });
+        } else {
+          var _key = index + '_' + latestKey.current.keyIndex;
+          var itemProps = mergeProps({
+            style: style,
+            'data-group': latestKey.current.keyIndex,
+            'data-index': index - latestKey.current.index - 1,
+            'data-p-disabled': suggestion.disabled
+          });
+          return createListItem(suggestion, _key, index, itemProps);
+        }
+      } else {
+        var childrenContent = createGroupChildren(suggestion, index);
+        var _key2 = index + '_' + getOptionGroupRenderKey(suggestion);
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: _key2
+        }, createLabelItem(suggestion, undefined, index, {
+          style: style
+        }), childrenContent);
+      }
     } else {
-      var _content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
-      var itemProps = mergeProps({
-        index: index,
-        role: 'option',
-        className: cx('item', {
-          suggestion: suggestion
-        }),
+      var _itemProps = mergeProps({
         style: style,
-        onClick: function onClick(e) {
-          return props.onItemClick(e, suggestion);
-        },
-        'aria-selected': props.selectedItem.current === suggestion,
         'data-p-disabled': suggestion.disabled
       }, getPTOptions(suggestion, 'item'));
-      return /*#__PURE__*/React.createElement("li", _extends({
-        key: index
-      }, itemProps), _content, /*#__PURE__*/React.createElement(Ripple, null));
+      return createListItem(suggestion, index, _itemProps);
     }
   };
   var createItems = function createItems() {
     return props.suggestions ? props.suggestions.map(createItem) : null;
   };
+  var flattenGroupedItems = function flattenGroupedItems(items) {
+    try {
+      return items === null || items === void 0 ? void 0 : items.map(function (item) {
+        return [item === null || item === void 0 ? void 0 : item[props === null || props === void 0 ? void 0 : props.optionGroupLabel]].concat(_toConsumableArray(item === null || item === void 0 ? void 0 : item[props === null || props === void 0 ? void 0 : props.optionGroupChildren]));
+      }).flat();
+    } catch (e) {}
+  };
   var createContent = function createContent() {
     if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
       var emptyMessage = props.emptyMessage || localeOption('emptyMessage');
@@ -386,12 +428,13 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       return /*#__PURE__*/React.createElement("ul", listProps, /*#__PURE__*/React.createElement("li", emptyMessageProps, emptyMessage));
     }
     if (props.virtualScrollerOptions) {
+      var items = props.suggestions ? props.optionGroupLabel ? flattenGroupedItems(props === null || props === void 0 ? void 0 : props.suggestions) : props.suggestions : null;
       var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
         style: _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         autoSize: true,
-        items: props.suggestions,
+        items: items,
         itemTemplate: function itemTemplate(item, options) {
           return item && createItem(item, options.index, options);
         },
@@ -418,7 +461,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
         }
       }));
     } else {
-      var items = createItems();
+      var _items = createItems();
       var _listProps = mergeProps({
         id: props.listId,
         className: cx('list'),
@@ -430,7 +473,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
           maxHeight: props.scrollHeight || 'auto'
         }
       }, _ptm('listWrapper'));
-      return /*#__PURE__*/React.createElement("div", listWrapperProps, /*#__PURE__*/React.createElement("ul", _listProps, items));
+      return /*#__PURE__*/React.createElement("div", listWrapperProps, /*#__PURE__*/React.createElement("ul", _listProps, _items));
     }
   };
   var createElement = function createElement() {
@@ -605,7 +648,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var updateModel = function updateModel(event, value) {
     // #2176 only call change if value actually changed
-    if (selectedItem && ObjectUtils.deepEquals(selectedItem.current, value)) {
+    if (selectedItem.current && ObjectUtils.deepEquals(selectedItem.current, value)) {
       return;
     }
     if (props.onChange) {
@@ -1000,6 +1043,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         }, tokenProps), /*#__PURE__*/React.createElement("span", tokenLabelProps, formatValue(val)), removeTokenIcon);
       });
     }
+    selectedItem.current = null;
     return null;
   };
   var createMultiInput = function createMultiInput(allowMoreValues) {

package/autocomplete/autocomplete.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as a,useOverlayListener as u,useMountEffect as p,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as m}from"primereact/icons/chevrondown";import{SpinnerIcon as d}from"primereact/icons/spinner";import{TimesCircleIcon as f}from"primereact/icons/timescircle";import{InputText as g}from"primereact/inputtext";import{OverlayService as v}from"primereact/overlayservice";import{Tooltip as y}from"primereact/tooltip";import{classNames as b,ObjectUtils as h,UniqueComponentId as w,DomHandler as E,ZIndexUtils as x,IconUtils as C}from"primereact/utils";import{CSSTransition as O}from"primereact/csstransition";import{Portal as S}from"primereact/portal";import{Ripple as k}from"primereact/ripple";import{VirtualScroller as I}from"primereact/virtualscroller";function N(e){return N="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},N(e)}function D(e,t){if("object"!==N(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==N(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=D(e,"string");return"symbol"===N(t)?t:String(t)}function P(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},j.apply(this,arguments)}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function M(e){if(Array.isArray(e))return A(e)}function L(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 A(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)?A(e,t):void 0}}function G(){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 R(e){if(Array.isArray(e))return e}function _(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){p=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw r}}return a}}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 U(e,t){return R(e)||_(e,t)||F(e,t)||K()}var H=l.extend({defaultProps:{__TYPE:"AutoComplete",id:null,appendTo:null,autoFocus:!1,autoHighlight:!1,className:null,completeMethod:null,delay:300,disabled:!1,dropdown:!1,dropdownAriaLabel:null,dropdownAutoFocus:!0,dropdownIcon:null,dropdownMode:"blank",emptyMessage:null,field:null,forceSelection:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,loadingIcon:null,maxLength:null,minLength:1,multiple:!1,name:null,onBlur:null,onChange:null,onClear:null,onClick:null,onContextMenu:null,onDblClick:null,onDropdownClick:null,onFocus:null,onHide:null,onKeyPress:null,onKeyUp:null,onMouseDown:null,onSelect:null,onShow:null,onUnselect:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,readOnly:!1,removeTokenIcon:null,scrollHeight:"200px",selectedItemTemplate:null,selectionLimit:null,showEmptyMessage:!1,size:null,style:null,suggestions:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,type:"text",value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return b("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":t.dropdown,"p-autocomplete-multiple":t.multiple,"p-inputwrapper-filled":t.value,"p-inputwrapper-focus":e.focusedState})},container:function(e){return b("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.props.disabled})},loadingIcon:"p-autocomplete-loader",dropdownButton:"p-autocomplete-dropdown",removeTokenIcon:"p-autocomplete-token-icon",token:"p-autocomplete-token p-highlight",tokenLabel:"p-autocomplete-token-label",inputToken:"p-autocomplete-input-token",input:function(e){return b("p-autocomplete-input",{"p-autocomplete-dd-input":e.props.dropdown})},panel:function(e){var n=e.context;return b("p-autocomplete-panel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},listWrapper:"p-autocomplete-items-wrapper",list:function(e){return e.virtualScrollerOptions?b("p-autocomplete-items",e.options.className):"p-autocomplete-items"},emptyMessage:"p-autocomplete-item",item:function(e){var t=e.suggestion;return b("p-autocomplete-item",{"p-disabled":t.disabled})},itemGroup:"p-autocomplete-item-group",footer:"p-autocomplete-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-autocomplete {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input,\n    .p-autocomplete-dd .p-autocomplete-multiple-container {\n         border-top-right-radius: 0;\n         border-bottom-right-radius: 0;\n     }\n    \n    .p-autocomplete-dd .p-autocomplete-dropdown {\n         border-top-left-radius: 0;\n         border-bottom-left-radius: 0px;\n    }\n    \n    .p-autocomplete .p-autocomplete-panel {\n        min-width: 100%;\n    }\n    \n    .p-autocomplete-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-autocomplete-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-autocomplete-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-autocomplete-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-autocomplete-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-autocomplete-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-autocomplete-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-autocomplete-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-autocomplete {\n        display: flex;\n    }\n    \n    .p-fluid .p-autocomplete-dd .p-autocomplete-input {\n        width: 1%;\n    }\n    \n    .p-autocomplete-items-wrapper {\n        overflow: auto;\n    } \n}\n"}});function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(t,r){var l,i,u,p,c,s=a(),m=t.ptm,d=t.cx,f=e.useContext(n),g=function(e,n){return m(e,B({hostName:t.hostName},n))},v=function(e,n){return g(n,{context:{selected:t.selectedItem.current===e,disabled:e.disabled}})},y=function(){if(t.panelFooterTemplate){var n=h.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide),o=s({className:d("footer")},g("footer"));return e.createElement("div",o,n)}return null},w=function(n,o,r){return t.getOptionGroupChildren(n).map((function(n,l){var i=o+"_"+l,a=t.selectedItem===n,u=t.itemTemplate?h.getJSXElement(t.itemTemplate,n,l):t.field?h.resolveFieldData(n,t.field):n,p=s({role:"option",className:d("item",{optionGroupLabel:t.optionGroupLabel,suggestion:n}),style:r,onClick:function(e){return t.onItemClick(e,n)},"aria-selected":a,"data-group":o,"data-index":l,"data-p-disabled":n.disabled},v(n,"item"));return e.createElement("li",j({key:i},p),u,e.createElement(k,null))}))},E=function(n,o){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?h.getJSXElement(t.optionGroupTemplate,n,o):t.getOptionGroupLabel(n),a=w(n,o,l),u=o+"_"+h.resolveFieldData(n,t.optionGroupLabel),p=s({className:d("itemGroup"),style:l,"data-p-highlight":!1},g("itemGroup"));return e.createElement(e.Fragment,{key:u},e.createElement("li",p,i),a)}var c=t.itemTemplate?h.getJSXElement(t.itemTemplate,n,o):t.field?h.resolveFieldData(n,t.field):n,m=s({index:o,role:"option",className:d("item",{suggestion:n}),style:l,onClick:function(e){return t.onItemClick(e,n)},"aria-selected":t.selectedItem.current===n,"data-p-disabled":n.disabled},v(n,"item"));return e.createElement("li",j({key:o},m),c,e.createElement(k,null))},x=function(){if(t.showEmptyMessage&&h.isEmpty(t.suggestions)){var n=t.emptyMessage||o("emptyMessage"),r=s({className:d("emptyMessage")},g("emptyMesage")),l=s({className:d("list")},g("list"));return e.createElement("ul",l,e.createElement("li",r,n))}if(t.virtualScrollerOptions){var i=B(B({},t.virtualScrollerOptions),{style:B(B({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:t.suggestions,itemTemplate:function(e,t){return e&&E(e,t.index,t)},contentTemplate:function(n){var o=s({id:t.listId,ref:n.contentRef,style:n.style,className:d("list",{virtualScrollerProps:i,options:n}),role:"listbox"},g("list"));return e.createElement("ul",o,n.children)}});return e.createElement(I,j({ref:t.virtualScrollerRef},i,{pt:g("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var a=t.suggestions?t.suggestions.map(E):null,u=s({id:t.listId,className:d("list"),role:"listbox"},g("list")),p=s({className:d("listWrapper"),style:{maxHeight:t.scrollHeight||"auto"}},g("listWrapper"));return e.createElement("div",p,e.createElement("ul",u,a))},C=(l=B({},t.panelStyle||{}),i=x(),u=y(),p=s({className:b(t.panelClassName,d("panel",{context:f})),style:l,onClick:function(e){return t.onClick(e)}},g("panel")),c=s({classNames:d("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},g("transition")),e.createElement(O,j({nodeRef:r},c),e.createElement("div",j({ref:r},p),i,u)));return e.createElement(S,{element:C,appendTo:t.appendTo})})));function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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){P(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}z.displayName="AutoCompletePanel";var V=e.memo(e.forwardRef((function(l,O){var S=a(),k=e.useContext(n),I=H.getProps(l,k),N=U(e.useState(I.id),2),D=N[0],T=N[1],P=U(e.useState(!1),2),A=P[0],R=P[1],_=U(e.useState(!1),2),K=_[0],q=_[1],B=U(e.useState(!1),2),J=B[0],V=B[1],W={props:I,state:{id:D,searching:A,focused:K,overlayVisible:J}},Z=H.setMetaData(W),Y=Z.ptm,$=Z.cx,Q=Z.sx,ee=Z.isUnstyled;i(H.css.styles,ee,{name:"autocomplete"});var te=e.useRef(null),ne=e.useRef(null),oe=e.useRef(I.inputRef),re=e.useRef(null),le=e.useRef(null),ie=e.useRef(null),ae=e.useRef(null),ue=U(u({target:te,overlay:ne,listener:function(e,t){t.valid&&("outside"===t.type?!se(e)&&he():he())},when:J}),2),pe=ue[0],ce=ue[1],se=function(e){return I.multiple?e.target===re.current||re.current.contains(e.target):e.target===oe.current},me=function(e){ie.current&&clearTimeout(ie.current);var t=e.target.value;I.multiple||ge(e,t),h.isEmpty(t)?(he(),I.onClear&&I.onClear(e)):t.length>=I.minLength?ie.current=setTimeout((function(){de(e,t,"input")}),I.delay):he()},de=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||I.completeMethod&&(R(!0),I.completeMethod({originalEvent:e,query:t})))},fe=function(e,t,n){if(I.multiple){if(oe.current.value="",!Ae(t)&&Fe()){var o=I.value?[].concat(M(r=I.value)||L(r)||F(r)||G(),[t]):[t];ge(e,o)}}else ye(t),ge(e,t);var r;I.onSelect&&I.onSelect({originalEvent:e,value:t}),n||(E.focus(oe.current),he())},ge=function(e,t){ae&&h.deepEquals(ae.current,t)||(I.onChange&&I.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:I.name,id:D,value:t}}),ae.current=h.isNotEmpty(t)?t:null)},ve=function(e){if(h.isNotEmpty(e)){if("string"==typeof e)return e;if(I.selectedItemTemplate){var t=h.getJSXElement(I.selectedItemTemplate,e);return t||e}if(I.field){var n=h.resolveFieldData(e,I.field);return null!=n?n:e}return e}return""},ye=function(e){oe.current.value=ve(e)},be=function(){V(!0)},he=function(){V(!1),R(!1)},we=function(){E.alignOverlay(ne.current,I.multiple?re.current:oe.current,I.appendTo||k&&k.appendTo||t.appendTo)},Ee=function(e){I.dropdownAutoFocus&&E.focus(oe.current,I.dropdownAutoFocus),"blank"===I.dropdownMode?de(e,"","dropdown"):"current"===I.dropdownMode&&de(e,oe.current.value,"dropdown"),I.onDropdownClick&&I.onDropdownClick({originalEvent:e,query:oe.current.value})},xe=function(e,t){var n=I.value[t],o=I.value.filter((function(e,n){return t!==n}));ge(e,o),I.onUnselect&&I.onUnselect({originalEvent:e,value:n})},Ce=function(e){if(J){var t=E.findSingle(ne.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=Se(t);n&&(!ee()&&E.addClass(n,"p-highlight"),n.setAttribute("data-p-highlight",!0),!ee()&&E.removeClass(t,"p-highlight"),t.setAttribute("data-p-highlight",!1),E.scrollInView(Me(),n))}else t=E.findSingle(ne.current,"li"),"itemgroup"===E.getAttribute(t,"data-pc-section")&&(t=Se(t)),t&&(!ee()&&E.addClass(t,"p-highlight"),t.setAttribute("data-p-highlight",!0));e.preventDefault();break;case 38:if(t){var o=ke(t);o&&(!ee()&&E.addClass(o,"p-highlight"),o.setAttribute("data-p-highlight",!0),!ee()&&E.removeClass(t,"p-highlight"),t.setAttribute("data-p-highlight",!1),E.scrollInView(Me(),o))}e.preventDefault();break;case 13:t&&(Oe(e,t),he(),e.preventDefault());break;case 27:he(),e.preventDefault();break;case 9:t&&Oe(e,t),he()}}if(I.multiple&&8===e.which)if(I.value&&I.value.length&&!oe.current.value){var r=I.value[I.value.length-1],l=I.value.slice(0,-1);ge(e,l),I.onUnselect&&I.onUnselect({originalEvent:e,value:r})}},Oe=function(e,t){I.optionGroupLabel?fe(e,Le(I.suggestions[t.dataset.group])[t.dataset.index]):fe(e,I.suggestions[t.getAttribute("index")])},Se=function e(t){var n=t.nextElementSibling;return n?"itemgroup"===E.getAttribute(n,"data-pc-section")?e(n):n:null},ke=function e(t){var n=t.previousElementSibling;return n?"itemgroup"===E.getAttribute(n,"data-pc-section")?e(n):n:null},Ie=function(e){q(!0),I.onFocus&&I.onFocus(e)},Ne=function(e){if(I.multiple)oe.current.value="";else{var t=h.trim(e.target.value),n=(I.suggestions||[]).find((function(e){var n=I.field?h.resolveFieldData(e,I.field):e;return n&&t===h.trim(n)}));n?fe(e,n,!0):(oe.current.value="",ge(e,null),I.onClear&&I.onClear(e))}},De=function(e){q(!1),I.forceSelection&&Ne(e),I.onBlur&&I.onBlur(e)},Te=function(e){E.focus(oe.current),I.onClick&&I.onClick(e)},Pe=function(e){Ie(e),!ee()&&E.addClass(re.current,"p-focus"),re.current.setAttribute("data-p-focus",!0)},je=function(e){De(e),!ee()&&E.removeClass(re.current,"p-focus"),re.current.setAttribute("data-p-focus",!1)},Ae=function(e){return!!I.value&&I.value.some((function(t){return h.equals(t,e)}))},Me=function(){return ne.current.firstChild},Le=function(e){return h.resolveFieldData(e,I.optionGroupChildren)},Fe=function(){return!I.value||!I.selectionLimit||I.value.length<I.selectionLimit};e.useEffect((function(){h.combinedRefs(oe,I.inputRef)}),[oe,I.inputRef]),p((function(){D||T(w()),I.autoFocus&&E.focus(oe.current,I.autoFocus),we()})),c((function(){A&&(h.isNotEmpty(I.suggestions)||I.showEmptyMessage?be():he(),R(!1))}),[I.suggestions]),c((function(){oe.current&&!I.multiple&&ye(I.value),J&&we()})),s((function(){ie.current&&clearTimeout(ie.current),x.clear(ne.current)})),e.useImperativeHandle(O,(function(){return{props:I,search:de,show:be,hide:he,focus:function(){return E.focus(oe.current)},getElement:function(){return te.current},getOverlay:function(){return ne.current},getInput:function(){return oe.current},getVirtualScroller:function(){return le.current}}}));var Ge,Re=function(t){var n=J?D+"_list":null,o=S({className:$("inputToken")},Y("inputToken")),r=S(X({id:I.inputId,ref:oe,"aria-autocomplete":"list","aria-controls":n,"aria-expanded":J,"aria-haspopup":"listbox",autoComplete:"off",className:I.inputClassName,disabled:I.disabled,maxLength:I.maxLength,name:I.name,onBlur:je,onChange:t?me:void 0,onFocus:Pe,onKeyDown:t?Ce:void 0,onKeyPress:I.onKeyPress,onKeyUp:I.onKeyUp,placeholder:t?I.placeholder:void 0,readOnly:I.readOnly||!t,required:I.required,role:"combobox",style:I.inputStyle,tabIndex:I.tabIndex,type:I.type},qe),Y("input"));return e.createElement("li",o,e.createElement("input",r))},_e=function(){var t=Fe(),n=h.isNotEmpty(I.value)?I.value.map((function(t,n){var o=n+"multi-item",r=S({className:$("removeTokenIcon"),onClick:function(e){return xe(e,n)}},Y("removeTokenIcon")),l=!I.disabled&&C.getJSXIcon(I.removeTokenIcon||e.createElement(f,r),X({},r),{props:I}),i=S({className:$("token")},Y("token")),a=S({className:$("tokenLabel")},Y("tokenLabel"));return e.createElement("li",j({key:o},i),e.createElement("span",a,ve(t)),l)})):null,o=Re(t),r=S({ref:re,className:$("container"),onClick:t?Te:void 0,onContextMenu:I.onContextMenu,onMouseDown:I.onMouseDown,onDoubleClick:I.onDblClick,"data-p-focus":K,"data-p-disabled":I.disabled},Y("container"));return e.createElement("ul",r,n,o)},Ke=D+"_list",Ue=h.isNotEmpty(I.tooltip),He=H.getOtherProps(I),qe=h.reduceKeys(He,E.ARIA_PROPS),Be=function(){if(A){var t=S({className:$("loadingIcon")},Y("loadingIcon")),n=I.loadingIcon||e.createElement(d,j({},t,{spin:!0}));return C.getJSXIcon(n,X({},t),{props:I})}return null}(),ze=I.multiple?_e():(Ge=ve(I.value),e.createElement(g,j({ref:oe,id:I.inputId,type:I.type,name:I.name,defaultValue:Ge,role:"combobox","aria-autocomplete":"list","aria-controls":J?D+"_list":null,"aria-haspopup":"listbox","aria-expanded":J,className:b(I.inputClassName,$("input")),style:I.inputStyle,autoComplete:"off",readOnly:I.readOnly,required:I.required,disabled:I.disabled,placeholder:I.placeholder,size:I.size,maxLength:I.maxLength,tabIndex:I.tabIndex,onBlur:De,onFocus:Ie,onChange:me,onMouseDown:I.onMouseDown,onKeyUp:I.onKeyUp,onKeyDown:Ce,onKeyPress:I.onKeyPress,onContextMenu:I.onContextMenu,onClick:I.onClick,onDoubleClick:I.onDblClick,pt:Y("input")},qe,{__parentMetadata:{parent:W}}))),Je=function(){if(I.dropdown){var t=I.dropdownAriaLabel||I.placeholder||o("choose");return e.createElement(r,{type:"button",icon:I.dropdownIcon||e.createElement(m,null),className:$("dropdownButton"),disabled:I.disabled,onClick:Ee,"aria-label":t,pt:Y("dropdownButton"),__parentMetadata:{parent:W}})}return null}(),Xe=S({id:D,ref:te,style:I.style,className:b(I.className,$("root",{focusedState:K}))},He,Y("root"));return e.createElement(e.Fragment,null,e.createElement("span",Xe,ze,Be,Je,e.createElement(z,j({hostName:"AutoComplete",ref:ne,virtualScrollerRef:le},I,{listId:Ke,onItemClick:fe,selectedItem:ae,onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:te.current})},getOptionGroupLabel:function(e){return I.optionGroupLabel?h.resolveFieldData(e,I.optionGroupLabel):e},getOptionGroupChildren:Le,in:J,onEnter:function(){x.set("overlay",ne.current,k&&k.autoZIndex||t.autoZIndex,k&&k.zIndex.overlay||t.zIndex.overlay),E.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),we()},onEntering:function(){if(I.autoHighlight&&I.suggestions&&I.suggestions.length){var e=Me().firstChild.firstChild;e&&(!ee()&&E.addClass(e,"p-highlight"),e.setAttribute("data-p-highlight",!0))}},onEntered:function(){pe(),I.onShow&&I.onShow()},onExit:function(){ce()},onExited:function(){x.clear(ne.current),I.onHide&&I.onHide()},ptm:Y,cx:$,sx:Q}))),Ue&&e.createElement(y,j({target:te,content:I.tooltip,pt:Y("tooltip")},I.tooltipOptions)))})));V.displayName="AutoComplete";export{V as AutoComplete};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as a,useOverlayListener as u,useMountEffect as p,useUpdateEffect as c,useUnmountEffect as s}from"primereact/hooks";import{ChevronDownIcon as d}from"primereact/icons/chevrondown";import{SpinnerIcon as m}from"primereact/icons/spinner";import{TimesCircleIcon as f}from"primereact/icons/timescircle";import{InputText as g}from"primereact/inputtext";import{OverlayService as v}from"primereact/overlayservice";import{Tooltip as y}from"primereact/tooltip";import{classNames as b,ObjectUtils as h,UniqueComponentId as w,DomHandler as x,ZIndexUtils as E,IconUtils as O}from"primereact/utils";import{CSSTransition as C}from"primereact/csstransition";import{Portal as S}from"primereact/portal";import{Ripple as k}from"primereact/ripple";import{VirtualScroller as I}from"primereact/virtualscroller";function N(e){return N="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},N(e)}function D(e,t){if("object"!==N(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==N(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=D(e,"string");return"symbol"===N(t)?t:String(t)}function T(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},j.apply(this,arguments)}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function M(e){if(Array.isArray(e))return A(e)}function L(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function G(e,t){if(e){if("string"==typeof e)return A(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)?A(e,t):void 0}}function F(){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 R(e){return M(e)||L(e)||G(e)||F()}function _(e){if(Array.isArray(e))return e}function K(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){p=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw r}}return a}}function U(){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 H(e,t){return _(e)||K(e,t)||G(e,t)||U()}var q=l.extend({defaultProps:{__TYPE:"AutoComplete",id:null,appendTo:null,autoFocus:!1,autoHighlight:!1,className:null,completeMethod:null,delay:300,disabled:!1,dropdown:!1,dropdownAriaLabel:null,dropdownAutoFocus:!0,dropdownIcon:null,dropdownMode:"blank",emptyMessage:null,field:null,forceSelection:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,invalid:!1,itemTemplate:null,loadingIcon:null,maxLength:null,minLength:1,multiple:!1,name:null,onBlur:null,onChange:null,onClear:null,onClick:null,onContextMenu:null,onDblClick:null,onDropdownClick:null,onFocus:null,onHide:null,onKeyPress:null,onKeyUp:null,onMouseDown:null,onSelect:null,onShow:null,onUnselect:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,readOnly:!1,removeTokenIcon:null,scrollHeight:"200px",selectedItemTemplate:null,selectionLimit:null,showEmptyMessage:!1,size:null,style:null,suggestions:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,type:"text",value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return b("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":t.dropdown,"p-autocomplete-multiple":t.multiple,"p-inputwrapper-filled":t.value,"p-invalid":t.invalid,"p-inputwrapper-focus":e.focusedState})},container:function(e){return b("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.props.disabled})},loadingIcon:"p-autocomplete-loader",dropdownButton:"p-autocomplete-dropdown",removeTokenIcon:"p-autocomplete-token-icon",token:"p-autocomplete-token p-highlight",tokenLabel:"p-autocomplete-token-label",inputToken:"p-autocomplete-input-token",input:function(e){return b("p-autocomplete-input",{"p-autocomplete-dd-input":e.props.dropdown})},panel:function(e){var n=e.context;return b("p-autocomplete-panel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},listWrapper:"p-autocomplete-items-wrapper",list:function(e){return e.virtualScrollerOptions?b("p-autocomplete-items",e.options.className):"p-autocomplete-items"},emptyMessage:"p-autocomplete-item",item:function(e){var t=e.suggestion;return b("p-autocomplete-item",{"p-disabled":t.disabled})},itemGroup:"p-autocomplete-item-group",footer:"p-autocomplete-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-autocomplete {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n    \n    .p-autocomplete-dd .p-autocomplete-input,\n    .p-autocomplete-dd .p-autocomplete-multiple-container {\n         border-top-right-radius: 0;\n         border-bottom-right-radius: 0;\n     }\n    \n    .p-autocomplete-dd .p-autocomplete-dropdown {\n         border-top-left-radius: 0;\n         border-bottom-left-radius: 0px;\n    }\n    \n    .p-autocomplete .p-autocomplete-panel {\n        min-width: 100%;\n    }\n    \n    .p-autocomplete-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-autocomplete-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-autocomplete-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-autocomplete-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-autocomplete-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-autocomplete-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-autocomplete-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-autocomplete-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-autocomplete {\n        display: flex;\n    }\n    \n    .p-fluid .p-autocomplete-dd .p-autocomplete-input {\n        width: 1%;\n    }\n    \n    .p-autocomplete-items-wrapper {\n        overflow: auto;\n    } \n}\n"}});function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=e.memo(e.forwardRef((function(t,r){var l,i,u,p,c,s=a(),d=t.ptm,m=t.cx,f=e.useContext(n),g=function(e,n){return d(e,z({hostName:t.hostName},n))},v=function(e,n){return g(n,{context:{selected:t.selectedItem.current===e,disabled:e.disabled}})},y=function(e){return h.resolveFieldData(e,t.optionGroupLabel)},w=function(){if(t.panelFooterTemplate){var n=h.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide),o=s({className:m("footer")},g("footer"));return e.createElement("div",o,n)}return null},x=function(e,t,n){return e.findIndex((function(e){return e[t]===n}))},E=e.useRef({key:null,index:0,keyIndex:0}),O=function(n,o,r,l){var i=t.optionGroupTemplate?h.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n)||n,a=s(z({index:r,key:o||null,className:m("itemGroup"),"data-p-highlight":!1},l),g("itemGroup"));return e.createElement("li",a,i)},N=function(n,o,r,l){var i=h.deepEquals(t.selectedItem,n),a=t.itemTemplate?h.getJSXElement(t.itemTemplate,n,r):t.field?h.resolveFieldData(n,t.field):n,u=s(z({index:r,role:"option",className:m("item",{optionGroupLabel:t.optionGroupLabel,suggestion:n}),onClick:function(e){return t.onItemClick(e,n)},"aria-selected":i},l),v(n,"item"));return e.createElement("li",j({key:o},u),a,e.createElement(k,null))},D=function(n,o){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){if(t.virtualScrollerOptions){var i=x(t.suggestions,t.optionGroupLabel,n);if(-1!==i){E.current={key:n,index:o,keyIndex:i};var a=o+"_"+y(n);return O(n,a,o,{style:l})}var u=o+"_"+E.current.keyIndex,p=s({style:l,"data-group":E.current.keyIndex,"data-index":o-E.current.index-1,"data-p-disabled":n.disabled});return N(n,u,o,p)}var c=(m=o,t.getOptionGroupChildren(n).map((function(e,t){var n=m+"_"+t,o=s({"data-group":m,"data-index":t,"data-p-disabled":e.disabled});return N(e,n,t,o)}))),d=o+"_"+y(n);return e.createElement(e.Fragment,{key:d},O(n,void 0,o,{style:l}),c)}var m,f=s({style:l,"data-p-disabled":n.disabled},v(n,"item"));return N(n,o,f)},P=function(e){try{return null==e?void 0:e.map((function(e){return[null==e?void 0:e[null==t?void 0:t.optionGroupLabel]].concat(R(null==e?void 0:e[null==t?void 0:t.optionGroupChildren]))})).flat()}catch(e){}},T=function(){if(t.showEmptyMessage&&h.isEmpty(t.suggestions)){var n=t.emptyMessage||o("emptyMessage"),r=s({className:m("emptyMessage")},g("emptyMesage")),l=s({className:m("list")},g("list"));return e.createElement("ul",l,e.createElement("li",r,n))}if(t.virtualScrollerOptions){var i=t.suggestions?t.optionGroupLabel?P(null==t?void 0:t.suggestions):t.suggestions:null,a=z(z({},t.virtualScrollerOptions),{style:z(z({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:i,itemTemplate:function(e,t){return e&&D(e,t.index,t)},contentTemplate:function(n){var o=s({id:t.listId,ref:n.contentRef,style:n.style,className:m("list",{virtualScrollerProps:a,options:n}),role:"listbox"},g("list"));return e.createElement("ul",o,n.children)}});return e.createElement(I,j({ref:t.virtualScrollerRef},a,{pt:g("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var u=t.suggestions?t.suggestions.map(D):null,p=s({id:t.listId,className:m("list"),role:"listbox"},g("list")),c=s({className:m("listWrapper"),style:{maxHeight:t.scrollHeight||"auto"}},g("listWrapper"));return e.createElement("div",c,e.createElement("ul",p,u))},A=(l=z({},t.panelStyle||{}),i=T(),u=w(),p=s({className:b(t.panelClassName,m("panel",{context:f})),style:l,onClick:function(e){return t.onClick(e)}},g("panel")),c=s({classNames:m("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},g("transition")),e.createElement(C,j({nodeRef:r},c),e.createElement("div",j({ref:r},p),i,u)));return e.createElement(S,{element:A,appendTo:t.appendTo})})));function X(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function V(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){T(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="AutoCompletePanel";var W=e.memo(e.forwardRef((function(l,C){var S=a(),k=e.useContext(n),I=q.getProps(l,k),N=H(e.useState(I.id),2),D=N[0],P=N[1],T=H(e.useState(!1),2),A=T[0],M=T[1],L=H(e.useState(!1),2),G=L[0],F=L[1],_=H(e.useState(!1),2),K=_[0],U=_[1],B={props:I,state:{id:D,searching:A,focused:G,overlayVisible:K}},z=q.setMetaData(B),X=z.ptm,W=z.cx,Z=z.sx,Y=z.isUnstyled;i(q.css.styles,Y,{name:"autocomplete"});var $=e.useRef(null),Q=e.useRef(null),ee=e.useRef(I.inputRef),te=e.useRef(null),ne=e.useRef(null),oe=e.useRef(null),re=e.useRef(null),le=H(u({target:$,overlay:Q,listener:function(e,t){t.valid&&("outside"===t.type?!ue(e)&&ve():ve())},when:K}),2),ie=le[0],ae=le[1],ue=function(e){return I.multiple?e.target===te.current||te.current.contains(e.target):e.target===ee.current},pe=function(e){oe.current&&clearTimeout(oe.current);var t=e.target.value;I.multiple||de(e,t),h.isEmpty(t)?(ve(),I.onClear&&I.onClear(e)):t.length>=I.minLength?oe.current=setTimeout((function(){ce(e,t,"input")}),I.delay):ve()},ce=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||I.completeMethod&&(M(!0),I.completeMethod({originalEvent:e,query:t})))},se=function(e,t,n){if(I.multiple){if(ee.current.value="",!Pe(t)&&Ae()){var o=I.value?[].concat(R(I.value),[t]):[t];de(e,o)}}else fe(t),de(e,t);I.onSelect&&I.onSelect({originalEvent:e,value:t}),n||(x.focus(ee.current),ve())},de=function(e,t){re.current&&h.deepEquals(re.current,t)||(I.onChange&&I.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:I.name,id:D,value:t}}),re.current=h.isNotEmpty(t)?t:null)},me=function(e){if(h.isNotEmpty(e)){if("string"==typeof e)return e;if(I.selectedItemTemplate){var t=h.getJSXElement(I.selectedItemTemplate,e);return t||e}if(I.field){var n=h.resolveFieldData(e,I.field);return null!=n?n:e}return e}return""},fe=function(e){ee.current.value=me(e)},ge=function(){U(!0)},ve=function(){U(!1),M(!1)},ye=function(){x.alignOverlay(Q.current,I.multiple?te.current:ee.current,I.appendTo||k&&k.appendTo||t.appendTo)},be=function(e){I.dropdownAutoFocus&&x.focus(ee.current,I.dropdownAutoFocus),"blank"===I.dropdownMode?ce(e,"","dropdown"):"current"===I.dropdownMode&&ce(e,ee.current.value,"dropdown"),I.onDropdownClick&&I.onDropdownClick({originalEvent:e,query:ee.current.value})},he=function(e,t){var n=I.value[t],o=I.value.filter((function(e,n){return t!==n}));de(e,o),I.onUnselect&&I.onUnselect({originalEvent:e,value:n})},we=function(e){if(K){var t=x.findSingle(Q.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=Ee(t);n&&(!Y()&&x.addClass(n,"p-highlight"),n.setAttribute("data-p-highlight",!0),!Y()&&x.removeClass(t,"p-highlight"),t.setAttribute("data-p-highlight",!1),x.scrollInView(Te(),n))}else t=x.findSingle(Q.current,"li"),"itemgroup"===x.getAttribute(t,"data-pc-section")&&(t=Ee(t)),t&&(!Y()&&x.addClass(t,"p-highlight"),t.setAttribute("data-p-highlight",!0));e.preventDefault();break;case 38:if(t){var o=Oe(t);o&&(!Y()&&x.addClass(o,"p-highlight"),o.setAttribute("data-p-highlight",!0),!Y()&&x.removeClass(t,"p-highlight"),t.setAttribute("data-p-highlight",!1),x.scrollInView(Te(),o))}e.preventDefault();break;case 13:t&&(xe(e,t),ve(),e.preventDefault());break;case 27:ve(),e.preventDefault();break;case 9:t&&xe(e,t),ve()}}if(I.multiple&&8===e.which)if(I.value&&I.value.length&&!ee.current.value){var r=I.value[I.value.length-1],l=I.value.slice(0,-1);de(e,l),I.onUnselect&&I.onUnselect({originalEvent:e,value:r})}},xe=function(e,t){I.optionGroupLabel?se(e,je(I.suggestions[t.dataset.group])[t.dataset.index]):se(e,I.suggestions[t.getAttribute("index")])},Ee=function e(t){var n=t.nextElementSibling;return n?"itemgroup"===x.getAttribute(n,"data-pc-section")?e(n):n:null},Oe=function e(t){var n=t.previousElementSibling;return n?"itemgroup"===x.getAttribute(n,"data-pc-section")?e(n):n:null},Ce=function(e){F(!0),I.onFocus&&I.onFocus(e)},Se=function(e){if(I.multiple)ee.current.value="";else{var t=h.trim(e.target.value),n=(I.suggestions||[]).find((function(e){var n=I.field?h.resolveFieldData(e,I.field):e;return n&&t===h.trim(n)}));n?se(e,n,!0):(ee.current.value="",de(e,null),I.onClear&&I.onClear(e))}},ke=function(e){F(!1),I.forceSelection&&Se(e),I.onBlur&&I.onBlur(e)},Ie=function(e){x.focus(ee.current),I.onClick&&I.onClick(e)},Ne=function(e){Ce(e),!Y()&&x.addClass(te.current,"p-focus"),te.current.setAttribute("data-p-focus",!0)},De=function(e){ke(e),!Y()&&x.removeClass(te.current,"p-focus"),te.current.setAttribute("data-p-focus",!1)},Pe=function(e){return!!I.value&&I.value.some((function(t){return h.equals(t,e)}))},Te=function(){return Q.current.firstChild},je=function(e){return h.resolveFieldData(e,I.optionGroupChildren)},Ae=function(){return!I.value||!I.selectionLimit||I.value.length<I.selectionLimit};e.useEffect((function(){h.combinedRefs(ee,I.inputRef)}),[ee,I.inputRef]),p((function(){D||P(w()),I.autoFocus&&x.focus(ee.current,I.autoFocus),ye()})),c((function(){A&&(h.isNotEmpty(I.suggestions)||I.showEmptyMessage?ge():ve(),M(!1))}),[I.suggestions]),c((function(){ee.current&&!I.multiple&&fe(I.value),K&&ye()})),s((function(){oe.current&&clearTimeout(oe.current),E.clear(Q.current)})),e.useImperativeHandle(C,(function(){return{props:I,search:ce,show:ge,hide:ve,focus:function(){return x.focus(ee.current)},getElement:function(){return $.current},getOverlay:function(){return Q.current},getInput:function(){return ee.current},getVirtualScroller:function(){return ne.current}}}));var Me,Le=function(t){var n=K?D+"_list":null,o=S({className:W("inputToken")},X("inputToken")),r=S(V({id:I.inputId,ref:ee,"aria-autocomplete":"list","aria-controls":n,"aria-expanded":K,"aria-haspopup":"listbox",autoComplete:"off",className:I.inputClassName,disabled:I.disabled,maxLength:I.maxLength,name:I.name,onBlur:De,onChange:t?pe:void 0,onFocus:Ne,onKeyDown:t?we:void 0,onKeyPress:I.onKeyPress,onKeyUp:I.onKeyUp,placeholder:t?I.placeholder:void 0,readOnly:I.readOnly||!t,required:I.required,role:"combobox",style:I.inputStyle,tabIndex:I.tabIndex,type:I.type},Ke),X("input"));return e.createElement("li",o,e.createElement("input",r))},Ge=function(){var t=Ae(),n=h.isNotEmpty(I.value)?I.value.map((function(t,n){var o=n+"multi-item",r=S({className:W("removeTokenIcon"),onClick:function(e){return he(e,n)}},X("removeTokenIcon")),l=!I.disabled&&O.getJSXIcon(I.removeTokenIcon||e.createElement(f,r),V({},r),{props:I}),i=S({className:W("token")},X("token")),a=S({className:W("tokenLabel")},X("tokenLabel"));return e.createElement("li",j({key:o},i),e.createElement("span",a,me(t)),l)})):(re.current=null,null),o=Le(t),r=S({ref:te,className:W("container"),onClick:t?Ie:void 0,onContextMenu:I.onContextMenu,onMouseDown:I.onMouseDown,onDoubleClick:I.onDblClick,"data-p-focus":G,"data-p-disabled":I.disabled},X("container"));return e.createElement("ul",r,n,o)},Fe=D+"_list",Re=h.isNotEmpty(I.tooltip),_e=q.getOtherProps(I),Ke=h.reduceKeys(_e,x.ARIA_PROPS),Ue=function(){if(A){var t=S({className:W("loadingIcon")},X("loadingIcon")),n=I.loadingIcon||e.createElement(m,j({},t,{spin:!0}));return O.getJSXIcon(n,V({},t),{props:I})}return null}(),He=I.multiple?Ge():(Me=me(I.value),e.createElement(g,j({ref:ee,id:I.inputId,type:I.type,name:I.name,defaultValue:Me,role:"combobox","aria-autocomplete":"list","aria-controls":K?D+"_list":null,"aria-haspopup":"listbox","aria-expanded":K,className:b(I.inputClassName,W("input")),style:I.inputStyle,autoComplete:"off",readOnly:I.readOnly,required:I.required,disabled:I.disabled,placeholder:I.placeholder,size:I.size,maxLength:I.maxLength,tabIndex:I.tabIndex,onBlur:ke,onFocus:Ce,onChange:pe,onMouseDown:I.onMouseDown,onKeyUp:I.onKeyUp,onKeyDown:we,onKeyPress:I.onKeyPress,onContextMenu:I.onContextMenu,onClick:I.onClick,onDoubleClick:I.onDblClick,pt:X("input")},Ke,{__parentMetadata:{parent:B}}))),qe=function(){if(I.dropdown){var t=I.dropdownAriaLabel||I.placeholder||o("choose");return e.createElement(r,{type:"button",icon:I.dropdownIcon||e.createElement(d,null),className:W("dropdownButton"),disabled:I.disabled,onClick:be,"aria-label":t,pt:X("dropdownButton"),__parentMetadata:{parent:B}})}return null}(),Be=S({id:D,ref:$,style:I.style,className:b(I.className,W("root",{focusedState:G}))},_e,X("root"));return e.createElement(e.Fragment,null,e.createElement("span",Be,He,Ue,qe,e.createElement(J,j({hostName:"AutoComplete",ref:Q,virtualScrollerRef:ne},I,{listId:Fe,onItemClick:se,selectedItem:re,onClick:function(e){v.emit("overlay-click",{originalEvent:e,target:$.current})},getOptionGroupLabel:function(e){return I.optionGroupLabel?h.resolveFieldData(e,I.optionGroupLabel):e},getOptionGroupChildren:je,in:K,onEnter:function(){E.set("overlay",Q.current,k&&k.autoZIndex||t.autoZIndex,k&&k.zIndex.overlay||t.zIndex.overlay),x.addStyles(Q.current,{position:"absolute",top:"0",left:"0"}),ye()},onEntering:function(){if(I.autoHighlight&&I.suggestions&&I.suggestions.length){var e=Te().firstChild.firstChild;e&&(!Y()&&x.addClass(e,"p-highlight"),e.setAttribute("data-p-highlight",!0))}},onEntered:function(){ie(),I.onShow&&I.onShow()},onExit:function(){ae()},onExited:function(){E.clear(Q.current),I.onHide&&I.onHide()},ptm:X,cx:W,sx:Z}))),Re&&e.createElement(y,j({target:$,content:I.tooltip,pt:X("tooltip")},I.tooltipOptions)))})));W.displayName="AutoComplete";export{W as AutoComplete};

package/autocomplete/autocomplete.js

@@ -160,6 +160,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
         'p-autocomplete-dd': props.dropdown,
         'p-autocomplete-multiple': props.multiple,
         'p-inputwrapper-filled': props.value,
+        'p-invalid': props.invalid,
         'p-inputwrapper-focus': focusedState
       });
     },
@@ -232,6 +233,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
       inputId: null,
       inputRef: null,
       inputStyle: null,
+      invalid: false,
       itemTemplate: null,
       loadingIcon: null,
       maxLength: null,
@@ -317,30 +319,55 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
       }
       return null;
     };
+    var findKeyIndex = function findKeyIndex(array, key, value) {
+      return array.findIndex(function (obj) {
+        return obj[key] === value;
+      });
+    };
+    var latestKey = React__namespace.useRef({
+      key: null,
+      index: 0,
+      keyIndex: 0
+    });
+    var createLabelItem = function createLabelItem(item, key, index, labelItemProps) {
+      var content = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, item, index) : props.getOptionGroupLabel(item) || item;
+      var itemGroupProps = mergeProps(_objectSpread$1({
+        index: index,
+        key: key ? key : null,
+        className: cx('itemGroup'),
+        'data-p-highlight': false
+      }, labelItemProps), _ptm('itemGroup'));
+      return /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, content);
+    };
+    var createListItem = function createListItem(item, key, index, listItemProps) {
+      var selected = utils.ObjectUtils.deepEquals(props.selectedItem, item);
+      var content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, item, index) : props.field ? utils.ObjectUtils.resolveFieldData(item, props.field) : item;
+      var itemProps = mergeProps(_objectSpread$1({
+        index: index,
+        role: 'option',
+        className: cx('item', {
+          optionGroupLabel: props.optionGroupLabel,
+          suggestion: item
+        }),
+        onClick: function onClick(e) {
+          return props.onItemClick(e, item);
+        },
+        'aria-selected': selected
+      }, listItemProps), getPTOptions(item, 'item'));
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({
+        key: key
+      }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    };
     var createGroupChildren = function createGroupChildren(optionGroup, i, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (item, j) {
         var key = i + '_' + j;
-        var selected = props.selectedItem === item;
-        var content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, item, j) : props.field ? utils.ObjectUtils.resolveFieldData(item, props.field) : item;
         var itemProps = mergeProps({
-          role: 'option',
-          className: cx('item', {
-            optionGroupLabel: props.optionGroupLabel,
-            suggestion: item
-          }),
-          style: style,
-          onClick: function onClick(e) {
-            return props.onItemClick(e, item);
-          },
-          'aria-selected': selected,
           'data-group': i,
           'data-index': j,
           'data-p-disabled': item.disabled
-        }, getPTOptions(item, 'item'));
-        return /*#__PURE__*/React__namespace.createElement("li", _extends({
-          key: key
-        }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        });
+        return createListItem(item, key, j, itemProps);
       });
     };
     var createItem = function createItem(suggestion, index) {
@@ -349,40 +376,55 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
       if (props.optionGroupLabel) {
-        var content = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, suggestion, index) : props.getOptionGroupLabel(suggestion);
-        var childrenContent = createGroupChildren(suggestion, index, style);
-        var key = index + '_' + getOptionGroupRenderKey(suggestion);
-        var itemGroupProps = mergeProps({
-          className: cx('itemGroup'),
-          style: style,
-          'data-p-highlight': false
-        }, _ptm('itemGroup'));
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
-          key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, content), childrenContent);
+        if (props.virtualScrollerOptions) {
+          var keyIndex = findKeyIndex(props.suggestions, props.optionGroupLabel, suggestion);
+          if (keyIndex !== -1) {
+            latestKey.current = {
+              key: suggestion,
+              index: index,
+              keyIndex: keyIndex
+            };
+            var key = index + '_' + getOptionGroupRenderKey(suggestion);
+            return createLabelItem(suggestion, key, index, {
+              style: style
+            });
+          } else {
+            var _key = index + '_' + latestKey.current.keyIndex;
+            var itemProps = mergeProps({
+              style: style,
+              'data-group': latestKey.current.keyIndex,
+              'data-index': index - latestKey.current.index - 1,
+              'data-p-disabled': suggestion.disabled
+            });
+            return createListItem(suggestion, _key, index, itemProps);
+          }
+        } else {
+          var childrenContent = createGroupChildren(suggestion, index);
+          var _key2 = index + '_' + getOptionGroupRenderKey(suggestion);
+          return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+            key: _key2
+          }, createLabelItem(suggestion, undefined, index, {
+            style: style
+          }), childrenContent);
+        }
       } else {
-        var _content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? utils.ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
-        var itemProps = mergeProps({
-          index: index,
-          role: 'option',
-          className: cx('item', {
-            suggestion: suggestion
-          }),
+        var _itemProps = mergeProps({
           style: style,
-          onClick: function onClick(e) {
-            return props.onItemClick(e, suggestion);
-          },
-          'aria-selected': props.selectedItem.current === suggestion,
           'data-p-disabled': suggestion.disabled
         }, getPTOptions(suggestion, 'item'));
-        return /*#__PURE__*/React__namespace.createElement("li", _extends({
-          key: index
-        }, itemProps), _content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        return createListItem(suggestion, index, _itemProps);
       }
     };
     var createItems = function createItems() {
       return props.suggestions ? props.suggestions.map(createItem) : null;
     };
+    var flattenGroupedItems = function flattenGroupedItems(items) {
+      try {
+        return items === null || items === void 0 ? void 0 : items.map(function (item) {
+          return [item === null || item === void 0 ? void 0 : item[props === null || props === void 0 ? void 0 : props.optionGroupLabel]].concat(_toConsumableArray(item === null || item === void 0 ? void 0 : item[props === null || props === void 0 ? void 0 : props.optionGroupChildren]));
+        }).flat();
+      } catch (e) {}
+    };
     var createContent = function createContent() {
       if (props.showEmptyMessage && utils.ObjectUtils.isEmpty(props.suggestions)) {
         var emptyMessage = props.emptyMessage || PrimeReact.localeOption('emptyMessage');
@@ -395,12 +437,13 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
         return /*#__PURE__*/React__namespace.createElement("ul", listProps, /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, emptyMessage));
       }
       if (props.virtualScrollerOptions) {
+        var items = props.suggestions ? props.optionGroupLabel ? flattenGroupedItems(props === null || props === void 0 ? void 0 : props.suggestions) : props.suggestions : null;
         var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
           style: _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           autoSize: true,
-          items: props.suggestions,
+          items: items,
           itemTemplate: function itemTemplate(item, options) {
             return item && createItem(item, options.index, options);
           },
@@ -427,7 +470,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
           }
         }));
       } else {
-        var items = createItems();
+        var _items = createItems();
         var _listProps = mergeProps({
           id: props.listId,
           className: cx('list'),
@@ -439,7 +482,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
             maxHeight: props.scrollHeight || 'auto'
           }
         }, _ptm('listWrapper'));
-        return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, /*#__PURE__*/React__namespace.createElement("ul", _listProps, items));
+        return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, /*#__PURE__*/React__namespace.createElement("ul", _listProps, _items));
       }
     };
     var createElement = function createElement() {
@@ -614,7 +657,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
     };
     var updateModel = function updateModel(event, value) {
       // #2176 only call change if value actually changed
-      if (selectedItem && utils.ObjectUtils.deepEquals(selectedItem.current, value)) {
+      if (selectedItem.current && utils.ObjectUtils.deepEquals(selectedItem.current, value)) {
         return;
       }
       if (props.onChange) {
@@ -1009,6 +1052,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, co
           }, tokenProps), /*#__PURE__*/React__namespace.createElement("span", tokenLabelProps, formatValue(val)), removeTokenIcon);
         });
       }
+      selectedItem.current = null;
       return null;
     };
     var createMultiInput = function createMultiInput(allowMoreValues) {