primereact 9.5.0 → 9.6.1

package/autocomplete/autocomplete.cjs.min.js

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

package/autocomplete/autocomplete.d.ts

@@ -11,8 +11,21 @@ import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
-import { IconType } from '../utils';
-import { VirtualScroller, VirtualScrollerProps } from '../virtualscroller';
+import { IconType, PassThroughType } from '../utils';
+import { VirtualScroller, VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
+import { ButtonPassThroughOptions } from '../button/button';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
+
+export declare type AutoCompletePassThroughType<T> = PassThroughType<T, AutoCompletePassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface AutoCompletePassThroughMethodOptions {
+    props: AutoCompleteProps;
+    state: AutoCompleteState;
+    context: AutoCompleteContext;
+}
 
 /**
  * Custom change event.
@@ -78,6 +91,120 @@ interface AutoCompleteCompleteEvent {
     query: string;
 }
 
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link AutoCompleteProps.pt}
+ */
+export interface AutoCompletePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    footer?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the container's DOM element.
+     */
+    container?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the token's DOM element.
+     */
+    token?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the token label's DOM element.
+     */
+    tokenLabel?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the remove token icon's DOM element.
+     */
+    removeTokenIcon?: AutoCompletePassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the input token's DOM element.
+     */
+    inputToken?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the loading icon's DOM element.
+     */
+    loadingIcon?: AutoCompletePassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the Button component.
+     *  @see {@link ButtonPassThroughOptions}
+     */
+    dropdownButton?: ButtonPassThroughOptions;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the VirtualScroller component.
+     * @see {@link VirtualScrollerPassThroughOptions}
+     */
+    virtualScroller?: VirtualScrollerPassThroughOptions;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    list?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the item group's DOM element.
+     */
+    itemGroup?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the empty message's DOM element.
+     */
+    emptyMessage?: AutoCompletePassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
+
+/**
+ * Defines current inline state in AutoComplete component.
+ */
+export interface AutoCompleteState {
+    /**
+     * Current id state as a string.
+     */
+    id: string;
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+    /**
+     * Current search state as a boolean.
+     * @defaultValue false
+     */
+    searching: boolean;
+}
+
+/**
+ * Defines current options in AutoComplete component.
+ */
+export interface AutoCompleteContext {
+    /**
+     * Current selection state of the item as a boolean.
+     * @defaultValue false
+     */
+    selected: boolean;
+}
+
 /**
  * Defines valid properties in AutoComplete component. In addition to these, all properties of HTMLSpanElement can be used in this component.
  * @group Properties
@@ -377,6 +504,11 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.HT
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {AutoCompletePassThroughOptions}
+     */
+    pt?: AutoCompletePassThroughOptions;
 }
 
 /**