primereact 9.5.0 → 9.6.0

package/autocomplete/autocomplete.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
@@ -8,7 +8,8 @@ import { TimesCircleIcon } from 'primereact/icons/timescircle';
 import { InputText } from 'primereact/inputtext';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, UniqueComponentId, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { classNames, mergeProps, ObjectUtils, UniqueComponentId, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
@@ -141,7 +142,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var AutoCompleteBase = {
+var AutoCompleteBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'AutoComplete',
     id: null,
@@ -209,27 +210,30 @@ var AutoCompleteBase = {
     value: null,
     virtualScrollerOptions: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, AutoCompleteBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, AutoCompleteBase.defaultProps);
   }
-};
+});
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var context = React.useContext(PrimeReactContext);
+  var getPTOptions = function getPTOptions(item, key) {
+    return props.ptm(key, {
+      context: {
+        selected: props.selectedItem.current === item
+      }
+    });
+  };
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
   };
   var createFooter = function createFooter() {
     if (props.panelFooterTemplate) {
       var content = ObjectUtils.getJSXElement(props.panelFooterTemplate, props, props.onOverlayHide);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-autocomplete-footer"
-      }, content);
+      var footerProps = mergeProps({
+        className: 'p-autocomplete-footer'
+      }, props.ptm('footer'));
+      return /*#__PURE__*/React.createElement("div", footerProps, content);
     }
     return null;
   };
@@ -242,18 +246,20 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       var className = classNames('p-autocomplete-item', {
         'p-disabled': item.disabled
       });
-      return /*#__PURE__*/React.createElement("li", {
-        key: key,
-        role: "option",
-        "aria-selected": selected,
+      var itemProps = mergeProps({
+        role: 'option',
+        'aria-selected': selected,
         className: className,
         style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, item);
         },
-        "data-group": i,
-        "data-index": j
-      }, content, /*#__PURE__*/React.createElement(Ripple, null));
+        'data-group': i,
+        'data-index': j
+      }, getPTOptions(item, 'item'));
+      return /*#__PURE__*/React.createElement("li", _extends({
+        key: key
+      }, itemProps), content, /*#__PURE__*/React.createElement(Ripple, null));
     });
   };
   var createItem = function createItem(suggestion, index) {
@@ -265,27 +271,30 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, suggestion, index) : props.getOptionGroupLabel(suggestion);
       var childrenContent = createGroupChildren(suggestion, index, style);
       var key = index + '_' + getOptionGroupRenderKey(suggestion);
+      var itemGroupProps = mergeProps({
+        className: 'p-autocomplete-item-group',
+        style: style
+      }, props.ptm('itemGroup'));
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: key
-      }, /*#__PURE__*/React.createElement("li", {
-        className: "p-autocomplete-item-group",
-        style: style
-      }, content), childrenContent);
+      }, /*#__PURE__*/React.createElement("li", itemGroupProps, content), childrenContent);
     } else {
       var _content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
       var className = classNames('p-autocomplete-item', {
         'p-disabled': suggestion.disabled
       });
-      return /*#__PURE__*/React.createElement("li", {
-        key: index,
-        role: "option",
-        "aria-selected": props.selectedItem === suggestion,
+      var itemProps = mergeProps({
+        role: 'option',
+        'aria-selected': props.selectedItem === suggestion,
         className: className,
         style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, suggestion);
         }
-      }, _content, /*#__PURE__*/React.createElement(Ripple, null));
+      }, getPTOptions(suggestion, 'item'));
+      return /*#__PURE__*/React.createElement("li", _extends({
+        key: index
+      }, itemProps), _content, /*#__PURE__*/React.createElement(Ripple, null));
     }
   };
   var createItems = function createItems() {
@@ -294,11 +303,13 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   var createContent = function createContent() {
     if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
       var emptyMessage = props.emptyMessage || localeOption('emptyMessage');
-      return /*#__PURE__*/React.createElement("ul", {
-        className: "p-autocomplete-items"
-      }, /*#__PURE__*/React.createElement("li", {
-        className: "p-autocomplete-item"
-      }, emptyMessage));
+      var emptyMessageProps = mergeProps({
+        className: 'p-autocomplete-item'
+      }, props.ptm('emptyMesage'));
+      var listProps = mergeProps({
+        className: 'p-autocomplete-items'
+      }, props.ptm('list'));
+      return /*#__PURE__*/React.createElement("ul", listProps, /*#__PURE__*/React.createElement("li", emptyMessageProps, emptyMessage));
     }
     if (props.virtualScrollerOptions) {
       var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
@@ -312,40 +323,53 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
         },
         contentTemplate: function contentTemplate(options) {
           var className = classNames('p-autocomplete-items', options.className);
-          return /*#__PURE__*/React.createElement("ul", {
+          var listProps = mergeProps({
+            id: props.listId,
             ref: options.contentRef,
             style: options.style,
             className: className,
-            role: "listbox",
-            id: props.listId
-          }, options.children);
+            role: 'listbox'
+          }, props.ptm('list'));
+          return /*#__PURE__*/React.createElement("ul", listProps, options.children);
         }
       });
       return /*#__PURE__*/React.createElement(VirtualScroller, _extends({
         ref: props.virtualScrollerRef
-      }, virtualScrollerProps));
+      }, virtualScrollerProps, {
+        pt: props.ptm('virtualScroller')
+      }));
     } else {
       var items = createItems();
-      return /*#__PURE__*/React.createElement("div", {
-        className: "p-autocomplete-items-wrapper",
+      var _listProps = mergeProps({
+        id: props.listId,
+        className: 'p-autocomplete-items',
+        role: 'listbox'
+      }, props.ptm('list'));
+      var listWrapperProps = mergeProps({
+        className: 'p-autocomplete-items-wrapper',
         style: {
           maxHeight: props.scrollHeight || 'auto'
         }
-      }, /*#__PURE__*/React.createElement("ul", {
-        className: "p-autocomplete-items",
-        role: "listbox",
-        id: props.listId
-      }, items));
+      }, props.ptm('listWrapper'));
+      return /*#__PURE__*/React.createElement("div", listWrapperProps, /*#__PURE__*/React.createElement("ul", _listProps, items));
     }
   };
   var createElement = function createElement() {
     var className = classNames('p-autocomplete-panel p-component', props.panelClassName, {
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
     var style = _objectSpread$1({}, props.panelStyle || {});
     var content = createContent();
     var footer = createFooter();
+    var panelProps = mergeProps({
+      ref: ref,
+      className: className,
+      style: style,
+      onClick: function onClick(e) {
+        return props.onClick(e);
+      }
+    }, props.ptm('panel'));
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: ref,
       classNames: "p-connected-overlay",
@@ -361,12 +385,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       onEntered: props.onEntered,
       onExit: props.onExit,
       onExited: props.onExited
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: ref,
-      className: className,
-      style: style,
-      onClick: props.onClick
-    }, content, footer));
+    }, /*#__PURE__*/React.createElement("div", panelProps, content, footer));
   };
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
@@ -379,7 +398,8 @@ 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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = AutoCompleteBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = AutoCompleteBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
@@ -396,6 +416,16 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     overlayVisibleState = _React$useState8[0],
     setOverlayVisibleState = _React$useState8[1];
+  var _AutoCompleteBase$set = AutoCompleteBase.setMetaData({
+      props: props,
+      state: {
+        id: idState,
+        searching: searchingState,
+        focused: focusedState,
+        overlayVisible: overlayVisibleState
+      }
+    }),
+    ptm = _AutoCompleteBase$set.ptm;
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var inputRef = React.useRef(props.inputRef);
@@ -537,7 +567,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     setSearchingState(false);
   };
   var onOverlayEnter = function onOverlayEnter() {
-    ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
     alignOverlay();
   };
   var onOverlayEntering = function onOverlayEntering() {
@@ -559,7 +589,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var alignOverlay = function alignOverlay() {
     var target = props.multiple ? multiContainerRef.current : inputRef.current;
-    DomHandler.alignOverlay(overlayRef.current, target, props.appendTo || PrimeReact.appendTo);
+    DomHandler.alignOverlay(overlayRef.current, target, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
   };
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
@@ -833,52 +863,57 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onKeyPress: props.onKeyPress,
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
-      onDoubleClick: props.onDblClick
+      onDoubleClick: props.onDblClick,
+      pt: ptm('input')
     }, ariaProps));
   };
   var createChips = function createChips() {
     if (ObjectUtils.isNotEmpty(props.value)) {
       return props.value.map(function (val, index) {
         var key = index + 'multi-item';
-        var iconProps = {
+        var removeTokenIconProps = mergeProps({
           className: 'p-autocomplete-token-icon',
           onClick: function onClick(e) {
             return removeItem(e, index);
           }
-        };
-        var icon = props.removeTokenIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
-        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+        }, ptm('removeTokenIcon'));
+        var icon = props.removeTokenIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, removeTokenIconProps);
+        var removeTokenIcon = !props.disabled && IconUtils.getJSXIcon(icon, _objectSpread({}, removeTokenIconProps), {
           props: props
         });
-        return /*#__PURE__*/React.createElement("li", {
-          key: key,
-          className: "p-autocomplete-token p-highlight"
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "p-autocomplete-token-label"
-        }, formatValue(val)), removeTokenIcon);
+        var tokenProps = mergeProps({
+          className: 'p-autocomplete-token p-highlight'
+        }, ptm('token'));
+        var tokenLabelProps = mergeProps({
+          className: 'p-autocomplete-token-label'
+        }, ptm('tokenLabel'));
+        return /*#__PURE__*/React.createElement("li", _extends({
+          key: key
+        }, tokenProps), /*#__PURE__*/React.createElement("span", tokenLabelProps, formatValue(val)), removeTokenIcon);
       });
     }
     return null;
   };
   var createMultiInput = function createMultiInput() {
     var ariaControls = overlayVisibleState ? idState + '_list' : null;
-    return /*#__PURE__*/React.createElement("li", {
-      className: "p-autocomplete-input-token"
-    }, /*#__PURE__*/React.createElement("input", _extends({
+    var inputTokenProps = mergeProps({
+      className: 'p-autocomplete-input-token'
+    }, ptm('inputToken'));
+    var inputProps = mergeProps(_objectSpread({
+      id: props.inputId,
       ref: inputRef,
       type: props.type,
       disabled: props.disabled,
       placeholder: props.placeholder,
-      role: "combobox",
-      "aria-autocomplete": "list",
-      "aria-controls": ariaControls,
-      "aria-haspopup": "listbox",
-      "aria-expanded": overlayVisibleState,
-      autoComplete: "off",
+      role: 'combobox',
+      'aria-autocomplete': 'list',
+      'aria-controls': ariaControls,
+      'aria-haspopup': 'listbox',
+      'aria-expanded': overlayVisibleState,
+      autoComplete: 'off',
       readOnly: props.readOnly,
       tabIndex: props.tabIndex,
       onChange: onInputChange,
-      id: props.inputId,
       name: props.name,
       style: props.inputStyle,
       className: props.inputClassName,
@@ -888,7 +923,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onKeyPress: props.onKeyPress,
       onFocus: onMultiInputFocus,
       onBlur: onMultiInputBlur
-    }, ariaProps)));
+    }, ariaProps), ptm('input'));
+    return /*#__PURE__*/React.createElement("li", inputTokenProps, /*#__PURE__*/React.createElement("input", inputProps));
   };
   var createMultipleAutoComplete = function createMultipleAutoComplete() {
     var className = classNames('p-autocomplete-multiple-container p-component p-inputtext', {
@@ -896,14 +932,15 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     });
     var tokens = createChips();
     var input = createMultiInput();
-    return /*#__PURE__*/React.createElement("ul", {
+    var containerProps = mergeProps({
       ref: multiContainerRef,
       className: className,
+      onClick: onMultiContainerClick,
       onContextMenu: props.onContextMenu,
       onMouseDown: props.onMouseDown,
-      onClick: onMultiContainerClick,
       onDoubleClick: props.onDblClick
-    }, tokens, input);
+    }, ptm('container'));
+    return /*#__PURE__*/React.createElement("ul", containerProps, tokens, input);
   };
   var createDropdown = function createDropdown() {
     if (props.dropdown) {
@@ -914,7 +951,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         className: "p-autocomplete-dropdown",
         disabled: props.disabled,
         onClick: onDropdownClick,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        pt: ptm('dropdownButton')
       });
     }
     return null;
@@ -922,12 +960,11 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   var createLoader = function createLoader() {
     if (searchingState) {
       var iconClassName = 'p-autocomplete-loader p-icon-spin';
-      var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, {
+      var loadingIconProps = mergeProps({
         className: iconClassName
-      });
-      var loaderIcon = IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, ptm('loadingIcon'));
+      var icon = props.loadingIcon || /*#__PURE__*/React.createElement(SpinnerIcon, loadingIconProps);
+      var loaderIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
         props: props
       });
       return loaderIcon;
@@ -950,12 +987,13 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   var loader = createLoader();
   var input = createInput();
   var dropdown = createDropdown();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", _extends({
-    ref: elementRef,
+  var rootProps = mergeProps({
     id: idState,
+    ref: elementRef,
     style: props.style,
     className: className
-  }, otherProps), input, loader, dropdown, /*#__PURE__*/React.createElement(AutoCompletePanel, _extends({
+  }, otherProps, ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", rootProps, input, loader, dropdown, /*#__PURE__*/React.createElement(AutoCompletePanel, _extends({
     ref: overlayRef,
     virtualScrollerRef: virtualScrollerRef
   }, props, {
@@ -970,11 +1008,14 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     onEntering: onOverlayEntering,
     onEntered: onOverlayEntered,
     onExit: onOverlayExit,
-    onExited: onOverlayExited
+    onExited: onOverlayExited,
+    ptm: ptm
   }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 AutoComplete.displayName = 'AutoComplete';
 

package/autocomplete/autocomplete.esm.min.js

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