primereact 8.7.1 → 8.7.3

package/autocomplete/autocomplete.min.js

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

package/avatar/avatar.cjs.js

@@ -29,28 +29,88 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  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 _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
-
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    imageFailed = _React$useState2[0],
+    setImageFailed = _React$useState2[1];
   var createContent = function createContent() {
-    if (props.image) {
+    if (props.image && !imageFailed) {
       return /*#__PURE__*/React__namespace.createElement("img", {
         src: props.image,
         alt: props.imageAlt,
-        onError: props.onImageError
+        onError: onImageError
       });
     } else if (props.label) {
       return /*#__PURE__*/React__namespace.createElement("span", {
@@ -63,10 +123,21 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         props: props
       });
     }
-
     return null;
   };
-
+  var onImageError = function onImageError(event) {
+    if (props.imageFallback === 'default') {
+      if (!props.onImageError) {
+        // fallback to label or icon
+        setImageFailed(true);
+        event.target.src = null;
+      }
+    } else {
+      // try fallback as an image
+      event.target.src = props.imageFallback;
+    }
+    props.onImageError && props.onImageError(event);
+  };
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -77,7 +148,7 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
   var containerClassName = utils.classNames('p-avatar p-component', {
-    'p-avatar-image': props.image != null,
+    'p-avatar-image': props.image !== null && !imageFailed,
     'p-avatar-circle': props.shape === 'circle',
     'p-avatar-lg': props.size === 'large',
     'p-avatar-xl': props.size === 'xlarge',
@@ -93,16 +164,17 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 Avatar.displayName = 'Avatar';
 Avatar.defaultProps = {
   __TYPE: 'Avatar',
-  label: null,
+  className: null,
   icon: null,
   image: null,
-  size: 'normal',
+  imageAlt: 'avatar',
+  imageFallback: 'default',
+  label: null,
+  onImageError: null,
   shape: 'square',
+  size: 'normal',
   style: null,
-  className: null,
-  template: null,
-  imageAlt: 'avatar',
-  onImageError: null
+  template: null
 };
 
 exports.Avatar = Avatar;

package/avatar/avatar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),a.default=e,Object.freeze(a)}var t=r(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}var n=t.forwardRef((function(e,r){var c=t.useRef(null);t.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return c.current}}}));var i=a.ObjectUtils.findDiffKeys(e,n.defaultProps),s=a.classNames("p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size,"p-avatar-clickable":!!e.onClick},e.className),o=e.template?a.ObjectUtils.getJSXElement(e.template,e):e.image?t.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):e.label?t.createElement("span",{className:"p-avatar-text"},e.label):e.icon?a.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):null;return t.createElement("div",l({ref:c,className:s,style:e.style},i),o,e.children)}));n.displayName="Avatar",n.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null},exports.Avatar=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},n.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function i(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,n,l,i,o=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=l.call(t)).done)&&(o.push(a.value),o.length!==r);c=!0);}catch(e){u=!0,n=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw n}}return o}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,a=new Array(r);t<r;t++)a[t]=e[t];return a}function c(e,r){if(e){if("string"==typeof e)return o(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)?o(e,r):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=a.forwardRef((function(e,t){var o,f,m=a.useRef(null),p=a.useState(!1),g=(f=2,l(o=p)||i(o,f)||c(o,f)||u()),v=g[0],b=g[1],y=function(r){"default"===e.imageFallback?e.onImageError||(b(!0),r.target.src=null):r.target.src=e.imageFallback,e.onImageError&&e.onImageError(r)};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return m.current}}}));var d=r.ObjectUtils.findDiffKeys(e,s.defaultProps),O=r.classNames("p-avatar p-component",{"p-avatar-image":null!==e.image&&!v,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size,"p-avatar-clickable":!!e.onClick},e.className),h=e.template?r.ObjectUtils.getJSXElement(e.template,e):e.image&&!v?a.createElement("img",{src:e.image,alt:e.imageAlt,onError:y}):e.label?a.createElement("span",{className:"p-avatar-text"},e.label):e.icon?r.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):null;return a.createElement("div",n({ref:m,className:O,style:e.style},d),h,e.children)}));s.displayName="Avatar",s.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},exports.Avatar=s;

package/avatar/avatar.d.ts

@@ -8,16 +8,17 @@ type AvatarShapeType = 'square' | 'circle';
 type AvatarTemplateType = React.ReactNode | ((props: AvatarProps) => React.ReactNode);
 
 export interface AvatarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    label?: string;
+    children?: React.ReactNode;
     icon?: IconType<AvatarProps>;
     image?: string;
-    size?: AvatarSizeType;
+    imageAlt?: string;
+    imageFallback?: string;
+    label?: string;
     shape?: AvatarShapeType;
+    size?: AvatarSizeType;
     template?: AvatarTemplateType;
-    imageAlt?: string;
     onImageError?(event: React.SyntheticEvent): void;
     onClick?(event: React.MouseEvent<HTMLElement>): void;
-    children?: React.ReactNode;
 }
 
 export declare class Avatar extends React.Component<AvatarProps, any> {

package/avatar/avatar.esm.js

@@ -5,28 +5,88 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  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 _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
-
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    imageFailed = _React$useState2[0],
+    setImageFailed = _React$useState2[1];
   var createContent = function createContent() {
-    if (props.image) {
+    if (props.image && !imageFailed) {
       return /*#__PURE__*/React.createElement("img", {
         src: props.image,
         alt: props.imageAlt,
-        onError: props.onImageError
+        onError: onImageError
       });
     } else if (props.label) {
       return /*#__PURE__*/React.createElement("span", {
@@ -39,10 +99,21 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
         props: props
       });
     }
-
     return null;
   };
-
+  var onImageError = function onImageError(event) {
+    if (props.imageFallback === 'default') {
+      if (!props.onImageError) {
+        // fallback to label or icon
+        setImageFailed(true);
+        event.target.src = null;
+      }
+    } else {
+      // try fallback as an image
+      event.target.src = props.imageFallback;
+    }
+    props.onImageError && props.onImageError(event);
+  };
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -53,7 +124,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
   var containerClassName = classNames('p-avatar p-component', {
-    'p-avatar-image': props.image != null,
+    'p-avatar-image': props.image !== null && !imageFailed,
     'p-avatar-circle': props.shape === 'circle',
     'p-avatar-lg': props.size === 'large',
     'p-avatar-xl': props.size === 'xlarge',
@@ -69,16 +140,17 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
 Avatar.displayName = 'Avatar';
 Avatar.defaultProps = {
   __TYPE: 'Avatar',
-  label: null,
+  className: null,
   icon: null,
   image: null,
-  size: 'normal',
+  imageAlt: 'avatar',
+  imageFallback: 'default',
+  label: null,
+  onImageError: null,
   shape: 'square',
+  size: 'normal',
   style: null,
-  className: null,
-  template: null,
-  imageAlt: 'avatar',
-  onImageError: null
+  template: null
 };
 
 export { Avatar };

package/avatar/avatar.esm.min.js

@@ -1 +1 @@
-import*as a from"react";import{ObjectUtils as e,classNames as r,IconUtils as l}from"primereact/utils";function t(){return t=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(a[l]=r[l])}return a},t.apply(this,arguments)}var n=a.forwardRef((function(i,s){var c=a.useRef(null);a.useImperativeHandle(s,(function(){return{props:i,getElement:function(){return c.current}}}));var o=e.findDiffKeys(i,n.defaultProps),p=r("p-avatar p-component",{"p-avatar-image":null!=i.image,"p-avatar-circle":"circle"===i.shape,"p-avatar-lg":"large"===i.size,"p-avatar-xl":"xlarge"===i.size,"p-avatar-clickable":!!i.onClick},i.className),m=i.template?e.getJSXElement(i.template,i):i.image?a.createElement("img",{src:i.image,alt:i.imageAlt,onError:i.onImageError}):i.label?a.createElement("span",{className:"p-avatar-text"},i.label):i.icon?l.getJSXIcon(i.icon,{className:"p-avatar-icon"},{props:i}):null;return a.createElement("div",t({ref:c,className:p,style:i.style},o),m,i.children)}));n.displayName="Avatar",n.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null};export{n as Avatar};
+import*as e from"react";import{ObjectUtils as r,classNames as a,IconUtils as t}from"primereact/utils";function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},n.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function o(e,r){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var t,n,l,o,i=[],c=!0,u=!1;try{if(l=(a=a.call(e)).next,0===r){if(Object(a)!==a)return;c=!1}else for(;!(c=(t=l.call(a)).done)&&(i.push(t.value),i.length!==r);c=!0);}catch(e){u=!0,n=e}finally{try{if(!c&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(u)throw n}}return i}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var a=0,t=new Array(r);a<r;a++)t[a]=e[a];return t}function c(e,r){if(e){if("string"==typeof e)return i(e,r);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?i(e,r):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=e.forwardRef((function(i,m){var f,p,g=e.useRef(null),v=e.useState(!1),y=(p=2,l(f=v)||o(f,p)||c(f,p)||u()),b=y[0],d=y[1],h=function(e){"default"===i.imageFallback?i.onImageError||(d(!0),e.target.src=null):e.target.src=i.imageFallback,i.onImageError&&i.onImageError(e)};e.useImperativeHandle(m,(function(){return{props:i,getElement:function(){return g.current}}}));var E=r.findDiffKeys(i,s.defaultProps),A=a("p-avatar p-component",{"p-avatar-image":null!==i.image&&!b,"p-avatar-circle":"circle"===i.shape,"p-avatar-lg":"large"===i.size,"p-avatar-xl":"xlarge"===i.size,"p-avatar-clickable":!!i.onClick},i.className),I=i.template?r.getJSXElement(i.template,i):i.image&&!b?e.createElement("img",{src:i.image,alt:i.imageAlt,onError:h}):i.label?e.createElement("span",{className:"p-avatar-text"},i.label):i.icon?t.getJSXIcon(i.icon,{className:"p-avatar-icon"},{props:i}):null;return e.createElement("div",n({ref:g,className:A,style:i.style},E),I,i.children)}));s.displayName="Avatar",s.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};export{s as Avatar};

package/avatar/avatar.js

@@ -26,28 +26,88 @@ this.primereact.avatar = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
+      }
+      return _arr;
+    }
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      arr2[i] = arr[i];
+    }
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    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 _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
-
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      imageFailed = _React$useState2[0],
+      setImageFailed = _React$useState2[1];
     var createContent = function createContent() {
-      if (props.image) {
+      if (props.image && !imageFailed) {
         return /*#__PURE__*/React__namespace.createElement("img", {
           src: props.image,
           alt: props.imageAlt,
-          onError: props.onImageError
+          onError: onImageError
         });
       } else if (props.label) {
         return /*#__PURE__*/React__namespace.createElement("span", {
@@ -60,10 +120,21 @@ this.primereact.avatar = (function (exports, React, utils) {
           props: props
         });
       }
-
       return null;
     };
-
+    var onImageError = function onImageError(event) {
+      if (props.imageFallback === 'default') {
+        if (!props.onImageError) {
+          // fallback to label or icon
+          setImageFailed(true);
+          event.target.src = null;
+        }
+      } else {
+        // try fallback as an image
+        event.target.src = props.imageFallback;
+      }
+      props.onImageError && props.onImageError(event);
+    };
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -74,7 +145,7 @@ this.primereact.avatar = (function (exports, React, utils) {
     });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
     var containerClassName = utils.classNames('p-avatar p-component', {
-      'p-avatar-image': props.image != null,
+      'p-avatar-image': props.image !== null && !imageFailed,
       'p-avatar-circle': props.shape === 'circle',
       'p-avatar-lg': props.size === 'large',
       'p-avatar-xl': props.size === 'xlarge',
@@ -90,16 +161,17 @@ this.primereact.avatar = (function (exports, React, utils) {
   Avatar.displayName = 'Avatar';
   Avatar.defaultProps = {
     __TYPE: 'Avatar',
-    label: null,
+    className: null,
     icon: null,
     image: null,
-    size: 'normal',
+    imageAlt: 'avatar',
+    imageFallback: 'default',
+    label: null,
+    onImageError: null,
     shape: 'square',
+    size: 'normal',
     style: null,
-    className: null,
-    template: null,
-    imageAlt: 'avatar',
-    onImageError: null
+    template: null
   };
 
   exports.Avatar = Avatar;

package/avatar/avatar.min.js

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

package/avatargroup/avatargroup.cjs.js

@@ -29,14 +29,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);

package/avatargroup/avatargroup.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);

package/avatargroup/avatargroup.js

@@ -26,14 +26,12 @@ this.primereact.avatargroup = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);