primereact 8.1.0 → 8.3.0

package/README.md

@@ -102,3 +102,9 @@ import 'primeicons/primeicons.css';
 ## TypeScript
 
 Typescript is fully supported as type definition files are provided in the npm package of PrimeReact. A sample [typescript-primereact application](https://github.com/primefaces/primereact-examples/tree/main/cra-basic-ts) is available as well at github.
+
+## Contributors
+
+<a href="https://github.com/primefaces/primereact/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=primefaces/primereact" />
+</a>

package/accordion/accordion.cjs.js

@@ -152,6 +152,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       activeIndexState = _React$useState4[0],
       setActiveIndexState = _React$useState4[1];
 
+  var elementRef = React__namespace.useRef(null);
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
 
   var shouldUseTab = function shouldUseTab(tab) {
@@ -197,6 +198,13 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     }) : activeIndex === index;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   hooks.useMountEffect(function () {
     if (!idState) {
       setIdState(utils.UniqueComponentId());
@@ -298,6 +306,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var tabs = createTabs();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: idState,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), tabs);

package/accordion/accordion.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),r=require("primereact/hooks"),n=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function u(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 c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){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 f(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],l=!0,i=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(i)throw a}}return o}}function m(){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 y(e,t){return f(e)||b(e,t)||p(e,t)||m()}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=function(){},g=o.forwardRef((function(e,a){var i=y(o.useState(e.id),2),c=i[0],f=i[1],b=y(o.useState(e.activeIndex),2),m=b[1],h=e.onTabChange?e.activeIndex:b[0],j=function(e){return e&&"AccordionTab"===e.props.__TYPE},N=function(t,r,n){if(!r.props.disabled){var a=E(n),o=null;if(e.multiple){var l=h||[];o=a?l.filter((function(e){return e!==n})):[].concat(s(c=l)||u(c)||p(c)||d(),[n])}else o=a?null:n;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:t,index:n}),e.onTabChange?e.onTabChange({originalEvent:t,index:o}):m(o)}var c;t.preventDefault()},E=function(t){return e.multiple?h&&h.some((function(e){return e===t})):h===t};r.useMountEffect((function(){c||f(n.UniqueComponentId())}));var T=function(t,r,a){var l=v(v({},t.props.style||{}),t.props.headerStyle||{}),i=n.classNames("p-accordion-header",{"p-highlight":r,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),s=c+"_header_"+a,u=c+"_content_"+a,p=t.props.disabled?-1:null,d=t.props.headerTemplate?n.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):o.createElement("span",{className:"p-accordion-header-text"},t.props.header),f=n.IconUtils.getJSXIcon(r?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:r});return o.createElement("div",{className:i,style:l},o.createElement("a",{href:"#"+u,id:s,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":r,onClick:function(e){return N(e,t,a)},tabIndex:p},f,d))},P=function(r,a,l){var i=v(v({},r.props.style||{}),r.props.contentStyle||{}),s=n.classNames("p-toggleable-content",r.props.contentClassName,r.props.className),u=c+"_content_"+l,p=c+"_header_"+l,d=o.createRef();return o.createElement(t.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:d,id:u,className:s,style:i,role:"region","aria-labelledby":p},o.createElement("div",{className:"p-accordion-content"},r.props.children)))},S=function(e,t){if(j(e)){var r=c+"_"+t,a=E(t),i=n.ObjectUtils.findDiffKeys(e.props,O.defaultProps),s=T(e,a,t),u=P(e,a,t),p=n.classNames("p-accordion-tab",{"p-accordion-tab-active":a});return o.createElement("div",l({key:r,className:p},i),s,u)}return null},_=n.ObjectUtils.findDiffKeys(e,g.defaultProps),w=n.classNames("p-accordion p-component",e.className),x=o.Children.map(e.children,S);return o.createElement("div",l({id:c,className:w,style:e.style},_),x)}));O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},g.displayName="Accordion",g.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null},exports.Accordion=g,exports.AccordionTab=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),r=require("primereact/hooks"),n=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function u(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 c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){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 f(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],l=!0,i=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(i)throw a}}return o}}function b(){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 y(e,t){return f(e)||m(e,t)||p(e,t)||b()}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(){},O=o.forwardRef((function(e,a){var i=y(o.useState(e.id),2),c=i[0],f=i[1],m=y(o.useState(e.activeIndex),2),b=m[0],h=m[1],j=o.useRef(null),N=e.onTabChange?e.activeIndex:b,E=function(e){return e&&"AccordionTab"===e.props.__TYPE},T=function(t,r,n){if(!r.props.disabled){var a=P(n),o=null;if(e.multiple){var l=N||[];o=a?l.filter((function(e){return e!==n})):[].concat(s(c=l)||u(c)||p(c)||d(),[n])}else o=a?null:n;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:t,index:n}),e.onTabChange?e.onTabChange({originalEvent:t,index:o}):h(o)}var c;t.preventDefault()},P=function(t){return e.multiple?N&&N.some((function(e){return e===t})):N===t};o.useImperativeHandle(a,(function(){return v({getElement:function(){return j.current}},e)})),r.useMountEffect((function(){c||f(n.UniqueComponentId())}));var S=function(t,r,a){var l=v(v({},t.props.style||{}),t.props.headerStyle||{}),i=n.classNames("p-accordion-header",{"p-highlight":r,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),s=c+"_header_"+a,u=c+"_content_"+a,p=t.props.disabled?-1:null,d=t.props.headerTemplate?n.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):o.createElement("span",{className:"p-accordion-header-text"},t.props.header),f=n.IconUtils.getJSXIcon(r?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:r});return o.createElement("div",{className:i,style:l},o.createElement("a",{href:"#"+u,id:s,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":r,onClick:function(e){return T(e,t,a)},tabIndex:p},f,d))},_=function(r,a,l){var i=v(v({},r.props.style||{}),r.props.contentStyle||{}),s=n.classNames("p-toggleable-content",r.props.contentClassName,r.props.className),u=c+"_content_"+l,p=c+"_header_"+l,d=o.createRef();return o.createElement(t.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:d,id:u,className:s,style:i,role:"region","aria-labelledby":p},o.createElement("div",{className:"p-accordion-content"},r.props.children)))},w=function(e,t){if(E(e)){var r=c+"_"+t,a=P(t),i=n.ObjectUtils.findDiffKeys(e.props,g.defaultProps),s=S(e,a,t),u=_(e,a,t),p=n.classNames("p-accordion-tab",{"p-accordion-tab-active":a});return o.createElement("div",l({key:r,className:p},i),s,u)}return null},I=n.ObjectUtils.findDiffKeys(e,O.defaultProps),x=n.classNames("p-accordion p-component",e.className),A=o.Children.map(e.children,w);return o.createElement("div",l({id:c,ref:j,className:x,style:e.style},I),A)}));g.displayName="AccordionTab",g.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},O.displayName="Accordion",O.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null},exports.Accordion=O,exports.AccordionTab=g;

package/accordion/accordion.d.ts

@@ -26,11 +26,8 @@ interface AccordionEventParams {
     index: number;
 }
 
-export interface AccordionProps {
-    id?: string;
+export interface AccordionProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     activeIndex?: AccordionActiveIndexType;
-    className?: string;
-    style?: object;
     multiple?: boolean;
     expandIcon?: IconType<AccordionProps>;
     collapseIcon?: IconType<AccordionProps>;
@@ -42,4 +39,6 @@ export interface AccordionProps {
 }
 
 // tslint:disable-next-line:max-classes-per-file
-export declare class Accordion extends React.Component<AccordionProps, any> { }
+export declare class Accordion extends React.Component<AccordionProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/accordion/accordion.esm.js

@@ -128,6 +128,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
       activeIndexState = _React$useState4[0],
       setActiveIndexState = _React$useState4[1];
 
+  var elementRef = React.useRef(null);
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
 
   var shouldUseTab = function shouldUseTab(tab) {
@@ -173,6 +174,13 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }) : activeIndex === index;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   useMountEffect(function () {
     if (!idState) {
       setIdState(UniqueComponentId());
@@ -274,6 +282,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var tabs = createTabs();
   return /*#__PURE__*/React.createElement("div", _extends({
     id: idState,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), tabs);

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{UniqueComponentId as t,ObjectUtils as o,classNames as a,IconUtils as l}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}function c(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function p(e){if(Array.isArray(e))return s(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return s(e,r);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)?s(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return m(e)||b(e,r)||d(e,r)||y()}function v(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function g(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach((function(r){c(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var O=function(){},N=e.forwardRef((function(c,s){var m=h(e.useState(c.id),2),b=m[0],y=m[1],v=h(e.useState(c.activeIndex),2),E=v[1],T=c.onTabChange?c.activeIndex:v[0],j=function(e){return e&&"AccordionTab"===e.props.__TYPE},S=function(e,r,n){if(!r.props.disabled){var t=P(n),o=null;if(c.multiple){var a=T||[];o=t?a.filter((function(e){return e!==n})):[].concat(p(i=a)||u(i)||d(i)||f(),[n])}else o=t?null:n;var l=t?c.onTabClose:c.onTabOpen;l&&l({originalEvent:e,index:n}),c.onTabChange?c.onTabChange({originalEvent:e,index:o}):E(o)}var i;e.preventDefault()},P=function(e){return c.multiple?T&&T.some((function(r){return r===e})):T===e};n((function(){b||y(t())}));var w=function(r,n,t){var i=g(g({},r.props.style||{}),r.props.headerStyle||{}),s=a("p-accordion-header",{"p-highlight":n,"p-disabled":r.props.disabled},r.props.headerClassName,r.props.className),p=b+"_header_"+t,u=b+"_content_"+t,d=r.props.disabled?-1:null,f=r.props.headerTemplate?o.getJSXElement(r.props.headerTemplate,r.props):e.createElement("span",{className:"p-accordion-header-text"},r.props.header),m=l.getJSXIcon(n?c.collapseIcon:c.expandIcon,{className:"p-accordion-toggle-icon"},{props:c,selected:n});return e.createElement("div",{className:s,style:i},e.createElement("a",{href:"#"+u,id:p,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":n,onClick:function(e){return S(e,r,t)},tabIndex:d},m,f))},_=function(n,t,o){var l=g(g({},n.props.style||{}),n.props.contentStyle||{}),i=a("p-toggleable-content",n.props.contentClassName,n.props.className),s=b+"_content_"+o,p=b+"_header_"+o,u=e.createRef();return e.createElement(r,{nodeRef:u,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:c.transitionOptions},e.createElement("div",{ref:u,id:s,className:i,style:l,role:"region","aria-labelledby":p},e.createElement("div",{className:"p-accordion-content"},n.props.children)))},x=function(r,n){if(j(r)){var t=b+"_"+n,l=P(n),c=o.findDiffKeys(r.props,O.defaultProps),s=w(r,l,n),p=_(r,l,n),u=a("p-accordion-tab",{"p-accordion-tab-active":l});return e.createElement("div",i({key:t,className:u},c),s,p)}return null},A=o.findDiffKeys(c,N.defaultProps),I=a("p-accordion p-component",c.className),C=e.Children.map(c.children,x);return e.createElement("div",i({id:b,className:I,style:c.style},A),C)}));O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},N.displayName="Accordion",N.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null};export{N as Accordion,O as AccordionTab};
+import*as e from"react";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{UniqueComponentId as t,ObjectUtils as o,classNames as a,IconUtils as l}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}function c(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function p(e){if(Array.isArray(e))return s(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return s(e,r);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)?s(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return m(e)||b(e,r)||d(e,r)||y()}function v(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function g(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach((function(r){c(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var O=function(){},E=e.forwardRef((function(c,s){var m=h(e.useState(c.id),2),b=m[0],y=m[1],v=h(e.useState(c.activeIndex),2),N=v[0],T=v[1],j=e.useRef(null),S=c.onTabChange?c.activeIndex:N,P=function(e){return e&&"AccordionTab"===e.props.__TYPE},w=function(e,r,n){if(!r.props.disabled){var t=I(n),o=null;if(c.multiple){var a=S||[];o=t?a.filter((function(e){return e!==n})):[].concat(p(i=a)||u(i)||d(i)||f(),[n])}else o=t?null:n;var l=t?c.onTabClose:c.onTabOpen;l&&l({originalEvent:e,index:n}),c.onTabChange?c.onTabChange({originalEvent:e,index:o}):T(o)}var i;e.preventDefault()},I=function(e){return c.multiple?S&&S.some((function(r){return r===e})):S===e};e.useImperativeHandle(s,(function(){return g({getElement:function(){return j.current}},c)})),n((function(){b||y(t())}));var _=function(r,n,t){var i=g(g({},r.props.style||{}),r.props.headerStyle||{}),s=a("p-accordion-header",{"p-highlight":n,"p-disabled":r.props.disabled},r.props.headerClassName,r.props.className),p=b+"_header_"+t,u=b+"_content_"+t,d=r.props.disabled?-1:null,f=r.props.headerTemplate?o.getJSXElement(r.props.headerTemplate,r.props):e.createElement("span",{className:"p-accordion-header-text"},r.props.header),m=l.getJSXIcon(n?c.collapseIcon:c.expandIcon,{className:"p-accordion-toggle-icon"},{props:c,selected:n});return e.createElement("div",{className:s,style:i},e.createElement("a",{href:"#"+u,id:p,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":n,onClick:function(e){return w(e,r,t)},tabIndex:d},m,f))},x=function(n,t,o){var l=g(g({},n.props.style||{}),n.props.contentStyle||{}),i=a("p-toggleable-content",n.props.contentClassName,n.props.className),s=b+"_content_"+o,p=b+"_header_"+o,u=e.createRef();return e.createElement(r,{nodeRef:u,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:c.transitionOptions},e.createElement("div",{ref:u,id:s,className:i,style:l,role:"region","aria-labelledby":p},e.createElement("div",{className:"p-accordion-content"},n.props.children)))},A=function(r,n){if(P(r)){var t=b+"_"+n,l=I(n),c=o.findDiffKeys(r.props,O.defaultProps),s=_(r,l,n),p=x(r,l,n),u=a("p-accordion-tab",{"p-accordion-tab-active":l});return e.createElement("div",i({key:t,className:u},c),s,p)}return null},C=o.findDiffKeys(c,E.defaultProps),D=a("p-accordion p-component",c.className),k=e.Children.map(c.children,A);return e.createElement("div",i({id:b,ref:j,className:D,style:c.style},C),k)}));O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},E.displayName="Accordion",E.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null};export{E as Accordion,O as AccordionTab};

package/accordion/accordion.js

@@ -147,6 +147,7 @@ this.primereact.accordion = (function (exports, React, csstransition, hooks, uti
         activeIndexState = _React$useState4[0],
         setActiveIndexState = _React$useState4[1];
 
+    var elementRef = React__namespace.useRef(null);
     var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
 
     var shouldUseTab = function shouldUseTab(tab) {
@@ -192,6 +193,13 @@ this.primereact.accordion = (function (exports, React, csstransition, hooks, uti
       }) : activeIndex === index;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     hooks.useMountEffect(function () {
       if (!idState) {
         setIdState(utils.UniqueComponentId());
@@ -293,6 +301,7 @@ this.primereact.accordion = (function (exports, React, csstransition, hooks, uti
     var tabs = createTabs();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: idState,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), tabs);

package/accordion/accordion.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,r,n,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=o(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],l=!0,i=!1;try{for(r=r.call(e);!(l=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(i)throw a}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return m(e)||b(e,t)||d(e,t)||y()}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(){},j=l.forwardRef((function(e,t){var o=h(l.useState(e.id),2),c=o[0],s=o[1],m=h(l.useState(e.activeIndex),2),b=m[1],y=e.onTabChange?e.activeIndex:m[0],v=function(e){return e&&"AccordionTab"===e.props.__TYPE},N=function(t,r,n){if(!r.props.disabled){var a=E(n),o=null;if(e.multiple){var l=y||[];o=a?l.filter((function(e){return e!==n})):[].concat(u(c=l)||p(c)||d(c)||f(),[n])}else o=a?null:n;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:t,index:n}),e.onTabChange?e.onTabChange({originalEvent:t,index:o}):b(o)}var c;t.preventDefault()},E=function(t){return e.multiple?y&&y.some((function(e){return e===t})):y===t};n.useMountEffect((function(){c||s(a.UniqueComponentId())}));var T=function(t,r,n){var o=O(O({},t.props.style||{}),t.props.headerStyle||{}),i=a.classNames("p-accordion-header",{"p-highlight":r,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),s=c+"_header_"+n,u=c+"_content_"+n,p=t.props.disabled?-1:null,d=t.props.headerTemplate?a.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):l.createElement("span",{className:"p-accordion-header-text"},t.props.header),f=a.IconUtils.getJSXIcon(r?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:r});return l.createElement("div",{className:i,style:o},l.createElement("a",{href:"#"+u,id:s,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":r,onClick:function(e){return N(e,t,n)},tabIndex:p},f,d))},P=function(t,n,o){var i=O(O({},t.props.style||{}),t.props.contentStyle||{}),s=a.classNames("p-toggleable-content",t.props.contentClassName,t.props.className),u=c+"_content_"+o,p=c+"_header_"+o,d=l.createRef();return l.createElement(r.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:e.transitionOptions},l.createElement("div",{ref:d,id:u,className:s,style:i,role:"region","aria-labelledby":p},l.createElement("div",{className:"p-accordion-content"},t.props.children)))},S=function(e,t){if(v(e)){var r=c+"_"+t,n=E(t),o=a.ObjectUtils.findDiffKeys(e.props,g.defaultProps),s=T(e,n,t),u=P(e,n,t),p=a.classNames("p-accordion-tab",{"p-accordion-tab-active":n});return l.createElement("div",i({key:r,className:p},o),s,u)}return null},_=a.ObjectUtils.findDiffKeys(e,j.defaultProps),w=a.classNames("p-accordion p-component",e.className),A=l.Children.map(e.children,S);return l.createElement("div",i({id:c,className:w,style:e.style},_),A)}));return g.displayName="AccordionTab",g.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},j.displayName="Accordion",j.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null},e.Accordion=j,e.AccordionTab=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r,a){"use strict";function o(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 l=o(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){(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 u(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw a}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return m(e)||b(e,t)||d(e,t)||y()}function v(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(){},j=l.forwardRef((function(e,t){var o=h(l.useState(e.id),2),c=o[0],s=o[1],m=h(l.useState(e.activeIndex),2),b=m[0],y=m[1],v=l.useRef(null),N=e.onTabChange?e.activeIndex:b,E=function(e){return e&&"AccordionTab"===e.props.__TYPE},T=function(t,n,r){if(!n.props.disabled){var a=P(r),o=null;if(e.multiple){var l=N||[];o=a?l.filter((function(e){return e!==r})):[].concat(u(c=l)||p(c)||d(c)||f(),[r])}else o=a?null:r;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:t,index:r}),e.onTabChange?e.onTabChange({originalEvent:t,index:o}):y(o)}var c;t.preventDefault()},P=function(t){return e.multiple?N&&N.some((function(e){return e===t})):N===t};l.useImperativeHandle(t,(function(){return g({getElement:function(){return v.current}},e)})),r.useMountEffect((function(){c||s(a.UniqueComponentId())}));var S=function(t,n,r){var o=g(g({},t.props.style||{}),t.props.headerStyle||{}),i=a.classNames("p-accordion-header",{"p-highlight":n,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),s=c+"_header_"+r,u=c+"_content_"+r,p=t.props.disabled?-1:null,d=t.props.headerTemplate?a.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):l.createElement("span",{className:"p-accordion-header-text"},t.props.header),f=a.IconUtils.getJSXIcon(n?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:n});return l.createElement("div",{className:i,style:o},l.createElement("a",{href:"#"+u,id:s,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":n,onClick:function(e){return T(e,t,r)},tabIndex:p},f,d))},_=function(t,r,o){var i=g(g({},t.props.style||{}),t.props.contentStyle||{}),s=a.classNames("p-toggleable-content",t.props.contentClassName,t.props.className),u=c+"_content_"+o,p=c+"_header_"+o,d=l.createRef();return l.createElement(n.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0,options:e.transitionOptions},l.createElement("div",{ref:d,id:u,className:s,style:i,role:"region","aria-labelledby":p},l.createElement("div",{className:"p-accordion-content"},t.props.children)))},w=function(e,t){if(E(e)){var n=c+"_"+t,r=P(t),o=a.ObjectUtils.findDiffKeys(e.props,O.defaultProps),s=S(e,r,t),u=_(e,r,t),p=a.classNames("p-accordion-tab",{"p-accordion-tab-active":r});return l.createElement("div",i({key:n,className:p},o),s,u)}return null},I=a.ObjectUtils.findDiffKeys(e,j.defaultProps),A=a.classNames("p-accordion p-component",e.className),C=l.Children.map(e.children,w);return l.createElement("div",i({id:c,ref:v,className:A,style:e.style},I),C)}));return O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null},j.displayName="Accordion",j.defaultProps={__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null},e.Accordion=j,e.AccordionTab=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils);

package/autocomplete/autocomplete.cjs.js

@@ -56,6 +56,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -133,30 +148,15 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
+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 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 = 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 _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; }
 var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
   };
 
-  var createGroupChildren = function createGroupChildren(optionGroup, i) {
+  var createGroupChildren = function createGroupChildren(optionGroup, i, style) {
     var groupChildren = props.getOptionGroupChildren(optionGroup);
     return groupChildren.map(function (item, j) {
       var key = i + '_' + j;
@@ -167,6 +167,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
         role: "option",
         "aria-selected": selected,
         className: "p-autocomplete-item",
+        style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, item);
         },
@@ -177,14 +178,20 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
   };
 
   var createItem = function createItem(suggestion, index) {
+    var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var style = {
+      height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+    };
+
     if (props.optionGroupLabel) {
       var content = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, suggestion, index) : props.getOptionGroupLabel(suggestion);
-      var childrenContent = createGroupChildren(suggestion, index);
+      var childrenContent = createGroupChildren(suggestion, index, style);
       var key = index + '_' + getOptionGroupRenderKey(suggestion);
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: key
       }, /*#__PURE__*/React__namespace.createElement("li", {
-        className: "p-autocomplete-item-group"
+        className: "p-autocomplete-item-group",
+        style: style
       }, content), childrenContent);
     } else {
       var _content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? utils.ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
@@ -194,6 +201,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
         role: "option",
         "aria-selected": props.selectedItem === suggestion,
         className: "p-autocomplete-item",
+        style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, suggestion);
         }
@@ -207,13 +215,14 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
 
   var createContent = function createContent() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread(_objectSpread({}, props.virtualScrollerOptions), {
-        style: _objectSpread(_objectSpread({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
+        style: _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
+        autoSize: true,
         items: props.suggestions,
         itemTemplate: function itemTemplate(item, options) {
-          return item && createItem(item, options.index);
+          return item && createItem(item, options.index, options);
         },
         contentTemplate: function contentTemplate(options) {
           var className = utils.classNames('p-autocomplete-items', options.className);
@@ -242,7 +251,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
   var createElement = function createElement() {
     var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName);
 
-    var style = _objectSpread({
+    var style = _objectSpread$1({
       maxHeight: props.scrollHeight
     }, props.panelStyle || {});
 
@@ -278,6 +287,9 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
 }));
 AutoCompletePanel.displayName = 'AutoCompletePanel';
 
+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 = 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; }
 var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -395,7 +407,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
 
     if (!preventInputFocus) {
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
       hide();
     }
   };
@@ -460,7 +472,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-      utils.DomHandler.addClass(overlayRef.current.firstChild.firstChild, 'p-highlight');
+      var element = getScrollableElement().firstChild.firstChild;
+      utils.DomHandler.addClass(element, 'p-highlight');
     }
   };
 
@@ -492,7 +505,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var onDropdownClick = function onDropdownClick(event) {
     if (props.dropdownAutoFocus) {
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current, props.dropdownAutoFocus);
     }
 
     if (props.dropdownMode === 'blank') search(event, '', 'dropdown');else if (props.dropdownMode === 'current') search(event, inputRef.current.value, 'dropdown');
@@ -533,7 +546,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
             if (nextElement) {
               utils.DomHandler.addClass(nextElement, 'p-highlight');
               utils.DomHandler.removeClass(highlightItem, 'p-highlight');
-              utils.DomHandler.scrollInView(overlayRef.current, nextElement);
+              utils.DomHandler.scrollInView(getScrollableElement(), nextElement);
             }
           } else {
             highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li');
@@ -558,7 +571,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
             if (previousElement) {
               utils.DomHandler.addClass(previousElement, 'p-highlight');
               utils.DomHandler.removeClass(highlightItem, 'p-highlight');
-              utils.DomHandler.scrollInView(overlayRef.current, previousElement);
+              utils.DomHandler.scrollInView(getScrollableElement(), previousElement);
             }
           }
 
@@ -570,9 +583,9 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
           if (highlightItem) {
             selectHighlightItem(event, highlightItem);
             hide();
+            event.preventDefault();
           }
 
-          event.preventDefault();
           break;
         //escape
 
@@ -665,7 +678,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   var onMultiContainerClick = function onMultiContainerClick(event) {
-    inputRef.current.focus();
+    utils.DomHandler.focus(inputRef.current);
     props.onClick && props.onClick(event);
   };
 
@@ -691,6 +704,10 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }) : -1;
   };
 
+  var getScrollableElement = function getScrollableElement() {
+    return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
+  };
+
   var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
     return props.optionGroupLabel ? utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
   };
@@ -707,8 +724,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       setIdState(utils.UniqueComponentId());
     }
 
-    if (props.autoFocus && inputRef.current) {
-      inputRef.current.focus();
+    if (props.autoFocus) {
+      utils.DomHandler.focus(inputRef.current, props.autoFocus);
     }
   });
   hooks.useUpdateEffect(function () {
@@ -730,9 +747,21 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   React__namespace.useImperativeHandle(ref, function () {
-    return {
-      search: search
-    };
+    return _objectSpread({
+      search: search,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      },
+      getVirtualScroller: function getVirtualScroller() {
+        return virtualScrollerRef.current;
+      }
+    }, props);
   });
 
   var createSimpleAutoComplete = function createSimpleAutoComplete() {

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

package/autocomplete/autocomplete.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import { VirtualScrollerProps } from '../virtualscroller';
+import { VirtualScrollerProps, VirtualScroller } from '../virtualscroller';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 
@@ -109,4 +109,8 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.In
 
 export declare class AutoComplete extends React.Component<AutoCompleteProps, any> {
     public search(event:React.SyntheticEvent, query:string, source: AutoCompleteSourceType): void;
+    public getElement(): HTMLSpanElement;
+    public getInput(): HTMLInputElement;
+    public getOverlay(): HTMLElement;
+    public getVirtualScroller(): VirtualScroller;
 }