primereact 8.7.3 → 9.0.0-rc.1

package/autocomplete/autocomplete.esm.js

@@ -5,7 +5,7 @@ import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect }
 import { InputText } from 'primereact/inputtext';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, UniqueComponentId, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
@@ -28,9 +28,7 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -77,9 +75,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -101,6 +97,81 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var AutoCompleteBase = {
+  defaultProps: {
+    __TYPE: 'AutoComplete',
+    id: null,
+    appendTo: null,
+    autoFocus: false,
+    autoHighlight: false,
+    className: null,
+    completeMethod: null,
+    delay: 300,
+    disabled: false,
+    dropdown: false,
+    dropdownAriaLabel: null,
+    dropdownAutoFocus: true,
+    dropdownIcon: 'pi pi-chevron-down',
+    dropdownMode: 'blank',
+    emptyMessage: null,
+    field: null,
+    forceSelection: false,
+    inputClassName: null,
+    inputId: null,
+    inputRef: null,
+    inputStyle: null,
+    itemTemplate: null,
+    maxLength: null,
+    minLength: 1,
+    multiple: false,
+    name: null,
+    onBlur: null,
+    onChange: null,
+    onClear: null,
+    onClick: null,
+    onContextMenu: null,
+    onDblClick: null,
+    onDropdownClick: null,
+    onFocus: null,
+    onHide: null,
+    onKeyPress: null,
+    onKeyUp: null,
+    onMouseDown: null,
+    onSelect: null,
+    onShow: null,
+    onUnselect: null,
+    optionGroupChildren: null,
+    optionGroupLabel: null,
+    optionGroupTemplate: null,
+    panelClassName: null,
+    panelStyle: null,
+    placeholder: null,
+    readOnly: false,
+    removeIcon: 'pi pi-times-circle',
+    scrollHeight: '200px',
+    selectedItemTemplate: null,
+    selectionLimit: null,
+    showEmptyMessage: false,
+    size: null,
+    style: null,
+    suggestions: null,
+    tabIndex: null,
+    tooltip: null,
+    tooltipOptions: null,
+    transitionOptions: null,
+    type: 'text',
+    value: null,
+    virtualScrollerOptions: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, AutoCompleteBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, AutoCompleteBase.defaultProps);
+  }
+};
+
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -154,11 +225,14 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       var key = i + '_' + j;
       var selected = props.selectedItem === item;
       var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, j) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
+      var className = classNames('p-autocomplete-item', {
+        'p-disabled': item.disabled
+      });
       return /*#__PURE__*/React.createElement("li", {
         key: key,
         role: "option",
         "aria-selected": selected,
-        className: "p-autocomplete-item",
+        className: className,
         style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, item);
@@ -185,11 +259,14 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       }, content), childrenContent);
     } else {
       var _content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
+      var className = classNames('p-autocomplete-item', {
+        'p-disabled': suggestion.disabled
+      });
       return /*#__PURE__*/React.createElement("li", {
         key: index,
         role: "option",
         "aria-selected": props.selectedItem === suggestion,
-        className: "p-autocomplete-item",
+        className: className,
         style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, suggestion);
@@ -242,7 +319,10 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     }
   };
   var createElement = function createElement() {
-    var className = classNames('p-autocomplete-panel p-component', props.panelClassName);
+    var className = classNames('p-autocomplete-panel p-component', props.panelClassName, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     var style = _objectSpread({
       maxHeight: props.scrollHeight
     }, props.panelStyle || {});
@@ -277,7 +357,8 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
 }));
 AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = AutoCompleteBase.getProps(inProps);
   var _React$useState = React.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
@@ -655,6 +736,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     if (inputRef.current && !props.multiple) {
       updateInputField(props.value);
     }
+    if (overlayVisibleState) {
+      alignOverlay();
+    }
   });
   useUnmountEffect(function () {
     if (timeout.current) {
@@ -668,6 +752,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       search: search,
       show: show,
       hide: hide,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -813,7 +900,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var listId = idState + '_list';
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, AutoComplete.defaultProps);
+  var otherProps = AutoCompleteBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-autocomplete p-component p-inputwrapper', {
     'p-autocomplete-dd': props.dropdown,
@@ -851,70 +938,5 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   }, props.tooltipOptions)));
 }));
 AutoComplete.displayName = 'AutoComplete';
-AutoComplete.defaultProps = {
-  __TYPE: 'AutoComplete',
-  id: null,
-  appendTo: null,
-  autoFocus: false,
-  autoHighlight: false,
-  className: null,
-  completeMethod: null,
-  delay: 300,
-  disabled: false,
-  dropdown: false,
-  dropdownAriaLabel: null,
-  dropdownAutoFocus: true,
-  dropdownIcon: 'pi pi-chevron-down',
-  dropdownMode: 'blank',
-  emptyMessage: null,
-  field: null,
-  forceSelection: false,
-  inputClassName: null,
-  inputId: null,
-  inputRef: null,
-  inputStyle: null,
-  itemTemplate: null,
-  maxLength: null,
-  minLength: 1,
-  multiple: false,
-  name: null,
-  onBlur: null,
-  onChange: null,
-  onClear: null,
-  onClick: null,
-  onContextMenu: null,
-  onDblClick: null,
-  onDropdownClick: null,
-  onFocus: null,
-  onHide: null,
-  onKeyPress: null,
-  onKeyUp: null,
-  onMouseDown: null,
-  onSelect: null,
-  onShow: null,
-  onUnselect: null,
-  optionGroupChildren: null,
-  optionGroupLabel: null,
-  optionGroupTemplate: null,
-  panelClassName: null,
-  panelStyle: null,
-  placeholder: null,
-  readOnly: false,
-  removeIcon: 'pi pi-times-circle',
-  scrollHeight: '200px',
-  selectedItemTemplate: null,
-  selectionLimit: null,
-  showEmptyMessage: false,
-  size: null,
-  style: null,
-  suggestions: null,
-  tabIndex: null,
-  tooltip: null,
-  tooltipOptions: null,
-  transitionOptions: null,
-  type: 'text',
-  value: null,
-  virtualScrollerOptions: null
-};
 
 export { AutoComplete };

package/autocomplete/autocomplete.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{Button as o}from"primereact/button";import{useOverlayListener as r,useMountEffect as l,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{InputText as u}from"primereact/inputtext";import{OverlayService as c}from"primereact/overlayservice";import{Tooltip as p}from"primereact/tooltip";import{classNames as s,ObjectUtils as m,UniqueComponentId as f,DomHandler as d,ZIndexUtils as g,IconUtils as v}from"primereact/utils";import{CSSTransition as y}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{VirtualScroller as E}from"primereact/virtualscroller";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},C.apply(this,arguments)}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function S(e){if(Array.isArray(e))return w(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function k(){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 I(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return I(e)||N(e,t)||x(e,t)||D()}function P(e){return P="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},P(e)}function j(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function M(e){var t=j(e,"string");return"symbol"===P(t)?t:String(t)}function F(e,t,n){return(t=M(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 o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function R(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){F(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}var A=e.memo(e.forwardRef((function(t,o){var r,l,i,a=function(e){return m.resolveFieldData(e,t.optionGroupLabel)},u=function(n,o,r){return t.getOptionGroupChildren(n).map((function(n,l){var i=o+"_"+l,a=t.selectedItem===n,u=t.itemTemplate?m.getJSXElement(t.itemTemplate,n,l):t.field?m.resolveFieldData(n,t.field):n;return e.createElement("li",{key:i,role:"option","aria-selected":a,className:"p-autocomplete-item",style:r,onClick:function(e){return t.onItemClick(e,n)},"data-group":o,"data-index":l},u,e.createElement(b,null))}))},c=function(n,o){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?m.getJSXElement(t.optionGroupTemplate,n,o):t.getOptionGroupLabel(n),c=u(n,o,l),p=o+"_"+a(n);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group",style:l},i),c)}var s=t.itemTemplate?m.getJSXElement(t.itemTemplate,n,o):t.field?m.resolveFieldData(n,t.field):n;return e.createElement("li",{key:o,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",style:l,onClick:function(e){return t.onItemClick(e,n)}},s,e.createElement(b,null))},p=function(){if(t.showEmptyMessage&&m.isEmpty(t.suggestions)){var o=t.emptyMessage||n("emptyMessage");return e.createElement("ul",{className:"p-autocomplete-items"},e.createElement("li",{className:"p-autocomplete-item"},o))}if(t.virtualScrollerOptions){var r=R(R({},t.virtualScrollerOptions),{style:R(R({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:t.suggestions,itemTemplate:function(e,t){return e&&c(e,t.index,t)},contentTemplate:function(n){var o=s("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:o,role:"listbox",id:t.listId},n.children)}});return e.createElement(E,C({ref:t.virtualScrollerRef},r))}var l=t.suggestions?t.suggestions.map(c):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},l)},f=(r=s("p-autocomplete-panel p-component",t.panelClassName),l=R({maxHeight:t.scrollHeight},t.panelStyle||{}),i=p(),e.createElement(y,{nodeRef:o,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:o,className:r,style:l,onClick:t.onClick},i)));return e.createElement(h,{element:f,appendTo:t.appendTo})})));A.displayName="AutoCompletePanel";var G=e.memo(e.forwardRef((function(y,h){var b=T(e.useState(y.id),2),E=b[0],w=b[1],I=T(e.useState(!1),2),N=I[0],D=I[1],P=T(e.useState(!1),2),j=P[0],M=P[1],F=T(e.useState(!1),2),L=F[0],R=F[1],K=e.useRef(null),U=e.useRef(null),H=e.useRef(y.inputRef),_=e.useRef(null),z=e.useRef(null),B=e.useRef(null),J=e.useRef(null),X=T(r({target:K,overlay:U,listener:function(e,t){t.valid&&("outside"===t.type?!Y(e)&&oe():oe())},when:L}),2),q=X[0],V=X[1],Y=function(e){return y.multiple?e.target===_.current||_.current.contains(e.target):e.target===H.current},Z=function(e){B.current&&clearTimeout(B.current);var t=e.target.value;y.multiple||W(e,t),m.isEmpty(t)?(oe(),y.onClear&&y.onClear(e)):t.length>=y.minLength?B.current=setTimeout((function(){$(e,t,"input")}),y.delay):oe()},$=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||y.completeMethod&&(D(!0),y.completeMethod({originalEvent:e,query:t})))},Q=function(e,t,n){if(y.multiple){if(H.current.value="",!ye(t)&&(!y.value||!y.selectionLimit||y.value.length<y.selectionLimit)){var o=y.value?[].concat(S(r=y.value)||O(r)||x(r)||k(),[t]):[t];W(e,o)}}else te(t),W(e,t);var r;y.onSelect&&y.onSelect({originalEvent:e,value:t}),n||(d.focus(H.current),oe())},W=function(e,t){J&&m.deepEquals(J.current,t)||(y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:y.name,id:E,value:t}}),J.current=t)},ee=function(e){if(e){if("string"==typeof e)return e;if(y.selectedItemTemplate){var t=m.getJSXElement(y.selectedItemTemplate,e);return t||e}if(y.field){var n=m.resolveFieldData(e,y.field);return null!=n?n:e}return e}return""},te=function(e){H.current.value=ee(e)},ne=function(){R(!0)},oe=function(){R(!1),D(!1)},re=function(){d.alignOverlay(U.current,y.multiple?_.current:H.current,y.appendTo||t.appendTo)},le=function(e){y.dropdownAutoFocus&&d.focus(H.current,y.dropdownAutoFocus),"blank"===y.dropdownMode?$(e,"","dropdown"):"current"===y.dropdownMode&&$(e,H.current.value,"dropdown"),y.onDropdownClick&&y.onDropdownClick({originalEvent:e,query:H.current.value})},ie=function(e,t){var n=y.value[t],o=y.value.filter((function(e,n){return t!==n}));W(e,o),y.onUnselect&&y.onUnselect({originalEvent:e,value:n})},ae=function(e){if(L){var t=d.findSingle(U.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ce(t);n&&(d.addClass(n,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(he(),n))}else t=d.findSingle(U.current,"li"),d.hasClass(t,"p-autocomplete-item-group")&&(t=ce(t)),t&&d.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var o=pe(t);o&&(d.addClass(o,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(he(),o))}e.preventDefault();break;case 13:t&&(ue(e,t),oe(),e.preventDefault());break;case 27:oe(),e.preventDefault();break;case 9:t&&ue(e,t),oe()}}if(y.multiple&&8===e.which)if(y.value&&y.value.length&&!H.current.value){var r=y.value[y.value.length-1],l=y.value.slice(0,-1);W(e,l),y.onUnselect&&y.onUnselect({originalEvent:e,value:r})}},ue=function(e,t){y.optionGroupLabel?Q(e,be(y.suggestions[t.dataset.group])[t.dataset.index]):Q(e,y.suggestions[d.index(t)])},ce=function e(t){var n=t.nextElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},pe=function e(t){var n=t.previousElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},se=function(e){M(!0),y.onFocus&&y.onFocus(e)},me=function(e){var t=e.target.value.trim(),n=(y.suggestions||[]).find((function(e){var n=y.field?m.resolveFieldData(e,y.field):e;return n&&t===n.trim()}));n?Q(e,n,!0):(H.current.value="",W(e,null),y.onClear&&y.onClear(e))},fe=function(e){M(!1),y.forceSelection&&me(e),y.onBlur&&y.onBlur(e)},de=function(e){d.focus(H.current),y.onClick&&y.onClick(e)},ge=function(e){se(e),d.addClass(_.current,"p-focus")},ve=function(e){fe(e),d.removeClass(_.current,"p-focus")},ye=function(e){return!!y.value&&y.value.some((function(t){return m.equals(t,e)}))},he=function(){return z.current?U.current.firstChild:U.current},be=function(e){return m.resolveFieldData(e,y.optionGroupChildren)};e.useEffect((function(){m.combinedRefs(H,y.inputRef)}),[H,y.inputRef]),l((function(){E||w(f()),y.autoFocus&&d.focus(H.current,y.autoFocus)})),i((function(){N&&(m.isNotEmpty(y.suggestions)||y.showEmptyMessage?ne():oe(),D(!1))}),[y.suggestions]),i((function(){H.current&&!y.multiple&&te(y.value)})),a((function(){B.current&&clearTimeout(B.current),g.clear(U.current)})),e.useImperativeHandle(h,(function(){return{props:y,search:$,show:ne,hide:oe,getElement:function(){return K.current},getOverlay:function(){return U.current},getInput:function(){return H.current},getVirtualScroller:function(){return z.current}}}));var Ee=function(){var t=ee(y.value),n=L?E+"_list":null,o=s("p-autocomplete-input",y.inputClassName,{"p-autocomplete-dd-input":y.dropdown});return e.createElement(u,C({ref:H,id:y.inputId,type:y.type,name:y.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":L,className:o,style:y.inputStyle,autoComplete:"off",readOnly:y.readOnly,disabled:y.disabled,placeholder:y.placeholder,size:y.size,maxLength:y.maxLength,tabIndex:y.tabIndex,onBlur:fe,onFocus:se,onChange:Z,onMouseDown:y.onMouseDown,onKeyUp:y.onKeyUp,onKeyDown:ae,onKeyPress:y.onKeyPress,onContextMenu:y.onContextMenu,onClick:y.onClick,onDoubleClick:y.onDblClick},xe))},Ce=function(){var t=s("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":y.disabled}),n=m.isNotEmpty(y.value)?y.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},ee(t)),!y.disabled&&v.getJSXIcon(y.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return ie(e,n)}},{props:y}))})):null,o=e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",C({ref:H,type:y.type,disabled:y.disabled,placeholder:y.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":L?E+"_list":null,"aria-haspopup":"listbox","aria-expanded":L,autoComplete:"off",readOnly:y.readOnly,tabIndex:y.tabIndex,onChange:Z,id:y.inputId,name:y.name,style:y.inputStyle,className:y.inputClassName,maxLength:y.maxLength,onKeyUp:y.onKeyUp,onKeyDown:ae,onKeyPress:y.onKeyPress,onFocus:ge,onBlur:ve},xe)));return e.createElement("ul",{ref:_,className:t,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown,onClick:de,onDoubleClick:y.onDblClick},n,o)},we=E+"_list",Se=m.isNotEmpty(y.tooltip),Oe=m.findDiffKeys(y,G.defaultProps),xe=m.reduceKeys(Oe,d.ARIA_PROPS),ke=s("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":y.dropdown,"p-autocomplete-multiple":y.multiple,"p-inputwrapper-filled":y.value,"p-inputwrapper-focus":j},y.className),Ie=N?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,Ne=y.multiple?Ce():Ee(),De=function(){if(y.dropdown){var t=y.dropdownAriaLabel||y.placeholder||n("choose");return e.createElement(o,{type:"button",icon:y.dropdownIcon,className:"p-autocomplete-dropdown",disabled:y.disabled,onClick:le,"aria-label":t})}return null}();return e.createElement(e.Fragment,null,e.createElement("span",C({ref:K,id:E,style:y.style,className:ke},Oe),Ne,Ie,De,e.createElement(A,C({ref:U,virtualScrollerRef:z},y,{listId:we,onItemClick:Q,selectedItem:J,onClick:function(e){c.emit("overlay-click",{originalEvent:e,target:K.current})},getOptionGroupLabel:function(e){return y.optionGroupLabel?m.resolveFieldData(e,y.optionGroupLabel):e},getOptionGroupChildren:be,in:L,onEnter:function(){g.set("overlay",U.current,t.autoZIndex,t.zIndex.overlay),re()},onEntering:function(){if(y.autoHighlight&&y.suggestions&&y.suggestions.length){var e=he().firstChild.firstChild;d.addClass(e,"p-highlight")}},onEntered:function(){q(),y.onShow&&y.onShow()},onExit:function(){V()},onExited:function(){g.clear(U.current),y.onHide&&y.onHide()}}))),Se&&e.createElement(p,C({target:K,content:y.tooltip},y.tooltipOptions)))})));G.displayName="AutoComplete",G.defaultProps={__TYPE:"AutoComplete",id:null,appendTo:null,autoFocus:!1,autoHighlight:!1,className:null,completeMethod:null,delay:300,disabled:!1,dropdown:!1,dropdownAriaLabel:null,dropdownAutoFocus:!0,dropdownIcon:"pi pi-chevron-down",dropdownMode:"blank",emptyMessage:null,field:null,forceSelection:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,maxLength:null,minLength:1,multiple:!1,name:null,onBlur:null,onChange:null,onClear:null,onClick:null,onContextMenu:null,onDblClick:null,onDropdownClick:null,onFocus:null,onHide:null,onKeyPress:null,onKeyUp:null,onMouseDown:null,onSelect:null,onShow:null,onUnselect:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,removeIcon:"pi pi-times-circle",scrollHeight:"200px",selectedItemTemplate:null,selectionLimit:null,showEmptyMessage:!1,size:null,style:null,suggestions:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,type:"text",value:null,virtualScrollerOptions:null};export{G as AutoComplete};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{Button as o}from"primereact/button";import{useOverlayListener as r,useMountEffect as l,useUpdateEffect as i,useUnmountEffect as u}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as c}from"primereact/overlayservice";import{Tooltip as p}from"primereact/tooltip";import{ObjectUtils as s,classNames as m,UniqueComponentId as f,DomHandler as d,ZIndexUtils as g,IconUtils as v}from"primereact/utils";import{CSSTransition as y}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{VirtualScroller as E}from"primereact/virtualscroller";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},C.apply(this,arguments)}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function S(e){if(Array.isArray(e))return w(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function k(){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 I(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,u=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(o=l.call(n)).done)&&(u.push(o.value),u.length!==t);a=!0);}catch(e){c=!0,r=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return u}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return I(e)||N(e,t)||x(e,t)||D()}var T={defaultProps:{__TYPE:"AutoComplete",id:null,appendTo:null,autoFocus:!1,autoHighlight:!1,className:null,completeMethod:null,delay:300,disabled:!1,dropdown:!1,dropdownAriaLabel:null,dropdownAutoFocus:!0,dropdownIcon:"pi pi-chevron-down",dropdownMode:"blank",emptyMessage:null,field:null,forceSelection:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,maxLength:null,minLength:1,multiple:!1,name:null,onBlur:null,onChange:null,onClear:null,onClick:null,onContextMenu:null,onDblClick:null,onDropdownClick:null,onFocus:null,onHide:null,onKeyPress:null,onKeyUp:null,onMouseDown:null,onSelect:null,onShow:null,onUnselect:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,removeIcon:"pi pi-times-circle",scrollHeight:"200px",selectedItemTemplate:null,selectionLimit:null,showEmptyMessage:!1,size:null,style:null,suggestions:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,type:"text",value:null,virtualScrollerOptions:null,children:void 0},getProps:function(e){return s.getMergedProps(e,T.defaultProps)},getOtherProps:function(e){return s.getDiffProps(e,T.defaultProps)}};function M(e){return M="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},M(e)}function j(e,t){if("object"!==M(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==M(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function F(e){var t=j(e,"string");return"symbol"===M(t)?t:String(t)}function L(e,t,n){return(t=F(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var G=e.memo(e.forwardRef((function(o,r){var l,i,u,a=function(e){return s.resolveFieldData(e,o.optionGroupLabel)},c=function(t,n,r){return o.getOptionGroupChildren(t).map((function(t,l){var i=n+"_"+l,u=o.selectedItem===t,a=o.itemTemplate?s.getJSXElement(o.itemTemplate,t,l):o.field?s.resolveFieldData(t,o.field):t,c=m("p-autocomplete-item",{"p-disabled":t.disabled});return e.createElement("li",{key:i,role:"option","aria-selected":u,className:c,style:r,onClick:function(e){return o.onItemClick(e,t)},"data-group":n,"data-index":l},a,e.createElement(b,null))}))},p=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:r.props?r.props.itemSize:void 0};if(o.optionGroupLabel){var i=o.optionGroupTemplate?s.getJSXElement(o.optionGroupTemplate,t,n):o.getOptionGroupLabel(t),u=c(t,n,l),p=n+"_"+a(t);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group",style:l},i),u)}var f=o.itemTemplate?s.getJSXElement(o.itemTemplate,t,n):o.field?s.resolveFieldData(t,o.field):t,d=m("p-autocomplete-item",{"p-disabled":t.disabled});return e.createElement("li",{key:n,role:"option","aria-selected":o.selectedItem===t,className:d,style:l,onClick:function(e){return o.onItemClick(e,t)}},f,e.createElement(b,null))},f=function(){if(o.showEmptyMessage&&s.isEmpty(o.suggestions)){var t=o.emptyMessage||n("emptyMessage");return e.createElement("ul",{className:"p-autocomplete-items"},e.createElement("li",{className:"p-autocomplete-item"},t))}if(o.virtualScrollerOptions){var r=A(A({},o.virtualScrollerOptions),{style:A(A({},o.virtualScrollerOptions.style),{height:o.scrollHeight}),autoSize:!0,items:o.suggestions,itemTemplate:function(e,t){return e&&p(e,t.index,t)},contentTemplate:function(t){var n=m("p-autocomplete-items",t.className);return e.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:o.listId},t.children)}});return e.createElement(E,C({ref:o.virtualScrollerRef},r))}var l=o.suggestions?o.suggestions.map(p):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:o.listId},l)},d=(l=m("p-autocomplete-panel p-component",o.panelClassName,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),i=A({maxHeight:o.scrollHeight},o.panelStyle||{}),u=f(),e.createElement(y,{nodeRef:r,classNames:"p-connected-overlay",in:o.in,timeout:{enter:120,exit:100},options:o.transitionOptions,unmountOnExit:!0,onEnter:o.onEnter,onEntering:o.onEntering,onEntered:o.onEntered,onExit:o.onExit,onExited:o.onExited},e.createElement("div",{ref:r,className:l,style:i,onClick:o.onClick},u)));return e.createElement(h,{element:d,appendTo:o.appendTo})})));G.displayName="AutoCompletePanel";var K=e.memo(e.forwardRef((function(y,h){var b=T.getProps(y),E=P(e.useState(b.id),2),w=E[0],I=E[1],N=P(e.useState(!1),2),D=N[0],M=N[1],j=P(e.useState(!1),2),F=j[0],L=j[1],R=P(e.useState(!1),2),A=R[0],K=R[1],U=e.useRef(null),H=e.useRef(null),_=e.useRef(b.inputRef),z=e.useRef(null),B=e.useRef(null),J=e.useRef(null),X=e.useRef(null),q=P(r({target:U,overlay:H,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&re():re())},when:A}),2),V=q[0],Y=q[1],Z=function(e){return b.multiple?e.target===z.current||z.current.contains(e.target):e.target===_.current},$=function(e){J.current&&clearTimeout(J.current);var t=e.target.value;b.multiple||ee(e,t),s.isEmpty(t)?(re(),b.onClear&&b.onClear(e)):t.length>=b.minLength?J.current=setTimeout((function(){Q(e,t,"input")}),b.delay):re()},Q=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||b.completeMethod&&(M(!0),b.completeMethod({originalEvent:e,query:t})))},W=function(e,t,n){if(b.multiple){if(_.current.value="",!he(t)&&(!b.value||!b.selectionLimit||b.value.length<b.selectionLimit)){var o=b.value?[].concat(S(r=b.value)||O(r)||x(r)||k(),[t]):[t];ee(e,o)}}else ne(t),ee(e,t);var r;b.onSelect&&b.onSelect({originalEvent:e,value:t}),n||(d.focus(_.current),re())},ee=function(e,t){X&&s.deepEquals(X.current,t)||(b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:b.name,id:w,value:t}}),X.current=t)},te=function(e){if(e){if("string"==typeof e)return e;if(b.selectedItemTemplate){var t=s.getJSXElement(b.selectedItemTemplate,e);return t||e}if(b.field){var n=s.resolveFieldData(e,b.field);return null!=n?n:e}return e}return""},ne=function(e){_.current.value=te(e)},oe=function(){K(!0)},re=function(){K(!1),M(!1)},le=function(){d.alignOverlay(H.current,b.multiple?z.current:_.current,b.appendTo||t.appendTo)},ie=function(e){b.dropdownAutoFocus&&d.focus(_.current,b.dropdownAutoFocus),"blank"===b.dropdownMode?Q(e,"","dropdown"):"current"===b.dropdownMode&&Q(e,_.current.value,"dropdown"),b.onDropdownClick&&b.onDropdownClick({originalEvent:e,query:_.current.value})},ue=function(e,t){var n=b.value[t],o=b.value.filter((function(e,n){return t!==n}));ee(e,o),b.onUnselect&&b.onUnselect({originalEvent:e,value:n})},ae=function(e){if(A){var t=d.findSingle(H.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=pe(t);n&&(d.addClass(n,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(be(),n))}else t=d.findSingle(H.current,"li"),d.hasClass(t,"p-autocomplete-item-group")&&(t=pe(t)),t&&d.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var o=se(t);o&&(d.addClass(o,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(be(),o))}e.preventDefault();break;case 13:t&&(ce(e,t),re(),e.preventDefault());break;case 27:re(),e.preventDefault();break;case 9:t&&ce(e,t),re()}}if(b.multiple&&8===e.which)if(b.value&&b.value.length&&!_.current.value){var r=b.value[b.value.length-1],l=b.value.slice(0,-1);ee(e,l),b.onUnselect&&b.onUnselect({originalEvent:e,value:r})}},ce=function(e,t){b.optionGroupLabel?W(e,Ee(b.suggestions[t.dataset.group])[t.dataset.index]):W(e,b.suggestions[d.index(t)])},pe=function e(t){var n=t.nextElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},se=function e(t){var n=t.previousElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},me=function(e){L(!0),b.onFocus&&b.onFocus(e)},fe=function(e){var t=e.target.value.trim(),n=(b.suggestions||[]).find((function(e){var n=b.field?s.resolveFieldData(e,b.field):e;return n&&t===n.trim()}));n?W(e,n,!0):(_.current.value="",ee(e,null),b.onClear&&b.onClear(e))},de=function(e){L(!1),b.forceSelection&&fe(e),b.onBlur&&b.onBlur(e)},ge=function(e){d.focus(_.current),b.onClick&&b.onClick(e)},ve=function(e){me(e),d.addClass(z.current,"p-focus")},ye=function(e){de(e),d.removeClass(z.current,"p-focus")},he=function(e){return!!b.value&&b.value.some((function(t){return s.equals(t,e)}))},be=function(){return B.current?H.current.firstChild:H.current},Ee=function(e){return s.resolveFieldData(e,b.optionGroupChildren)};e.useEffect((function(){s.combinedRefs(_,b.inputRef)}),[_,b.inputRef]),l((function(){w||I(f()),b.autoFocus&&d.focus(_.current,b.autoFocus)})),i((function(){D&&(s.isNotEmpty(b.suggestions)||b.showEmptyMessage?oe():re(),M(!1))}),[b.suggestions]),i((function(){_.current&&!b.multiple&&ne(b.value),A&&le()})),u((function(){J.current&&clearTimeout(J.current),g.clear(H.current)})),e.useImperativeHandle(h,(function(){return{props:b,search:Q,show:oe,hide:re,focus:function(){return d.focus(_.current)},getElement:function(){return U.current},getOverlay:function(){return H.current},getInput:function(){return _.current},getVirtualScroller:function(){return B.current}}}));var Ce=function(){var t=te(b.value),n=A?w+"_list":null,o=m("p-autocomplete-input",b.inputClassName,{"p-autocomplete-dd-input":b.dropdown});return e.createElement(a,C({ref:_,id:b.inputId,type:b.type,name:b.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":A,className:o,style:b.inputStyle,autoComplete:"off",readOnly:b.readOnly,disabled:b.disabled,placeholder:b.placeholder,size:b.size,maxLength:b.maxLength,tabIndex:b.tabIndex,onBlur:de,onFocus:me,onChange:$,onMouseDown:b.onMouseDown,onKeyUp:b.onKeyUp,onKeyDown:ae,onKeyPress:b.onKeyPress,onContextMenu:b.onContextMenu,onClick:b.onClick,onDoubleClick:b.onDblClick},ke))},we=function(){var t=m("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":b.disabled}),n=s.isNotEmpty(b.value)?b.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},te(t)),!b.disabled&&v.getJSXIcon(b.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return ue(e,n)}},{props:b}))})):null,o=e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",C({ref:_,type:b.type,disabled:b.disabled,placeholder:b.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":A?w+"_list":null,"aria-haspopup":"listbox","aria-expanded":A,autoComplete:"off",readOnly:b.readOnly,tabIndex:b.tabIndex,onChange:$,id:b.inputId,name:b.name,style:b.inputStyle,className:b.inputClassName,maxLength:b.maxLength,onKeyUp:b.onKeyUp,onKeyDown:ae,onKeyPress:b.onKeyPress,onFocus:ve,onBlur:ye},ke)));return e.createElement("ul",{ref:z,className:t,onContextMenu:b.onContextMenu,onMouseDown:b.onMouseDown,onClick:ge,onDoubleClick:b.onDblClick},n,o)},Se=w+"_list",Oe=s.isNotEmpty(b.tooltip),xe=T.getOtherProps(b),ke=s.reduceKeys(xe,d.ARIA_PROPS),Ie=m("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":b.dropdown,"p-autocomplete-multiple":b.multiple,"p-inputwrapper-filled":b.value,"p-inputwrapper-focus":F},b.className),Ne=D?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,De=b.multiple?we():Ce(),Pe=function(){if(b.dropdown){var t=b.dropdownAriaLabel||b.placeholder||n("choose");return e.createElement(o,{type:"button",icon:b.dropdownIcon,className:"p-autocomplete-dropdown",disabled:b.disabled,onClick:ie,"aria-label":t})}return null}();return e.createElement(e.Fragment,null,e.createElement("span",C({ref:U,id:w,style:b.style,className:Ie},xe),De,Ne,Pe,e.createElement(G,C({ref:H,virtualScrollerRef:B},b,{listId:Se,onItemClick:W,selectedItem:X,onClick:function(e){c.emit("overlay-click",{originalEvent:e,target:U.current})},getOptionGroupLabel:function(e){return b.optionGroupLabel?s.resolveFieldData(e,b.optionGroupLabel):e},getOptionGroupChildren:Ee,in:A,onEnter:function(){g.set("overlay",H.current,t.autoZIndex,t.zIndex.overlay),le()},onEntering:function(){if(b.autoHighlight&&b.suggestions&&b.suggestions.length){var e=be().firstChild.firstChild;d.addClass(e,"p-highlight")}},onEntered:function(){V(),b.onShow&&b.onShow()},onExit:function(){Y()},onExited:function(){g.clear(H.current),b.onHide&&b.onHide()}}))),Oe&&e.createElement(p,C({target:U,content:b.tooltip},b.tooltipOptions)))})));K.displayName="AutoComplete";export{K as AutoComplete};

package/autocomplete/autocomplete.js

@@ -42,9 +42,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -91,9 +89,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -115,6 +111,81 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var AutoCompleteBase = {
+    defaultProps: {
+      __TYPE: 'AutoComplete',
+      id: null,
+      appendTo: null,
+      autoFocus: false,
+      autoHighlight: false,
+      className: null,
+      completeMethod: null,
+      delay: 300,
+      disabled: false,
+      dropdown: false,
+      dropdownAriaLabel: null,
+      dropdownAutoFocus: true,
+      dropdownIcon: 'pi pi-chevron-down',
+      dropdownMode: 'blank',
+      emptyMessage: null,
+      field: null,
+      forceSelection: false,
+      inputClassName: null,
+      inputId: null,
+      inputRef: null,
+      inputStyle: null,
+      itemTemplate: null,
+      maxLength: null,
+      minLength: 1,
+      multiple: false,
+      name: null,
+      onBlur: null,
+      onChange: null,
+      onClear: null,
+      onClick: null,
+      onContextMenu: null,
+      onDblClick: null,
+      onDropdownClick: null,
+      onFocus: null,
+      onHide: null,
+      onKeyPress: null,
+      onKeyUp: null,
+      onMouseDown: null,
+      onSelect: null,
+      onShow: null,
+      onUnselect: null,
+      optionGroupChildren: null,
+      optionGroupLabel: null,
+      optionGroupTemplate: null,
+      panelClassName: null,
+      panelStyle: null,
+      placeholder: null,
+      readOnly: false,
+      removeIcon: 'pi pi-times-circle',
+      scrollHeight: '200px',
+      selectedItemTemplate: null,
+      selectionLimit: null,
+      showEmptyMessage: false,
+      size: null,
+      style: null,
+      suggestions: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      transitionOptions: null,
+      type: 'text',
+      value: null,
+      virtualScrollerOptions: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, AutoCompleteBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, AutoCompleteBase.defaultProps);
+    }
+  };
+
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -168,11 +239,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         var key = i + '_' + j;
         var selected = props.selectedItem === item;
         var content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, item, j) : props.field ? utils.ObjectUtils.resolveFieldData(item, props.field) : item;
+        var className = utils.classNames('p-autocomplete-item', {
+          'p-disabled': item.disabled
+        });
         return /*#__PURE__*/React__namespace.createElement("li", {
           key: key,
           role: "option",
           "aria-selected": selected,
-          className: "p-autocomplete-item",
+          className: className,
           style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, item);
@@ -199,11 +273,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         }, content), childrenContent);
       } else {
         var _content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? utils.ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
+        var className = utils.classNames('p-autocomplete-item', {
+          'p-disabled': suggestion.disabled
+        });
         return /*#__PURE__*/React__namespace.createElement("li", {
           key: index,
           role: "option",
           "aria-selected": props.selectedItem === suggestion,
-          className: "p-autocomplete-item",
+          className: className,
           style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, suggestion);
@@ -256,7 +333,10 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       }
     };
     var createElement = function createElement() {
-      var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName);
+      var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       var style = _objectSpread({
         maxHeight: props.scrollHeight
       }, props.panelStyle || {});
@@ -291,7 +371,8 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
   }));
   AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-  var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = AutoCompleteBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       idState = _React$useState2[0],
@@ -669,6 +750,9 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       if (inputRef.current && !props.multiple) {
         updateInputField(props.value);
       }
+      if (overlayVisibleState) {
+        alignOverlay();
+      }
     });
     hooks.useUnmountEffect(function () {
       if (timeout.current) {
@@ -682,6 +766,9 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         search: search,
         show: show,
         hide: hide,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -827,7 +914,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     };
     var listId = idState + '_list';
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, AutoComplete.defaultProps);
+    var otherProps = AutoCompleteBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-autocomplete p-component p-inputwrapper', {
       'p-autocomplete-dd': props.dropdown,
@@ -865,71 +952,6 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     }, props.tooltipOptions)));
   }));
   AutoComplete.displayName = 'AutoComplete';
-  AutoComplete.defaultProps = {
-    __TYPE: 'AutoComplete',
-    id: null,
-    appendTo: null,
-    autoFocus: false,
-    autoHighlight: false,
-    className: null,
-    completeMethod: null,
-    delay: 300,
-    disabled: false,
-    dropdown: false,
-    dropdownAriaLabel: null,
-    dropdownAutoFocus: true,
-    dropdownIcon: 'pi pi-chevron-down',
-    dropdownMode: 'blank',
-    emptyMessage: null,
-    field: null,
-    forceSelection: false,
-    inputClassName: null,
-    inputId: null,
-    inputRef: null,
-    inputStyle: null,
-    itemTemplate: null,
-    maxLength: null,
-    minLength: 1,
-    multiple: false,
-    name: null,
-    onBlur: null,
-    onChange: null,
-    onClear: null,
-    onClick: null,
-    onContextMenu: null,
-    onDblClick: null,
-    onDropdownClick: null,
-    onFocus: null,
-    onHide: null,
-    onKeyPress: null,
-    onKeyUp: null,
-    onMouseDown: null,
-    onSelect: null,
-    onShow: null,
-    onUnselect: null,
-    optionGroupChildren: null,
-    optionGroupLabel: null,
-    optionGroupTemplate: null,
-    panelClassName: null,
-    panelStyle: null,
-    placeholder: null,
-    readOnly: false,
-    removeIcon: 'pi pi-times-circle',
-    scrollHeight: '200px',
-    selectedItemTemplate: null,
-    selectionLimit: null,
-    showEmptyMessage: false,
-    size: null,
-    style: null,
-    suggestions: null,
-    tabIndex: null,
-    tooltip: null,
-    tooltipOptions: null,
-    transitionOptions: null,
-    type: 'text',
-    value: null,
-    virtualScrollerOptions: null
-  };
 
   exports.AutoComplete = AutoComplete;