primereact 7.0.0-rc.2 → 7.2.0

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 }; }
@@ -79,6 +79,9 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -111,23 +114,20 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -162,9 +162,9 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     return obj;
   }
 
-  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -184,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",
@@ -193,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,
@@ -204,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));
         });
       }
     }, {
@@ -213,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,
@@ -231,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));
         }
       }
     }, {
@@ -262,8 +262,8 @@ 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", {
+              var className = utils.classNames('p-autocomplete-items', options.className);
+              return /*#__PURE__*/React__default["default"].createElement("ul", {
                 ref: options.contentRef,
                 className: className,
                 role: "listbox",
@@ -272,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
@@ -287,17 +287,17 @@ 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,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -309,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,
@@ -320,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
         });
@@ -330,17 +330,17 @@ 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));
   });
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+  function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -495,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;
@@ -528,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');
         }
       }
     }, {
@@ -556,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
         });
@@ -606,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
@@ -615,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');
                 }
               }
 
@@ -640,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);
                 }
               }
 
@@ -704,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",
@@ -746,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;
@@ -801,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",
@@ -816,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;
             }
@@ -832,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;
             }
@@ -844,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",
@@ -885,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();
             }
@@ -908,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.isTouchDevice()) {
               _this7.hideOverlay();
             }
           };
@@ -954,7 +954,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
 
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
 
@@ -1011,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
@@ -1025,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,
@@ -1045,7 +1045,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           disabled: this.props.disabled,
           placeholder: this.props.placeholder,
           size: this.props.size,
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           tabIndex: this.props.tabIndex,
           onBlur: this.onInputBlur,
           onFocus: this.onInputFocus,
@@ -1066,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
             }));
           });
         }
@@ -1085,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,
@@ -1103,7 +1105,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           name: this.props.name,
           style: this.props.inputStyle,
           className: this.props.inputClassName,
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           onKeyUp: this.props.onKeyUp,
           onKeyDown: this.onInputKeyDown,
           onKeyPress: this.props.onKeyPress,
@@ -1116,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;
           },
@@ -1137,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;
           },
@@ -1152,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"
           });
         }
@@ -1165,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,
@@ -1178,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;
           },
@@ -1188,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, {
@@ -1198,7 +1200,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
           onClick: this.onPanelClick,
           getOptionGroupLabel: this.getOptionGroupLabel,
           getOptionGroupChildren: this.getOptionGroupChildren,
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntering: this.onOverlayEntering,
           onEntered: this.onOverlayEntered,
@@ -1241,7 +1243,7 @@ this.primereact.autocomplete = (function (exports, React, inputtext, button, cor
     placeholder: null,
     readOnly: false,
     disabled: false,
-    maxlength: null,
+    maxLength: null,
     size: null,
     appendTo: null,
     tabIndex: null,
@@ -1254,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,
@@ -1277,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);