primereact 9.4.0 → 9.6.0

package/autocomplete/autocomplete.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.autocomplete = (function (exports, React, PrimeReact, button, hooks, chevrondown, spinner, timescircle, inputtext, overlayservice, tooltip, utils, csstransition, portal, ripple, virtualscroller) {
+this.primereact.autocomplete = (function (exports, React, PrimeReact, button, hooks, chevrondown, spinner, timescircle, inputtext, overlayservice, tooltip, utils, componentbase, csstransition, portal, ripple, virtualscroller) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -152,7 +152,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var AutoCompleteBase = {
+  var AutoCompleteBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'AutoComplete',
       id: null,
@@ -200,6 +200,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       optionGroupLabel: null,
       optionGroupTemplate: null,
       panelClassName: null,
+      panelFooterTemplate: null,
       panelStyle: null,
       placeholder: null,
       readOnly: false,
@@ -219,21 +220,33 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       value: null,
       virtualScrollerOptions: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, AutoCompleteBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, AutoCompleteBase.defaultProps);
     }
-  };
+  });
 
   function 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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var getPTOptions = function getPTOptions(item, key) {
+      return props.ptm(key, {
+        context: {
+          selected: props.selectedItem.current === item
+        }
+      });
+    };
     var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
       return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
     };
+    var createFooter = function createFooter() {
+      if (props.panelFooterTemplate) {
+        var content = utils.ObjectUtils.getJSXElement(props.panelFooterTemplate, props, props.onOverlayHide);
+        var footerProps = utils.mergeProps({
+          className: 'p-autocomplete-footer'
+        }, props.ptm('footer'));
+        return /*#__PURE__*/React__namespace.createElement("div", footerProps, content);
+      }
+      return null;
+    };
     var createGroupChildren = function createGroupChildren(optionGroup, i, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (item, j) {
@@ -243,18 +256,20 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         var className = utils.classNames('p-autocomplete-item', {
           'p-disabled': item.disabled
         });
-        return /*#__PURE__*/React__namespace.createElement("li", {
-          key: key,
-          role: "option",
-          "aria-selected": selected,
+        var itemProps = utils.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__namespace.createElement(ripple.Ripple, null));
+          'data-group': i,
+          'data-index': j
+        }, getPTOptions(item, 'item'));
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
+          key: key
+        }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       });
     };
     var createItem = function createItem(suggestion, index) {
@@ -266,27 +281,30 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         var content = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, suggestion, index) : props.getOptionGroupLabel(suggestion);
         var childrenContent = createGroupChildren(suggestion, index, style);
         var key = index + '_' + getOptionGroupRenderKey(suggestion);
+        var itemGroupProps = utils.mergeProps({
+          className: 'p-autocomplete-item-group',
+          style: style
+        }, props.ptm('itemGroup'));
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-autocomplete-item-group",
-          style: style
-        }, content), childrenContent);
+        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, content), childrenContent);
       } else {
         var _content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? utils.ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
         var className = utils.classNames('p-autocomplete-item', {
           'p-disabled': suggestion.disabled
         });
-        return /*#__PURE__*/React__namespace.createElement("li", {
-          key: index,
-          role: "option",
-          "aria-selected": props.selectedItem === suggestion,
+        var itemProps = utils.mergeProps({
+          role: 'option',
+          'aria-selected': props.selectedItem === suggestion,
           className: className,
           style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, suggestion);
           }
-        }, _content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, getPTOptions(suggestion, 'item'));
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
+          key: index
+        }, itemProps), _content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
     };
     var createItems = function createItems() {
@@ -295,11 +313,13 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     var createContent = function createContent() {
       if (props.showEmptyMessage && utils.ObjectUtils.isEmpty(props.suggestions)) {
         var emptyMessage = props.emptyMessage || PrimeReact.localeOption('emptyMessage');
-        return /*#__PURE__*/React__namespace.createElement("ul", {
-          className: "p-autocomplete-items"
-        }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-autocomplete-item"
-        }, emptyMessage));
+        var emptyMessageProps = utils.mergeProps({
+          className: 'p-autocomplete-item'
+        }, props.ptm('emptyMesage'));
+        var listProps = utils.mergeProps({
+          className: 'p-autocomplete-items'
+        }, props.ptm('list'));
+        return /*#__PURE__*/React__namespace.createElement("ul", listProps, /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, emptyMessage));
       }
       if (props.virtualScrollerOptions) {
         var virtualScrollerProps = _objectSpread$1(_objectSpread$1({}, props.virtualScrollerOptions), {
@@ -313,36 +333,53 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
           },
           contentTemplate: function contentTemplate(options) {
             var className = utils.classNames('p-autocomplete-items', options.className);
-            return /*#__PURE__*/React__namespace.createElement("ul", {
+            var listProps = utils.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__namespace.createElement("ul", listProps, options.children);
           }
         });
         return /*#__PURE__*/React__namespace.createElement(virtualscroller.VirtualScroller, _extends({
           ref: props.virtualScrollerRef
-        }, virtualScrollerProps));
+        }, virtualScrollerProps, {
+          pt: props.ptm('virtualScroller')
+        }));
       } else {
         var items = createItems();
-        return /*#__PURE__*/React__namespace.createElement("ul", {
-          className: "p-autocomplete-items",
-          role: "listbox",
-          id: props.listId
-        }, items);
+        var _listProps = utils.mergeProps({
+          id: props.listId,
+          className: 'p-autocomplete-items',
+          role: 'listbox'
+        }, props.ptm('list'));
+        var listWrapperProps = utils.mergeProps({
+          className: 'p-autocomplete-items-wrapper',
+          style: {
+            maxHeight: props.scrollHeight || 'auto'
+          }
+        }, props.ptm('listWrapper'));
+        return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, /*#__PURE__*/React__namespace.createElement("ul", _listProps, items));
       }
     };
     var createElement = function createElement() {
       var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName, {
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
-      var style = _objectSpread$1({
-        maxHeight: props.scrollHeight
-      }, props.panelStyle || {});
+      var style = _objectSpread$1({}, props.panelStyle || {});
       var content = createContent();
+      var footer = createFooter();
+      var panelProps = utils.mergeProps({
+        ref: ref,
+        className: className,
+        style: style,
+        onClick: function onClick(e) {
+          return props.onClick(e);
+        }
+      }, props.ptm('panel'));
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: ref,
         classNames: "p-connected-overlay",
@@ -358,12 +395,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         onEntered: props.onEntered,
         onExit: props.onExit,
         onExited: props.onExited
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        ref: ref,
-        className: className,
-        style: style,
-        onClick: props.onClick
-      }, content));
+      }, /*#__PURE__*/React__namespace.createElement("div", panelProps, content, footer));
     };
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -376,7 +408,8 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
   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 (inProps, ref) {
-    var props = AutoCompleteBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = AutoCompleteBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       idState = _React$useState2[0],
@@ -393,6 +426,16 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       _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__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -534,7 +577,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       setSearchingState(false);
     };
     var onOverlayEnter = function onOverlayEnter() {
-      utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
     };
     var onOverlayEntering = function onOverlayEntering() {
@@ -556,7 +599,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     };
     var alignOverlay = function alignOverlay() {
       var target = props.multiple ? multiContainerRef.current : inputRef.current;
-      utils.DomHandler.alignOverlay(overlayRef.current, target, props.appendTo || PrimeReact__default["default"].appendTo);
+      utils.DomHandler.alignOverlay(overlayRef.current, target, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
     };
     var onPanelClick = function onPanelClick(event) {
       overlayservice.OverlayService.emit('overlay-click', {
@@ -691,6 +734,10 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       props.onFocus && props.onFocus(event);
     };
     var forceItemSelection = function forceItemSelection(event) {
+      if (props.multiple) {
+        inputRef.current.value = '';
+        return;
+      }
       var inputValue = event.target.value.trim();
       var item = (props.suggestions || []).find(function (it) {
         var value = props.field ? utils.ObjectUtils.resolveFieldData(it, props.field) : it;
@@ -826,52 +873,57 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         onKeyPress: props.onKeyPress,
         onContextMenu: props.onContextMenu,
         onClick: props.onClick,
-        onDoubleClick: props.onDblClick
+        onDoubleClick: props.onDblClick,
+        pt: ptm('input')
       }, ariaProps));
     };
     var createChips = function createChips() {
       if (utils.ObjectUtils.isNotEmpty(props.value)) {
         return props.value.map(function (val, index) {
           var key = index + 'multi-item';
-          var iconProps = {
+          var removeTokenIconProps = utils.mergeProps({
             className: 'p-autocomplete-token-icon',
             onClick: function onClick(e) {
               return removeItem(e, index);
             }
-          };
-          var icon = props.removeTokenIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
-          var removeTokenIcon = !props.disabled && utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+          }, ptm('removeTokenIcon'));
+          var icon = props.removeTokenIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, removeTokenIconProps);
+          var removeTokenIcon = !props.disabled && utils.IconUtils.getJSXIcon(icon, _objectSpread({}, removeTokenIconProps), {
             props: props
           });
-          return /*#__PURE__*/React__namespace.createElement("li", {
-            key: key,
-            className: "p-autocomplete-token p-highlight"
-          }, /*#__PURE__*/React__namespace.createElement("span", {
-            className: "p-autocomplete-token-label"
-          }, formatValue(val)), removeTokenIcon);
+          var tokenProps = utils.mergeProps({
+            className: 'p-autocomplete-token p-highlight'
+          }, ptm('token'));
+          var tokenLabelProps = utils.mergeProps({
+            className: 'p-autocomplete-token-label'
+          }, ptm('tokenLabel'));
+          return /*#__PURE__*/React__namespace.createElement("li", _extends({
+            key: key
+          }, tokenProps), /*#__PURE__*/React__namespace.createElement("span", tokenLabelProps, formatValue(val)), removeTokenIcon);
         });
       }
       return null;
     };
     var createMultiInput = function createMultiInput() {
       var ariaControls = overlayVisibleState ? idState + '_list' : null;
-      return /*#__PURE__*/React__namespace.createElement("li", {
-        className: "p-autocomplete-input-token"
-      }, /*#__PURE__*/React__namespace.createElement("input", _extends({
+      var inputTokenProps = utils.mergeProps({
+        className: 'p-autocomplete-input-token'
+      }, ptm('inputToken'));
+      var inputProps = utils.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,
@@ -881,7 +933,8 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         onKeyPress: props.onKeyPress,
         onFocus: onMultiInputFocus,
         onBlur: onMultiInputBlur
-      }, ariaProps)));
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("li", inputTokenProps, /*#__PURE__*/React__namespace.createElement("input", inputProps));
     };
     var createMultipleAutoComplete = function createMultipleAutoComplete() {
       var className = utils.classNames('p-autocomplete-multiple-container p-component p-inputtext', {
@@ -889,14 +942,15 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       });
       var tokens = createChips();
       var input = createMultiInput();
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      var containerProps = utils.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__namespace.createElement("ul", containerProps, tokens, input);
     };
     var createDropdown = function createDropdown() {
       if (props.dropdown) {
@@ -907,7 +961,8 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
           className: "p-autocomplete-dropdown",
           disabled: props.disabled,
           onClick: onDropdownClick,
-          "aria-label": ariaLabel
+          "aria-label": ariaLabel,
+          pt: ptm('dropdownButton')
         });
       }
       return null;
@@ -915,12 +970,11 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     var createLoader = function createLoader() {
       if (searchingState) {
         var iconClassName = 'p-autocomplete-loader p-icon-spin';
-        var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
+        var loadingIconProps = utils.mergeProps({
           className: iconClassName
-        });
-        var loaderIcon = utils.IconUtils.getJSXIcon(icon, {
-          className: iconClassName
-        }, {
+        }, ptm('loadingIcon'));
+        var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, loadingIconProps);
+        var loaderIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
           props: props
         });
         return loaderIcon;
@@ -943,12 +997,13 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     var loader = createLoader();
     var input = createInput();
     var dropdown = createDropdown();
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", _extends({
-      ref: elementRef,
+    var rootProps = utils.mergeProps({
       id: idState,
+      ref: elementRef,
       style: props.style,
       className: className
-    }, otherProps), input, loader, dropdown, /*#__PURE__*/React__namespace.createElement(AutoCompletePanel, _extends({
+    }, otherProps, ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", rootProps, input, loader, dropdown, /*#__PURE__*/React__namespace.createElement(AutoCompletePanel, _extends({
       ref: overlayRef,
       virtualScrollerRef: virtualScrollerRef
     }, props, {
@@ -963,11 +1018,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       onEntering: onOverlayEntering,
       onEntered: onOverlayEntered,
       onExit: onOverlayExit,
-      onExited: onOverlayExited
+      onExited: onOverlayExited,
+      ptm: ptm
     }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   AutoComplete.displayName = 'AutoComplete';
 
@@ -977,4 +1035,4 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
 
   return exports;
 
-})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.timescircle, primereact.inputtext, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.ripple, primereact.virtualscroller);
+})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.timescircle, primereact.inputtext, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.csstransition, primereact.portal, primereact.ripple, primereact.virtualscroller);

package/autocomplete/autocomplete.min.css

@@ -1 +1 @@
-.p-autocomplete{display:inline-flex;position:relative}.p-autocomplete-loader{position:absolute;top:50%;margin-top:-.5rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-input,.p-autocomplete-dd .p-autocomplete-multiple-container{border-top-right-radius:0;border-bottom-right-radius:0}.p-autocomplete-dd .p-autocomplete-dropdown{border-top-left-radius:0;border-bottom-left-radius:0}.p-autocomplete .p-autocomplete-panel{min-width:100%}.p-autocomplete-panel{position:absolute;top:0;left:0;overflow:auto}.p-autocomplete-items{margin:0;padding:0;list-style-type:none}.p-autocomplete-item{cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.p-autocomplete-multiple-container{margin:0;padding:0;list-style-type:none;cursor:text;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-fluid .p-autocomplete-dd .p-autocomplete-input{width:1%}
+.p-autocomplete{display:inline-flex;position:relative}.p-autocomplete-loader{position:absolute;top:50%;margin-top:-.5rem}.p-autocomplete-dd .p-autocomplete-input{flex:1 1 auto;width:1%}.p-autocomplete-dd .p-autocomplete-input,.p-autocomplete-dd .p-autocomplete-multiple-container{border-top-right-radius:0;border-bottom-right-radius:0}.p-autocomplete-dd .p-autocomplete-dropdown{border-top-left-radius:0;border-bottom-left-radius:0}.p-autocomplete .p-autocomplete-panel{min-width:100%}.p-autocomplete-panel{position:absolute;top:0;left:0}.p-autocomplete-items{margin:0;padding:0;list-style-type:none}.p-autocomplete-item{cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.p-autocomplete-multiple-container{margin:0;padding:0;list-style-type:none;cursor:text;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap}.p-autocomplete-token{cursor:default;display:inline-flex;align-items:center;flex:0 0 auto}.p-autocomplete-token-icon{cursor:pointer}.p-autocomplete-input-token{flex:1 1 auto;display:inline-flex}.p-autocomplete-input-token input{border:0 none;outline:0 none;background-color:transparent;margin:0;padding:0;box-shadow:none;border-radius:0;width:100%}.p-fluid .p-autocomplete{display:flex}.p-fluid .p-autocomplete-dd .p-autocomplete-input{width:1%}.p-autocomplete-items-wrapper{overflow:auto}

package/autocomplete/autocomplete.min.js

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

package/avatar/avatar.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -158,7 +159,8 @@ var AvatarBase = componentbase.ComponentBase.extend({
 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 Avatar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = AvatarBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = AvatarBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),

package/avatar/avatar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,r){if("object"!==o(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function i(e){var r=l(e,"string");return"symbol"===o(r)?r:String(r)}function c(e,r,t){return(r=i(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,l,i=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return f(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,r):void 0}}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.")}var y=t.ComponentBase.extend({defaultProps:{__TYPE:"Avatar",className:null,icon:null,image:null,imageAlt:"avatar",imageFallback:"default",label:null,onImageError:null,shape:"square",size:"normal",style:null,template:null,children:void 0}});function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){c(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=a.forwardRef((function(e,t){var n,o,l=y.getProps(e),i=a.useRef(null),c=a.useState(!1),f=(o=2,s(n=c)||p(n,o)||m(n,o)||b()),g=f[0],O=f[1],d=y.setMetaData({props:l,state:{imageFailed:g}}).ptm,j=function(e){"default"===l.imageFallback?l.onImageError||(O(!0),e.target.src=null):e.target.src=l.imageFallback,l.onImageError&&l.onImageError(e)};a.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return i.current}}}));var h=r.classNames("p-avatar p-component",{"p-avatar-image":r.ObjectUtils.isNotEmpty(l.image)&&!g,"p-avatar-circle":"circle"===l.shape,"p-avatar-lg":"large"===l.size,"p-avatar-xl":"xlarge"===l.size,"p-avatar-clickable":!!l.onClick},l.className),P=r.mergeProps({ref:i,style:l.style,className:h},y.getOtherProps(l),d("root")),E=l.template?r.ObjectUtils.getJSXElement(l.template,l):function(){if(r.ObjectUtils.isNotEmpty(l.image)&&!g){var e=r.mergeProps({src:l.image,onError:j},d("image"));return a.createElement("img",u({alt:l.imageAlt},e))}if(l.label){var t=r.mergeProps({className:"p-avatar-text"},d("label"));return a.createElement("span",t,l.label)}if(l.icon){var n=r.mergeProps({className:"p-avatar-icon"},d("icon"));return r.IconUtils.getJSXIcon(l.icon,v({},n),{props:l})}return null}();return a.createElement("div",P,E,l.children)}));O.displayName="Avatar",exports.Avatar=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase"),n=require("primereact/api");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=a(e);function l(e){return l="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},l(e)}function i(e,r){if("object"!==l(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function c(e){var r=i(e,"string");return"symbol"===l(r)?r:String(r)}function u(e,r,t){return(r=c(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,l,i=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return m(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,r):void 0}}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.")}var g=t.ComponentBase.extend({defaultProps:{__TYPE:"Avatar",className:null,icon:null,image:null,imageAlt:"avatar",imageFallback:"default",label:null,onImageError:null,shape:"square",size:"normal",style:null,template:null,children:void 0}});function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=o.forwardRef((function(e,t){var a,l,i=o.useContext(n.PrimeReactContext),c=g.getProps(e,i),u=o.useRef(null),m=o.useState(!1),v=(l=2,p(a=m)||f(a,l)||b(a,l)||y()),d=v[0],j=v[1],P=g.setMetaData({props:c,state:{imageFailed:d}}).ptm,h=function(e){"default"===c.imageFallback?c.onImageError||(j(!0),e.target.src=null):e.target.src=c.imageFallback,c.onImageError&&c.onImageError(e)};o.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return u.current}}}));var E=r.classNames("p-avatar p-component",{"p-avatar-image":r.ObjectUtils.isNotEmpty(c.image)&&!d,"p-avatar-circle":"circle"===c.shape,"p-avatar-lg":"large"===c.size,"p-avatar-xl":"xlarge"===c.size,"p-avatar-clickable":!!c.onClick},c.className),S=r.mergeProps({ref:u,style:c.style,className:E},g.getOtherProps(c),P("root")),w=c.template?r.ObjectUtils.getJSXElement(c.template,c):function(){if(r.ObjectUtils.isNotEmpty(c.image)&&!d){var e=r.mergeProps({src:c.image,onError:h},P("image"));return o.createElement("img",s({alt:c.imageAlt},e))}if(c.label){var t=r.mergeProps({className:"p-avatar-text"},P("label"));return o.createElement("span",t,c.label)}if(c.icon){var n=r.mergeProps({className:"p-avatar-icon"},P("icon"));return r.IconUtils.getJSXIcon(c.icon,O({},n),{props:c})}return null}();return o.createElement("div",S,w,c.children)}));d.displayName="Avatar",exports.Avatar=d;

package/avatar/avatar.d.ts

@@ -38,7 +38,7 @@ export interface AvatarPassThroughOptions {
     /**
      * Uses to pass attributes to the image's DOM element.
      */
-    image?: AvatarPassThroughType<React.HTMLAttributes<HTMLImageElement>>;
+    image?: AvatarPassThroughType<React.ImgHTMLAttributes<HTMLImageElement>>;
 }
 
 /**