primereact 6.6.0 → 7.0.1

package/autocomplete/autocomplete.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.autocomplete = (function (exports, React, inputtext, button, core, virtualscroller, PrimeReact) {
+this.primereact.autocomplete = (function (exports, React, inputtext, button, utils, ripple, csstransition, portal, virtualscroller, tooltip, overlayservice, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -133,6 +133,8 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
   function _possibleConstructorReturn(self, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
 
     return _assertThisInitialized(self);
@@ -182,7 +184,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     _createClass(AutoCompletePanelComponent, [{
       key: "getOptionGroupRenderKey",
       value: function getOptionGroupRenderKey(optionGroup) {
-        return core.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);
+        return utils.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel);
       }
     }, {
       key: "renderGroupChildren",
@@ -191,8 +193,8 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         var groupChildren = this.props.getOptionGroupChildren(optionGroup);
         return groupChildren.map(function (item, j) {
-          var itemContent = _this.props.itemTemplate ? core.ObjectUtils.getJSXElement(_this.props.itemTemplate, item, j) : _this.props.field ? core.ObjectUtils.resolveFieldData(item, _this.props.field) : item;
-          return /*#__PURE__*/React__default['default'].createElement("li", {
+          var itemContent = _this.props.itemTemplate ? utils.ObjectUtils.getJSXElement(_this.props.itemTemplate, item, j) : _this.props.field ? utils.ObjectUtils.resolveFieldData(item, _this.props.field) : item;
+          return /*#__PURE__*/React__default["default"].createElement("li", {
             key: j + '_item',
             role: "option",
             "aria-selected": _this.props.ariaSelected === item,
@@ -202,7 +204,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
             },
             "data-group": i,
             "data-index": j
-          }, itemContent, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }, itemContent, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         });
       }
     }, {
@@ -211,17 +213,17 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
         var _this2 = this;
 
         if (this.props.optionGroupLabel) {
-          var groupContent = this.props.optionGroupTemplate ? core.ObjectUtils.getJSXElement(this.props.optionGroupTemplate, suggestion, index) : this.props.getOptionGroupLabel(suggestion);
+          var groupContent = this.props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(this.props.optionGroupTemplate, suggestion, index) : this.props.getOptionGroupLabel(suggestion);
           var groupChildrenContent = this.renderGroupChildren(suggestion, index);
           var key = index + '_' + this.getOptionGroupRenderKey(suggestion);
-          return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, {
+          return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
             key: key
-          }, /*#__PURE__*/React__default['default'].createElement("li", {
+          }, /*#__PURE__*/React__default["default"].createElement("li", {
             className: "p-autocomplete-item-group"
           }, groupContent), groupChildrenContent);
         } else {
-          var itemContent = this.props.itemTemplate ? core.ObjectUtils.getJSXElement(this.props.itemTemplate, suggestion, index) : this.props.field ? core.ObjectUtils.resolveFieldData(suggestion, this.props.field) : suggestion;
-          return /*#__PURE__*/React__default['default'].createElement("li", {
+          var itemContent = this.props.itemTemplate ? utils.ObjectUtils.getJSXElement(this.props.itemTemplate, suggestion, index) : this.props.field ? utils.ObjectUtils.resolveFieldData(suggestion, this.props.field) : suggestion;
+          return /*#__PURE__*/React__default["default"].createElement("li", {
             key: index + '_item',
             role: "option",
             "aria-selected": this.props.ariaSelected === suggestion,
@@ -229,7 +231,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
             onClick: function onClick(e) {
               return _this2.props.onItemClick(e, suggestion);
             }
-          }, itemContent, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }, itemContent, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         }
       }
     }, {
@@ -260,9 +262,9 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
               return item && _this4.renderItem(item, options.index);
             },
             contentTemplate: function contentTemplate(options) {
-              var className = core.classNames('p-autocomplete-items', options.className);
-              return /*#__PURE__*/React__default['default'].createElement("ul", {
-                ref: options.ref,
+              var className = utils.classNames('p-autocomplete-items', options.className);
+              return /*#__PURE__*/React__default["default"].createElement("ul", {
+                ref: options.contentRef,
                 className: className,
                 role: "listbox",
                 id: _this4.props.listId
@@ -270,12 +272,12 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
             }
           });
 
-          return /*#__PURE__*/React__default['default'].createElement(virtualscroller.VirtualScroller, _extends({
+          return /*#__PURE__*/React__default["default"].createElement(virtualscroller.VirtualScroller, _extends({
             ref: this.props.virtualScrollerRef
           }, virtualScrollerProps));
         } else {
           var items = this.renderItems();
-          return /*#__PURE__*/React__default['default'].createElement("ul", {
+          return /*#__PURE__*/React__default["default"].createElement("ul", {
             className: "p-autocomplete-items",
             role: "listbox",
             id: this.props.listId
@@ -285,14 +287,14 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     }, {
       key: "renderElement",
       value: function renderElement() {
-        var panelClassName = core.classNames('p-autocomplete-panel p-component', this.props.panelClassName);
+        var panelClassName = utils.classNames('p-autocomplete-panel p-component', this.props.panelClassName);
 
         var panelStyle = _objectSpread$1({
           maxHeight: this.props.scrollHeight
         }, this.props.panelStyle);
 
         var content = this.renderContent();
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
           in: this.props.in,
@@ -307,7 +309,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           onEntered: this.props.onEntered,
           onExit: this.props.onExit,
           onExited: this.props.onExited
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.props.forwardRef,
           className: panelClassName,
           style: panelStyle,
@@ -318,7 +320,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       key: "render",
       value: function render() {
         var element = this.renderElement();
-        return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+        return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: element,
           appendTo: this.props.appendTo
         });
@@ -328,8 +330,8 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     return AutoCompletePanelComponent;
   }(React.Component);
 
-  var AutoCompletePanel = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-    return /*#__PURE__*/React__default['default'].createElement(AutoCompletePanelComponent, _extends({
+  var AutoCompletePanel = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(AutoCompletePanelComponent, _extends({
       forwardRef: ref
     }, props));
   });
@@ -493,10 +495,10 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       value: function formatValue(value) {
         if (value) {
           if (this.props.selectedItemTemplate && (this.props.multiple ? this.isSelected(value) : this.findOptionIndex(value) > -1)) {
-            var resolvedFieldData = core.ObjectUtils.getJSXElement(this.props.selectedItemTemplate, value);
+            var resolvedFieldData = utils.ObjectUtils.getJSXElement(this.props.selectedItemTemplate, value);
             return resolvedFieldData ? resolvedFieldData : value;
           } else if (this.props.field) {
-            var _resolvedFieldData = core.ObjectUtils.resolveFieldData(value, this.props.field);
+            var _resolvedFieldData = utils.ObjectUtils.resolveFieldData(value, this.props.field);
 
             return _resolvedFieldData !== null && _resolvedFieldData !== undefined ? _resolvedFieldData : value;
           } else return value;
@@ -526,14 +528,14 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     }, {
       key: "onOverlayEnter",
       value: function onOverlayEnter() {
-        core.ZIndexUtils.set('overlay', this.overlayRef.current);
+        utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
         this.alignOverlay();
       }
     }, {
       key: "onOverlayEntering",
       value: function onOverlayEntering() {
         if (this.props.autoHighlight && this.props.suggestions && this.props.suggestions.length) {
-          core.DomHandler.addClass(this.overlayRef.current.firstChild.firstChild, 'p-highlight');
+          utils.DomHandler.addClass(this.overlayRef.current.firstChild.firstChild, 'p-highlight');
         }
       }
     }, {
@@ -554,19 +556,19 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     }, {
       key: "onOverlayExited",
       value: function onOverlayExited() {
-        core.ZIndexUtils.clear(this.overlayRef.current);
+        utils.ZIndexUtils.clear(this.overlayRef.current);
         this.props.onHide && this.props.onHide();
       }
     }, {
       key: "alignOverlay",
       value: function alignOverlay() {
         var target = this.props.multiple ? this.multiContainer : this.inputRef.current;
-        core.DomHandler.alignOverlay(this.overlayRef.current, target, this.props.appendTo || PrimeReact__default['default'].appendTo);
+        utils.DomHandler.alignOverlay(this.overlayRef.current, target, this.props.appendTo || PrimeReact__default["default"].appendTo);
       }
     }, {
       key: "onPanelClick",
       value: function onPanelClick(event) {
-        core.OverlayService.emit('overlay-click', {
+        overlayservice.OverlayService.emit('overlay-click', {
           originalEvent: event,
           target: this.container
         });
@@ -604,7 +606,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       key: "onInputKeyDown",
       value: function onInputKeyDown(event) {
         if (this.state.overlayVisible) {
-          var highlightItem = core.DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');
+          var highlightItem = utils.DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');
 
           switch (event.which) {
             //down
@@ -613,19 +615,19 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
                 var nextElement = this.findNextItem(highlightItem);
 
                 if (nextElement) {
-                  core.DomHandler.addClass(nextElement, 'p-highlight');
-                  core.DomHandler.removeClass(highlightItem, 'p-highlight');
-                  core.DomHandler.scrollInView(this.overlayRef.current, nextElement);
+                  utils.DomHandler.addClass(nextElement, 'p-highlight');
+                  utils.DomHandler.removeClass(highlightItem, 'p-highlight');
+                  utils.DomHandler.scrollInView(this.overlayRef.current, nextElement);
                 }
               } else {
-                highlightItem = core.DomHandler.findSingle(this.overlayRef.current, 'li');
+                highlightItem = utils.DomHandler.findSingle(this.overlayRef.current, 'li');
 
-                if (core.DomHandler.hasClass(highlightItem, 'p-autocomplete-item-group')) {
+                if (utils.DomHandler.hasClass(highlightItem, 'p-autocomplete-item-group')) {
                   highlightItem = this.findNextItem(highlightItem);
                 }
 
                 if (highlightItem) {
-                  core.DomHandler.addClass(highlightItem, 'p-highlight');
+                  utils.DomHandler.addClass(highlightItem, 'p-highlight');
                 }
               }
 
@@ -638,9 +640,9 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
                 var previousElement = this.findPrevItem(highlightItem);
 
                 if (previousElement) {
-                  core.DomHandler.addClass(previousElement, 'p-highlight');
-                  core.DomHandler.removeClass(highlightItem, 'p-highlight');
-                  core.DomHandler.scrollInView(this.overlayRef.current, previousElement);
+                  utils.DomHandler.addClass(previousElement, 'p-highlight');
+                  utils.DomHandler.removeClass(highlightItem, 'p-highlight');
+                  utils.DomHandler.scrollInView(this.overlayRef.current, previousElement);
                 }
               }
 
@@ -702,20 +704,20 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           var optionGroup = this.props.suggestions[item.dataset.group];
           this.selectItem(event, this.getOptionGroupChildren(optionGroup)[item.dataset.index]);
         } else {
-          this.selectItem(event, this.props.suggestions[core.DomHandler.index(item)]);
+          this.selectItem(event, this.props.suggestions[utils.DomHandler.index(item)]);
         }
       }
     }, {
       key: "findNextItem",
       value: function findNextItem(item) {
         var nextItem = item.nextElementSibling;
-        return nextItem ? core.DomHandler.hasClass(nextItem, 'p-autocomplete-item-group') ? this.findNextItem(nextItem) : nextItem : null;
+        return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-autocomplete-item-group') ? this.findNextItem(nextItem) : nextItem : null;
       }
     }, {
       key: "findPrevItem",
       value: function findPrevItem(item) {
         var prevItem = item.previousElementSibling;
-        return prevItem ? core.DomHandler.hasClass(prevItem, 'p-autocomplete-item-group') ? this.findPrevItem(prevItem) : prevItem : null;
+        return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-autocomplete-item-group') ? this.findPrevItem(prevItem) : prevItem : null;
       }
     }, {
       key: "onInputFocus",
@@ -744,7 +746,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var item = _step.value;
-              var itemValue = this.props.field ? core.ObjectUtils.resolveFieldData(item, this.props.field) : item;
+              var itemValue = this.props.field ? utils.ObjectUtils.resolveFieldData(item, this.props.field) : item;
 
               if (itemValue && inputValue === itemValue.trim()) {
                 valid = true;
@@ -799,13 +801,13 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       key: "onMultiInputFocus",
       value: function onMultiInputFocus(event) {
         this.onInputFocus(event);
-        core.DomHandler.addClass(this.multiContainer, 'p-focus');
+        utils.DomHandler.addClass(this.multiContainer, 'p-focus');
       }
     }, {
       key: "onMultiInputBlur",
       value: function onMultiInputBlur(event) {
         this.onInputBlur(event);
-        core.DomHandler.removeClass(this.multiContainer, 'p-focus');
+        utils.DomHandler.removeClass(this.multiContainer, 'p-focus');
       }
     }, {
       key: "isSelected",
@@ -814,7 +816,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         if (this.props.value && this.props.value.length) {
           for (var i = 0; i < this.props.value.length; i++) {
-            if (core.ObjectUtils.equals(this.props.value[i], val)) {
+            if (utils.ObjectUtils.equals(this.props.value[i], val)) {
               selected = true;
               break;
             }
@@ -830,7 +832,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         if (this.props.suggestions) {
           for (var i = 0; i < this.props.suggestions.length; i++) {
-            if (core.ObjectUtils.equals(option, this.props.suggestions[i])) {
+            if (utils.ObjectUtils.equals(option, this.props.suggestions[i])) {
               index = i;
               break;
             }
@@ -842,12 +844,12 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     }, {
       key: "getOptionGroupLabel",
       value: function getOptionGroupLabel(optionGroup) {
-        return this.props.optionGroupLabel ? core.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel) : optionGroup;
+        return this.props.optionGroupLabel ? utils.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupLabel) : optionGroup;
       }
     }, {
       key: "getOptionGroupChildren",
       value: function getOptionGroupChildren(optionGroup) {
-        return core.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupChildren);
+        return utils.ObjectUtils.resolveFieldData(optionGroup, this.props.optionGroupChildren);
       }
     }, {
       key: "bindDocumentClickListener",
@@ -883,7 +885,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
         var _this6 = this;
 
         if (!this.scrollHandler) {
-          this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.container, function () {
+          this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.container, function () {
             if (_this6.state.overlayVisible) {
               _this6.hideOverlay();
             }
@@ -906,7 +908,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this7.state.overlayVisible && !core.DomHandler.isAndroid()) {
+            if (_this7.state.overlayVisible && !utils.DomHandler.isAndroid()) {
               _this7.hideOverlay();
             }
           };
@@ -952,7 +954,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
 
@@ -1009,12 +1011,12 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           clearTimeout(this.timeout);
         }
 
-        core.ZIndexUtils.clear(this.overlayRef.current);
+        utils.ZIndexUtils.clear(this.overlayRef.current);
       }
     }, {
       key: "renderTooltip",
       value: function renderTooltip() {
-        this.tooltip = core.tip({
+        this.tooltip = tooltip.tip({
           target: this.container,
           content: this.props.tooltip,
           options: this.props.tooltipOptions
@@ -1023,10 +1025,10 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     }, {
       key: "renderSimpleAutoComplete",
       value: function renderSimpleAutoComplete() {
-        var inputClassName = core.classNames('p-autocomplete-input', this.props.inputClassName, {
+        var inputClassName = utils.classNames('p-autocomplete-input', this.props.inputClassName, {
           'p-autocomplete-dd-input': this.props.dropdown
         });
-        return /*#__PURE__*/React__default['default'].createElement(inputtext.InputText, {
+        return /*#__PURE__*/React__default["default"].createElement(inputtext.InputText, {
           ref: this.inputRef,
           id: this.props.inputId,
           type: this.props.type,
@@ -1064,16 +1066,18 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         if (this.props.value && this.props.value.length) {
           return this.props.value.map(function (val, index) {
-            return /*#__PURE__*/React__default['default'].createElement("li", {
+            return /*#__PURE__*/React__default["default"].createElement("li", {
               key: index + 'multi-item',
               className: "p-autocomplete-token p-highlight"
-            }, /*#__PURE__*/React__default['default'].createElement("span", {
+            }, /*#__PURE__*/React__default["default"].createElement("span", {
               className: "p-autocomplete-token-label"
-            }, _this8.formatValue(val)), !_this8.props.disabled && /*#__PURE__*/React__default['default'].createElement("span", {
-              className: "p-autocomplete-token-icon pi pi-times-circle",
+            }, _this8.formatValue(val)), !_this8.props.disabled && utils.IconUtils.getJSXIcon(_this8.props.removeIcon, {
+              className: 'p-autocomplete-token-icon',
               onClick: function onClick(e) {
                 return _this8.removeItem(e, index);
               }
+            }, {
+              props: _this8.props
             }));
           });
         }
@@ -1083,9 +1087,9 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     }, {
       key: "renderMultiInput",
       value: function renderMultiInput() {
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           className: "p-autocomplete-input-token"
-        }, /*#__PURE__*/React__default['default'].createElement("input", {
+        }, /*#__PURE__*/React__default["default"].createElement("input", {
           ref: this.inputRef,
           type: this.props.type,
           disabled: this.props.disabled,
@@ -1114,12 +1118,12 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       value: function renderMultipleAutoComplete() {
         var _this9 = this;
 
-        var multiContainerClass = core.classNames('p-autocomplete-multiple-container p-component p-inputtext', {
+        var multiContainerClass = utils.classNames('p-autocomplete-multiple-container p-component p-inputtext', {
           'p-disabled': this.props.disabled
         });
         var tokens = this.renderChips();
         var input = this.renderMultiInput();
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             _this9.multiContainer = el;
           },
@@ -1135,7 +1139,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       value: function renderDropdown() {
         var _this10 = this;
 
-        return /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        return /*#__PURE__*/React__default["default"].createElement(button.Button, {
           ref: function ref(el) {
             return _this10.dropdownButton = el;
           },
@@ -1150,7 +1154,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
       key: "renderLoader",
       value: function renderLoader() {
         if (this.state.searching) {
-          return /*#__PURE__*/React__default['default'].createElement("i", {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
             className: "p-autocomplete-loader pi pi-spinner pi-spin"
           });
         }
@@ -1163,7 +1167,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
         var _this11 = this;
 
         var input, dropdown;
-        var className = core.classNames('p-autocomplete p-component p-inputwrapper', this.props.className, {
+        var className = utils.classNames('p-autocomplete p-component p-inputwrapper', this.props.className, {
           'p-autocomplete-dd': this.props.dropdown,
           'p-autocomplete-multiple': this.props.multiple,
           'p-inputwrapper-filled': this.props.value,
@@ -1176,7 +1180,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           dropdown = this.renderDropdown();
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("span", {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
           ref: function ref(el) {
             return _this11.container = el;
           },
@@ -1186,7 +1190,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           "aria-haspopup": "listbox",
           "aria-expanded": this.state.overlayVisible,
           "aria-owns": this.state.id + '_list'
-        }, input, loader, dropdown, /*#__PURE__*/React__default['default'].createElement(AutoCompletePanel, _extends({
+        }, input, loader, dropdown, /*#__PURE__*/React__default["default"].createElement(AutoCompletePanel, _extends({
           ref: this.overlayRef,
           virtualScrollerRef: this.virtualScrollerRef
         }, this.props, {
@@ -1252,6 +1256,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     selectedItemTemplate: null,
     transitionOptions: null,
     dropdownIcon: 'pi pi-chevron-down',
+    removeIcon: 'pi pi-times-circle',
     onChange: null,
     onFocus: null,
     onBlur: null,
@@ -1275,4 +1280,4 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
   return exports;
 
-}({}, React, primereact.inputtext, primereact.button, primereact.core, primereact.virtualscroller, primereact.api));
+})({}, React, primereact.inputtext, primereact.button, primereact.utils, primereact.ripple, primereact.csstransition, primereact.portal, primereact.virtualscroller, primereact.tooltip, primereact.overlayservice, primereact.api);

package/autocomplete/autocomplete.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.autocomplete=function(e,t,n,i,r,o,l){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=s(t),a=s(l);function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function h(e){if(Array.isArray(e))return c(e)}function d(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 c(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)?c(e,t):void 0}}function m(){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 v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function y(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function b(e,t,n){return t&&y(e.prototype,t),n&&y(e,n),e}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e,t){return(O=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}function C(e){return(C="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})(e)}function I(e,t){return!t||"object"!==C(t)&&"function"!=typeof t?g(e):t}function w(e){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(e){k(l,e);var t,n,i=(t=l,n=D(),function(){var e,i=w(t);if(n){var r=w(this).constructor;e=Reflect.construct(i,arguments,r)}else e=i.apply(this,arguments);return I(this,e)});function l(){return v(this,l),i.apply(this,arguments)}return b(l,[{key:"getOptionGroupRenderKey",value:function(e){return r.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"renderGroupChildren",value:function(e,t){var n=this;return this.props.getOptionGroupChildren(e).map((function(e,i){var o=n.props.itemTemplate?r.ObjectUtils.getJSXElement(n.props.itemTemplate,e,i):n.props.field?r.ObjectUtils.resolveFieldData(e,n.props.field):e;return p.default.createElement("li",{key:i+"_item",role:"option","aria-selected":n.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)},"data-group":t,"data-index":i},o,p.default.createElement(r.Ripple,null))}))}},{key:"renderItem",value:function(e,t){var n=this;if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?r.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),o=this.renderGroupChildren(e,t),l=t+"_"+this.getOptionGroupRenderKey(e);return p.default.createElement(p.default.Fragment,{key:l},p.default.createElement("li",{className:"p-autocomplete-item-group"},i),o)}var s=this.props.itemTemplate?r.ObjectUtils.getJSXElement(this.props.itemTemplate,e,t):this.props.field?r.ObjectUtils.resolveFieldData(e,this.props.field):e;return p.default.createElement("li",{key:t+"_item",role:"option","aria-selected":this.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)}},s,p.default.createElement(r.Ripple,null))}},{key:"renderItems",value:function(){var e=this;return this.props.suggestions?this.props.suggestions.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=R(R({},this.props.virtualScrollerOptions),{style:R(R({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),items:this.props.suggestions,itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var n=r.classNames("p-autocomplete-items",t.className);return p.default.createElement("ul",{ref:t.ref,className:n,role:"listbox",id:e.props.listId},t.children)}});return p.default.createElement(o.VirtualScroller,u({ref:this.props.virtualScrollerRef},t))}var n=this.renderItems();return p.default.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:this.props.listId},n)}},{key:"renderElement",value:function(){var e=r.classNames("p-autocomplete-panel p-component",this.props.panelClassName),t=R({maxHeight:this.props.scrollHeight},this.props.panelStyle),n=this.renderContent();return p.default.createElement(r.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},p.default.createElement("div",{ref:this.props.forwardRef,className:e,style:t,onClick:this.props.onClick},n))}},{key:"render",value:function(){var e=this.renderElement();return p.default.createElement(r.Portal,{element:e,appendTo:this.props.appendTo})}}]),l}(t.Component),j=p.default.forwardRef((function(e,t){return p.default.createElement(x,u({forwardRef:t},e))}));function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=H(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function H(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function U(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(e){k(c,e);var o,l,s=(o=c,l=U(),function(){var e,t=w(o);if(l){var n=w(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function c(e){var n;return v(this,c),(n=s.call(this,e)).state={id:n.props.id,searching:!1,focused:!1,overlayVisible:!1},n.onInputChange=n.onInputChange.bind(g(n)),n.onInputFocus=n.onInputFocus.bind(g(n)),n.onInputBlur=n.onInputBlur.bind(g(n)),n.onInputKeyDown=n.onInputKeyDown.bind(g(n)),n.onDropdownClick=n.onDropdownClick.bind(g(n)),n.onMultiContainerClick=n.onMultiContainerClick.bind(g(n)),n.onMultiInputFocus=n.onMultiInputFocus.bind(g(n)),n.onMultiInputBlur=n.onMultiInputBlur.bind(g(n)),n.selectItem=n.selectItem.bind(g(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(g(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(g(n)),n.onOverlayEnter=n.onOverlayEnter.bind(g(n)),n.onOverlayEntering=n.onOverlayEntering.bind(g(n)),n.onOverlayEntered=n.onOverlayEntered.bind(g(n)),n.onOverlayExit=n.onOverlayExit.bind(g(n)),n.onOverlayExited=n.onOverlayExited.bind(g(n)),n.onPanelClick=n.onPanelClick.bind(g(n)),n.overlayRef=t.createRef(),n.virtualScrollerRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return b(c,[{key:"onInputChange",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target.value;this.props.multiple||this.updateModel(e,n),0===n.length?(this.hideOverlay(),this.props.onClear&&this.props.onClear(e)):n.length>=this.props.minLength?this.timeout=setTimeout((function(){t.search(e,n,"input")}),this.props.delay):this.hideOverlay()}},{key:"search",value:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||this.props.completeMethod&&(this.setState({searching:!0}),this.props.completeMethod({originalEvent:e,query:t})))}},{key:"selectItem",value:function(e,t,n){if(this.props.multiple){if(this.inputRef.current.value="",!this.isSelected(t)){var i=this.props.value?[].concat(h(r=this.props.value)||d(r)||f(r)||m(),[t]):[t];this.updateModel(e,i)}}else this.updateInputField(t),this.updateModel(e,t);var r;this.props.onSelect&&this.props.onSelect({originalEvent:e,value:t}),n||(this.inputRef.current.focus(),this.hideOverlay())}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.state.id,value:t}}),this.ariaSelected=t}},{key:"formatValue",value:function(e){if(e){if(this.props.selectedItemTemplate&&(this.props.multiple?this.isSelected(e):this.findOptionIndex(e)>-1)){var t=r.ObjectUtils.getJSXElement(this.props.selectedItemTemplate,e);return t||e}if(this.props.field){var n=r.ObjectUtils.resolveFieldData(e,this.props.field);return null!=n?n:e}return e}return""}},{key:"updateInputField",value:function(e){var t=this.formatValue(e);this.inputRef.current.value=t}},{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1})}},{key:"onOverlayEnter",value:function(){r.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&r.DomHandler.addClass(this.overlayRef.current.firstChild.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){r.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){r.DomHandler.alignOverlay(this.overlayRef.current,this.props.multiple?this.multiContainer:this.inputRef.current,this.props.appendTo||a.default.appendTo)}},{key:"onPanelClick",value:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownClick",value:function(e){this.inputRef.current.focus(),"blank"===this.props.dropdownMode?this.search(e,"","dropdown"):"current"===this.props.dropdownMode&&this.search(e,this.inputRef.current.value,"dropdown"),this.props.onDropdownClick&&this.props.onDropdownClick({originalEvent:e,query:this.inputRef.current.value})}},{key:"removeItem",value:function(e,t){var n=this.props.value[t],i=this.props.value.filter((function(e,n){return t!==n}));this.updateModel(e,i),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:n})}},{key:"onInputKeyDown",value:function(e){if(this.state.overlayVisible){var t=r.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=this.findNextItem(t);n&&(r.DomHandler.addClass(n,"p-highlight"),r.DomHandler.removeClass(t,"p-highlight"),r.DomHandler.scrollInView(this.overlayRef.current,n))}else t=r.DomHandler.findSingle(this.overlayRef.current,"li"),r.DomHandler.hasClass(t,"p-autocomplete-item-group")&&(t=this.findNextItem(t)),t&&r.DomHandler.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var i=this.findPrevItem(t);i&&(r.DomHandler.addClass(i,"p-highlight"),r.DomHandler.removeClass(t,"p-highlight"),r.DomHandler.scrollInView(this.overlayRef.current,i))}e.preventDefault();break;case 13:t&&(this.selectHighlightItem(e,t),this.hideOverlay()),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault();break;case 9:t&&this.selectHighlightItem(e,t),this.hideOverlay()}}if(this.props.multiple)switch(e.which){case 8:if(this.props.value&&this.props.value.length&&!this.inputRef.current.value){var o=this.props.value[this.props.value.length-1],l=this.props.value.slice(0,-1);this.updateModel(e,l),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:o})}}}},{key:"selectHighlightItem",value:function(e,t){this.props.optionGroupLabel?this.selectItem(e,this.getOptionGroupChildren(this.props.suggestions[t.dataset.group])[t.dataset.index]):this.selectItem(e,this.props.suggestions[r.DomHandler.index(t)])}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?r.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?r.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findPrevItem(t):t:null}},{key:"onInputFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"forceItemSelection",value:function(e){var t=!1,n=e.target.value.trim();if(this.props.suggestions){var i,o=P(this.props.suggestions);try{for(o.s();!(i=o.n()).done;){var l=i.value,s=this.props.field?r.ObjectUtils.resolveFieldData(l,this.props.field):l;if(s&&n===s.trim()){t=!0,this.selectItem(e,l,!0);break}}}catch(e){o.e(e)}finally{o.f()}}t||(this.inputRef.current.value="",this.updateModel(e,null),this.props.onClear&&this.props.onClear(e))}},{key:"onInputBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.forceSelection&&t.forceItemSelection(e),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onMultiContainerClick",value:function(e){this.inputRef.current.focus(),this.props.onClick&&this.props.onClick(e)}},{key:"onMultiInputFocus",value:function(e){this.onInputFocus(e),r.DomHandler.addClass(this.multiContainer,"p-focus")}},{key:"onMultiInputBlur",value:function(e){this.onInputBlur(e),r.DomHandler.removeClass(this.multiContainer,"p-focus")}},{key:"isSelected",value:function(e){var t=!1;if(this.props.value&&this.props.value.length)for(var n=0;n<this.props.value.length;n++)if(r.ObjectUtils.equals(this.props.value[n],e)){t=!0;break}return t}},{key:"findOptionIndex",value:function(e){var t=-1;if(this.props.suggestions)for(var n=0;n<this.props.suggestions.length;n++)if(r.ObjectUtils.equals(e,this.props.suggestions[n])){t=n;break}return t}},{key:"getOptionGroupLabel",value:function(e){return this.props.optionGroupLabel?r.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel):e}},{key:"getOptionGroupChildren",value:function(e){return r.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!r.DomHandler.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)&&!this.isInputClicked(e)}},{key:"isInputClicked",value:function(e){return this.props.multiple?e.target===this.multiContainer||this.multiContainer.contains(e.target):e.target===this.inputRef.current}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.state.id||this.setState({id:r.UniqueComponentId()}),this.props.autoFocus&&this.inputRef&&this.inputRef.current&&this.inputRef.current.focus(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.setState({searching:!1})),this.inputRef&&this.inputRef.current&&!this.props.multiple&&this.updateInputField(this.props.value),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(M({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),this.timeout&&clearTimeout(this.timeout),r.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=r.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderSimpleAutoComplete",value:function(){var e=r.classNames("p-autocomplete-input",this.props.inputClassName,{"p-autocomplete-dd-input":this.props.dropdown});return p.default.createElement(n.InputText,{ref:this.inputRef,id:this.props.inputId,type:this.props.type,name:this.props.name,defaultValue:this.formatValue(this.props.value),role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,className:e,style:this.props.inputStyle,autoComplete:"off",readOnly:this.props.readOnly,disabled:this.props.disabled,placeholder:this.props.placeholder,size:this.props.size,maxLength:this.props.maxlength,tabIndex:this.props.tabIndex,onBlur:this.onInputBlur,onFocus:this.onInputFocus,onChange:this.onInputChange,onMouseDown:this.props.onMouseDown,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onContextMenu:this.props.onContextMenu,onClick:this.props.onClick,onDoubleClick:this.props.onDblClick})}},{key:"renderChips",value:function(){var e=this;return this.props.value&&this.props.value.length?this.props.value.map((function(t,n){return p.default.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},p.default.createElement("span",{className:"p-autocomplete-token-label"},e.formatValue(t)),!e.props.disabled&&p.default.createElement("span",{className:"p-autocomplete-token-icon pi pi-times-circle",onClick:function(t){return e.removeItem(t,n)}}))})):null}},{key:"renderMultiInput",value:function(){return p.default.createElement("li",{className:"p-autocomplete-input-token"},p.default.createElement("input",{ref:this.inputRef,type:this.props.type,disabled:this.props.disabled,placeholder:this.props.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,autoComplete:"off",tabIndex:this.props.tabIndex,onChange:this.onInputChange,id:this.props.inputId,name:this.props.name,style:this.props.inputStyle,className:this.props.inputClassName,maxLength:this.props.maxlength,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onFocus:this.onMultiInputFocus,onBlur:this.onMultiInputBlur}))}},{key:"renderMultipleAutoComplete",value:function(){var e=this,t=r.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":this.props.disabled}),n=this.renderChips(),i=this.renderMultiInput();return p.default.createElement("ul",{ref:function(t){e.multiContainer=t},className:t,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown,onClick:this.onMultiContainerClick,onDoubleClick:this.props.onDblClick},n,i)}},{key:"renderDropdown",value:function(){var e=this;return p.default.createElement(i.Button,{ref:function(t){return e.dropdownButton=t},type:"button",icon:this.props.dropdownIcon,className:"p-autocomplete-dropdown",disabled:this.props.disabled,onClick:this.onDropdownClick})}},{key:"renderLoader",value:function(){return this.state.searching?p.default.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null}},{key:"render",value:function(){var e,t,n=this,i=r.classNames("p-autocomplete p-component p-inputwrapper",this.props.className,{"p-autocomplete-dd":this.props.dropdown,"p-autocomplete-multiple":this.props.multiple,"p-inputwrapper-filled":this.props.value,"p-inputwrapper-focus":this.state.focused}),o=this.renderLoader();return e=this.props.multiple?this.renderMultipleAutoComplete():this.renderSimpleAutoComplete(),this.props.dropdown&&(t=this.renderDropdown()),p.default.createElement("span",{ref:function(e){return n.container=e},id:this.state.id,style:this.props.style,className:i,"aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible,"aria-owns":this.state.id+"_list"},e,o,t,p.default.createElement(j,u({ref:this.overlayRef,virtualScrollerRef:this.virtualScrollerRef},this.props,{listId:this.state.id+"_list",onItemClick:this.selectItem,ariaSelected:this.ariaSelected,onClick:this.onPanelClick,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupChildren:this.getOptionGroupChildren,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),c}(t.Component);return E(T,"defaultProps",{id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxlength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null}),e.AutoComplete=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.inputtext,primereact.button,primereact.core,primereact.virtualscroller,primereact.api);
+this.primereact=this.primereact||{},this.primereact.autocomplete=function(e,t,n,i,r,o,l,s,p,a,u,c){"use strict";function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=h(t),f=h(c);function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},m.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function y(e){if(Array.isArray(e))return v(e)}function b(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 v(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)?v(e,t):void 0}}function O(){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 k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function C(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function I(e,t,n){return t&&C(e.prototype,t),n&&C(e,n),e}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function E(e,t){return E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},E(e,t)}function S(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&E(e,t)}function R(e){return R="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},R(e)}function D(e,t){if(t&&("object"===R(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}function x(e){return x=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},x(e)}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function M(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){j(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 P(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var H=function(e){S(a,e);var t,n,i=(t=a,n=P(),function(){var e,i=x(t);if(n){var r=x(this).constructor;e=Reflect.construct(i,arguments,r)}else e=i.apply(this,arguments);return D(this,e)});function a(){return k(this,a),i.apply(this,arguments)}return I(a,[{key:"getOptionGroupRenderKey",value:function(e){return r.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"renderGroupChildren",value:function(e,t){var n=this;return this.props.getOptionGroupChildren(e).map((function(e,i){var l=n.props.itemTemplate?r.ObjectUtils.getJSXElement(n.props.itemTemplate,e,i):n.props.field?r.ObjectUtils.resolveFieldData(e,n.props.field):e;return d.default.createElement("li",{key:i+"_item",role:"option","aria-selected":n.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)},"data-group":t,"data-index":i},l,d.default.createElement(o.Ripple,null))}))}},{key:"renderItem",value:function(e,t){var n=this;if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?r.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),l=this.renderGroupChildren(e,t),s=t+"_"+this.getOptionGroupRenderKey(e);return d.default.createElement(d.default.Fragment,{key:s},d.default.createElement("li",{className:"p-autocomplete-item-group"},i),l)}var p=this.props.itemTemplate?r.ObjectUtils.getJSXElement(this.props.itemTemplate,e,t):this.props.field?r.ObjectUtils.resolveFieldData(e,this.props.field):e;return d.default.createElement("li",{key:t+"_item",role:"option","aria-selected":this.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)}},p,d.default.createElement(o.Ripple,null))}},{key:"renderItems",value:function(){var e=this;return this.props.suggestions?this.props.suggestions.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=M(M({},this.props.virtualScrollerOptions),{style:M(M({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),items:this.props.suggestions,itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var n=r.classNames("p-autocomplete-items",t.className);return d.default.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.props.listId},t.children)}});return d.default.createElement(p.VirtualScroller,m({ref:this.props.virtualScrollerRef},t))}var n=this.renderItems();return d.default.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:this.props.listId},n)}},{key:"renderElement",value:function(){var e=r.classNames("p-autocomplete-panel p-component",this.props.panelClassName),t=M({maxHeight:this.props.scrollHeight},this.props.panelStyle),n=this.renderContent();return d.default.createElement(l.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},d.default.createElement("div",{ref:this.props.forwardRef,className:e,style:t,onClick:this.props.onClick},n))}},{key:"render",value:function(){var e=this.renderElement();return d.default.createElement(s.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}(t.Component),N=d.default.forwardRef((function(e,t){return d.default.createElement(H,m({forwardRef:t},e))}));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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){j(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 G(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=F(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function F(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function A(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var K=function(e){S(p,e);var o,l,s=(o=p,l=A(),function(){var e,t=x(o);if(l){var n=x(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return D(this,e)});function p(e){var n;return k(this,p),(n=s.call(this,e)).state={id:n.props.id,searching:!1,focused:!1,overlayVisible:!1},n.onInputChange=n.onInputChange.bind(w(n)),n.onInputFocus=n.onInputFocus.bind(w(n)),n.onInputBlur=n.onInputBlur.bind(w(n)),n.onInputKeyDown=n.onInputKeyDown.bind(w(n)),n.onDropdownClick=n.onDropdownClick.bind(w(n)),n.onMultiContainerClick=n.onMultiContainerClick.bind(w(n)),n.onMultiInputFocus=n.onMultiInputFocus.bind(w(n)),n.onMultiInputBlur=n.onMultiInputBlur.bind(w(n)),n.selectItem=n.selectItem.bind(w(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(w(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(w(n)),n.onOverlayEnter=n.onOverlayEnter.bind(w(n)),n.onOverlayEntering=n.onOverlayEntering.bind(w(n)),n.onOverlayEntered=n.onOverlayEntered.bind(w(n)),n.onOverlayExit=n.onOverlayExit.bind(w(n)),n.onOverlayExited=n.onOverlayExited.bind(w(n)),n.onPanelClick=n.onPanelClick.bind(w(n)),n.overlayRef=t.createRef(),n.virtualScrollerRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return I(p,[{key:"onInputChange",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target.value;this.props.multiple||this.updateModel(e,n),0===n.length?(this.hideOverlay(),this.props.onClear&&this.props.onClear(e)):n.length>=this.props.minLength?this.timeout=setTimeout((function(){t.search(e,n,"input")}),this.props.delay):this.hideOverlay()}},{key:"search",value:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||this.props.completeMethod&&(this.setState({searching:!0}),this.props.completeMethod({originalEvent:e,query:t})))}},{key:"selectItem",value:function(e,t,n){if(this.props.multiple){if(this.inputRef.current.value="",!this.isSelected(t)){var i=this.props.value?[].concat(y(r=this.props.value)||b(r)||g(r)||O(),[t]):[t];this.updateModel(e,i)}}else this.updateInputField(t),this.updateModel(e,t);var r;this.props.onSelect&&this.props.onSelect({originalEvent:e,value:t}),n||(this.inputRef.current.focus(),this.hideOverlay())}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.state.id,value:t}}),this.ariaSelected=t}},{key:"formatValue",value:function(e){if(e){if(this.props.selectedItemTemplate&&(this.props.multiple?this.isSelected(e):this.findOptionIndex(e)>-1)){var t=r.ObjectUtils.getJSXElement(this.props.selectedItemTemplate,e);return t||e}if(this.props.field){var n=r.ObjectUtils.resolveFieldData(e,this.props.field);return null!=n?n:e}return e}return""}},{key:"updateInputField",value:function(e){var t=this.formatValue(e);this.inputRef.current.value=t}},{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1})}},{key:"onOverlayEnter",value:function(){r.ZIndexUtils.set("overlay",this.overlayRef.current,f.default.autoZIndex,f.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&r.DomHandler.addClass(this.overlayRef.current.firstChild.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){r.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){r.DomHandler.alignOverlay(this.overlayRef.current,this.props.multiple?this.multiContainer:this.inputRef.current,this.props.appendTo||f.default.appendTo)}},{key:"onPanelClick",value:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownClick",value:function(e){this.inputRef.current.focus(),"blank"===this.props.dropdownMode?this.search(e,"","dropdown"):"current"===this.props.dropdownMode&&this.search(e,this.inputRef.current.value,"dropdown"),this.props.onDropdownClick&&this.props.onDropdownClick({originalEvent:e,query:this.inputRef.current.value})}},{key:"removeItem",value:function(e,t){var n=this.props.value[t],i=this.props.value.filter((function(e,n){return t!==n}));this.updateModel(e,i),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:n})}},{key:"onInputKeyDown",value:function(e){if(this.state.overlayVisible){var t=r.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=this.findNextItem(t);n&&(r.DomHandler.addClass(n,"p-highlight"),r.DomHandler.removeClass(t,"p-highlight"),r.DomHandler.scrollInView(this.overlayRef.current,n))}else t=r.DomHandler.findSingle(this.overlayRef.current,"li"),r.DomHandler.hasClass(t,"p-autocomplete-item-group")&&(t=this.findNextItem(t)),t&&r.DomHandler.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var i=this.findPrevItem(t);i&&(r.DomHandler.addClass(i,"p-highlight"),r.DomHandler.removeClass(t,"p-highlight"),r.DomHandler.scrollInView(this.overlayRef.current,i))}e.preventDefault();break;case 13:t&&(this.selectHighlightItem(e,t),this.hideOverlay()),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault();break;case 9:t&&this.selectHighlightItem(e,t),this.hideOverlay()}}if(this.props.multiple&&8===e.which)if(this.props.value&&this.props.value.length&&!this.inputRef.current.value){var o=this.props.value[this.props.value.length-1],l=this.props.value.slice(0,-1);this.updateModel(e,l),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:o})}}},{key:"selectHighlightItem",value:function(e,t){this.props.optionGroupLabel?this.selectItem(e,this.getOptionGroupChildren(this.props.suggestions[t.dataset.group])[t.dataset.index]):this.selectItem(e,this.props.suggestions[r.DomHandler.index(t)])}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?r.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?r.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findPrevItem(t):t:null}},{key:"onInputFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"forceItemSelection",value:function(e){var t=!1,n=e.target.value.trim();if(this.props.suggestions){var i,o=G(this.props.suggestions);try{for(o.s();!(i=o.n()).done;){var l=i.value,s=this.props.field?r.ObjectUtils.resolveFieldData(l,this.props.field):l;if(s&&n===s.trim()){t=!0,this.selectItem(e,l,!0);break}}}catch(e){o.e(e)}finally{o.f()}}t||(this.inputRef.current.value="",this.updateModel(e,null),this.props.onClear&&this.props.onClear(e))}},{key:"onInputBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.forceSelection&&t.forceItemSelection(e),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onMultiContainerClick",value:function(e){this.inputRef.current.focus(),this.props.onClick&&this.props.onClick(e)}},{key:"onMultiInputFocus",value:function(e){this.onInputFocus(e),r.DomHandler.addClass(this.multiContainer,"p-focus")}},{key:"onMultiInputBlur",value:function(e){this.onInputBlur(e),r.DomHandler.removeClass(this.multiContainer,"p-focus")}},{key:"isSelected",value:function(e){var t=!1;if(this.props.value&&this.props.value.length)for(var n=0;n<this.props.value.length;n++)if(r.ObjectUtils.equals(this.props.value[n],e)){t=!0;break}return t}},{key:"findOptionIndex",value:function(e){var t=-1;if(this.props.suggestions)for(var n=0;n<this.props.suggestions.length;n++)if(r.ObjectUtils.equals(e,this.props.suggestions[n])){t=n;break}return t}},{key:"getOptionGroupLabel",value:function(e){return this.props.optionGroupLabel?r.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel):e}},{key:"getOptionGroupChildren",value:function(e){return r.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!r.DomHandler.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)&&!this.isInputClicked(e)}},{key:"isInputClicked",value:function(e){return this.props.multiple?e.target===this.multiContainer||this.multiContainer.contains(e.target):e.target===this.inputRef.current}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.state.id||this.setState({id:r.UniqueComponentId()}),this.props.autoFocus&&this.inputRef&&this.inputRef.current&&this.inputRef.current.focus(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.setState({searching:!1})),this.inputRef&&this.inputRef.current&&!this.props.multiple&&this.updateInputField(this.props.value),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(T({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),this.timeout&&clearTimeout(this.timeout),r.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=a.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderSimpleAutoComplete",value:function(){var e=r.classNames("p-autocomplete-input",this.props.inputClassName,{"p-autocomplete-dd-input":this.props.dropdown});return d.default.createElement(n.InputText,{ref:this.inputRef,id:this.props.inputId,type:this.props.type,name:this.props.name,defaultValue:this.formatValue(this.props.value),role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,className:e,style:this.props.inputStyle,autoComplete:"off",readOnly:this.props.readOnly,disabled:this.props.disabled,placeholder:this.props.placeholder,size:this.props.size,maxLength:this.props.maxlength,tabIndex:this.props.tabIndex,onBlur:this.onInputBlur,onFocus:this.onInputFocus,onChange:this.onInputChange,onMouseDown:this.props.onMouseDown,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onContextMenu:this.props.onContextMenu,onClick:this.props.onClick,onDoubleClick:this.props.onDblClick})}},{key:"renderChips",value:function(){var e=this;return this.props.value&&this.props.value.length?this.props.value.map((function(t,n){return d.default.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},d.default.createElement("span",{className:"p-autocomplete-token-label"},e.formatValue(t)),!e.props.disabled&&r.IconUtils.getJSXIcon(e.props.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(t){return e.removeItem(t,n)}},{props:e.props}))})):null}},{key:"renderMultiInput",value:function(){return d.default.createElement("li",{className:"p-autocomplete-input-token"},d.default.createElement("input",{ref:this.inputRef,type:this.props.type,disabled:this.props.disabled,placeholder:this.props.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,autoComplete:"off",tabIndex:this.props.tabIndex,onChange:this.onInputChange,id:this.props.inputId,name:this.props.name,style:this.props.inputStyle,className:this.props.inputClassName,maxLength:this.props.maxlength,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onFocus:this.onMultiInputFocus,onBlur:this.onMultiInputBlur}))}},{key:"renderMultipleAutoComplete",value:function(){var e=this,t=r.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":this.props.disabled}),n=this.renderChips(),i=this.renderMultiInput();return d.default.createElement("ul",{ref:function(t){e.multiContainer=t},className:t,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown,onClick:this.onMultiContainerClick,onDoubleClick:this.props.onDblClick},n,i)}},{key:"renderDropdown",value:function(){var e=this;return d.default.createElement(i.Button,{ref:function(t){return e.dropdownButton=t},type:"button",icon:this.props.dropdownIcon,className:"p-autocomplete-dropdown",disabled:this.props.disabled,onClick:this.onDropdownClick})}},{key:"renderLoader",value:function(){return this.state.searching?d.default.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null}},{key:"render",value:function(){var e,t,n=this,i=r.classNames("p-autocomplete p-component p-inputwrapper",this.props.className,{"p-autocomplete-dd":this.props.dropdown,"p-autocomplete-multiple":this.props.multiple,"p-inputwrapper-filled":this.props.value,"p-inputwrapper-focus":this.state.focused}),o=this.renderLoader();return e=this.props.multiple?this.renderMultipleAutoComplete():this.renderSimpleAutoComplete(),this.props.dropdown&&(t=this.renderDropdown()),d.default.createElement("span",{ref:function(e){return n.container=e},id:this.state.id,style:this.props.style,className:i,"aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible,"aria-owns":this.state.id+"_list"},e,o,t,d.default.createElement(N,m({ref:this.overlayRef,virtualScrollerRef:this.virtualScrollerRef},this.props,{listId:this.state.id+"_list",onItemClick:this.selectItem,ariaSelected:this.ariaSelected,onClick:this.onPanelClick,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupChildren:this.getOptionGroupChildren,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),p}(t.Component);return j(K,"defaultProps",{id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxlength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null}),e.AutoComplete=K,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.inputtext,primereact.button,primereact.utils,primereact.ripple,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.tooltip,primereact.overlayservice,primereact.api);