primereact 8.7.3 → 9.0.0-beta.1

package/listbox/listbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{FilterService as t,localeOption as r}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as l}from"primereact/tooltip";import{ObjectUtils as o,classNames as i,DomHandler as a}from"primereact/utils";import{VirtualScroller as u}from"primereact/virtualscroller";import{InputText as c}from"primereact/inputtext";import{Ripple as s}from"primereact/ripple";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return y(e)||g(e)||h(e)||E()}function x(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function w(){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 C=e.memo((function(t){var r={filter:function(e){return n(e)},reset:function(){return t.resetFilter()}},n=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},l=function(){var l=e.createElement("div",{className:"p-listbox-filter-container"},e.createElement(c,p({type:"text",value:t.filter,onChange:n,className:"p-listbox-filter",disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps)),e.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));t.filterTemplate&&(l=o.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:l,filterOptions:r,filterInputChange:n,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:t}));return e.createElement("div",{className:"p-listbox-header"},l)}();return e.createElement(e.Fragment,null,l)}));C.displayName="ListBoxHeader";var P=e.memo((function(t){var r=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},n=function e(t){var r=t.nextElementSibling;return r?a.hasClass(r,"p-disabled")||a.hasClass(r,"p-listbox-item-group")?e(r):r:null},l=function e(t){var r=t.previousElementSibling;return r?a.hasClass(r,"p-disabled")||a.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=i("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),c=t.template?o.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:u,style:t.style,onClick:r,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var o=n(t);o&&o.focus(),e.preventDefault();break;case 38:var i=l(t);i&&i.focus(),e.preventDefault();break;case 13:r(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},c,e.createElement(s,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function I(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=F(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function F(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}P.displayName="ListBoxItem";var D=e.memo(e.forwardRef((function(c,s){var f,m,d=e.useState(""),b=(m=2,x(f=d)||O(f,m)||h(f,m)||w()),v=b[0],y=b[1],g=e.useRef(null),E=e.useRef(null),T=e.useRef(!1),F=(c.onFilterValueChange?c.filterValue:v)||"",N=F&&F.trim().length>0,L=function(e){var t=e.option;c.disabled||U(t)||(c.multiple?M(e.originalEvent,t):K(e.originalEvent,t),T.current=!1)},A=function(){c.disabled||(T.current=!0)},K=function(e,t){var r=J(t),n=!1,l=null;!T.current&&c.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=z(t),n=!0):(l=r?null:z(t),n=!0);n&&V(e,l)},M=function(e,t){var r=J(t),n=!1,l=null;if(!T&&c.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[z(t)],n=!0):(l=[].concat(S(l=o&&c.value||[]),[z(t)]),n=!0)}else l=r?B(t):[].concat(S(c.value||[]),[z(t)]),n=!0;n&&c.onChange({originalEvent:e,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:l}})},k=function(e){E.current&&E.current.scrollToIndex(0);var t=e.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},G=function(){y(""),c.onFilter&&c.onFilter({filter:""})},V=function(e,t){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}})},B=function(e){return c.value.filter((function(t){return!o.equals(t,z(e),c.dataKey)}))},R=function(){if(null!=c.value&&re){if(!c.optionGroupLabel)return q(c.value,re);for(var e=0;e<re.length;e++){var t=q(c.value,Q(re[e]));if(-1!==t)return{group:e,option:t}}}return-1},_=function(){return c.optionValue?null:c.dataKey},q=function(e,t){var r=_();return t.findIndex((function(t){return o.equals(e,z(t),r)}))},J=function(e){var t=z(e),r=_();return c.multiple&&c.value?c.value.some((function(e){return o.equals(e,t,r)})):o.equals(c.value,t,r)},X=function(e){return c.optionLabel?o.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},z=function(e){return c.optionValue?o.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return c.dataKey?o.resolveFieldData(e,c.dataKey):X(e)},U=function(e){return c.optionDisabled?o.isFunction(c.optionDisabled)?c.optionDisabled(e):o.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},$=function(e){return o.resolveFieldData(e,c.optionGroupLabel)},Y=function(e){return o.resolveFieldData(e,c.optionGroupLabel)},Q=function(e){return o.resolveFieldData(e,c.optionGroupChildren)},W=function(){if(E.current){var e=R();-1!==e&&setTimeout((function(){return E.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(s,(function(){return{props:c,getElement:function(){return g.current},getVirtualScroller:function(){return E.current}}})),n((function(){W()}));var Z=function(t,r){return Q(t).map((function(t,n){var l=X(t),o=n+"_"+H(t),i=U(t),a=i?null:c.tabIndex||0;return e.createElement(P,{key:o,label:l,option:t,style:r,template:c.itemTemplate,selected:J(t),onClick:L,onTouchEnd:A,tabIndex:a,disabled:i})}))},ee=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(c.optionGroupLabel){var i=c.optionGroupTemplate?o.getJSXElement(c.optionGroupTemplate,t,r):Y(t),a=Z(t,l),u=r+"_"+$(t);return e.createElement(e.Fragment,{key:u},e.createElement("li",{className:"p-listbox-item-group",style:l,role:"group"},i),a)}var s=X(t),p=r+"_"+H(t),f=U(t),m=f?null:c.tabIndex||0;return e.createElement(P,{key:p,label:s,option:t,style:l,template:c.itemTemplate,selected:J(t),onClick:L,onTouchEnd:A,tabIndex:m,disabled:f})},te=function(t,n){var l=o.getJSXElement(t,c)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",{className:"p-listbox-empty-message"},l)},re=function(){if(N){var e=F.trim().toLocaleLowerCase(c.filterLocale),r=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var n,l=[],o=I(c.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.filter(Q(i),r,e,c.filterMatchMode,c.filterLocale);a&&a.length&&l.push(j(j({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.filter(c.options,r,e,c.filterMatchMode,c.filterLocale)}return c.options}(),ne=o.isNotEmpty(c.tooltip),le=o.findDiffKeys(c,D.defaultProps),oe=o.reduceKeys(le,a.ARIA_PROPS),ie=i("p-listbox p-component",{"p-disabled":c.disabled},c.className),ae=i("p-listbox-list-wrapper",c.listClassName),ue=function(){if(c.virtualScrollerOptions){var t=j(j({},c.virtualScrollerOptions),{items:re,onLazyLoad:function(e){return c.virtualScrollerOptions.onLazyLoad(j(j({},e),{filter:re}))},itemTemplate:function(e,t){return e&&ee(e,t.index,t)},contentTemplate:function(t){var r=i("p-listbox-list",t.className);return e.createElement("ul",p({ref:t.contentRef,className:r,role:"listbox","aria-multiselectable":c.multiple},oe),t.children)}});return e.createElement(u,p({ref:E},t))}var r=o.isNotEmpty(re)?re.map(ee):N?te(c.emptyFilterMessage,!0):te(c.emptyMessage);return e.createElement("ul",p({className:"p-listbox-list",role:"listbox","aria-multiselectable":c.multiple},oe),r)}(),ce=c.filter?e.createElement(C,{filter:F,onFilter:k,resetFilter:G,filterTemplate:c.filterTemplate,disabled:c.disabled,filterPlaceholder:c.filterPlaceholder,filterInputProps:c.filterInputProps}):null;return e.createElement(e.Fragment,null,e.createElement("div",p({ref:g,id:c.id,className:ie,style:c.style},le),ce,e.createElement("div",{className:ae,style:c.listStyle},ue)),ne&&e.createElement(l,p({target:g,content:c.tooltip},c.tooltipOptions)))})));D.displayName="ListBox",D.defaultProps={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null};export{D as ListBox};
+import*as e from"react";import{FilterService as t,localeOption as r}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as l}from"primereact/tooltip";import{ObjectUtils as o,classNames as i,DomHandler as a}from"primereact/utils";import{VirtualScroller as u}from"primereact/virtualscroller";import{InputText as c}from"primereact/inputtext";import{Ripple as s}from"primereact/ripple";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return y(e)||g(e)||h(e)||E()}function x(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,i,a=[],u=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function w(){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 C=e.memo((function(t){var r={filter:function(e){return n(e)},reset:function(){return t.resetFilter()}},n=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},l=function(){var l=e.createElement("div",{className:"p-listbox-filter-container"},e.createElement(c,p({type:"text",value:t.filter,onChange:n,className:"p-listbox-filter",disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps)),e.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));t.filterTemplate&&(l=o.getJSXElement(t.filterTemplate,{className:"p-listbox-filter-container",element:l,filterOptions:r,filterInputChange:n,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:t}));return e.createElement("div",{className:"p-listbox-header"},l)}();return e.createElement(e.Fragment,null,l)}));C.displayName="ListBoxHeader";var P=e.memo((function(t){var r=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},n=function e(t){var r=t.nextElementSibling;return r?a.hasClass(r,"p-disabled")||a.hasClass(r,"p-listbox-item-group")?e(r):r:null},l=function e(t){var r=t.previousElementSibling;return r?a.hasClass(r,"p-disabled")||a.hasClass(r,"p-listbox-item-group")?e(r):r:null},u=i("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),c=t.template?o.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:u,style:t.style,onClick:r,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var o=n(t);o&&o.focus(),e.preventDefault();break;case 38:var i=l(t);i&&i.focus(),e.preventDefault();break;case 13:r(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},c,e.createElement(s,null))}));function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function F(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=I(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(a)throw o}}}}function I(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}P.displayName="ListBoxItem";var D=e.memo(e.forwardRef((function(c,s){var f,m,d=e.useState(""),b=(m=2,x(f=d)||O(f,m)||h(f,m)||w()),v=b[0],y=b[1],g=e.useRef(null),E=e.useRef(null),T=e.useRef(!1),I=(c.onFilterValueChange?c.filterValue:v)||"",N=I&&I.trim().length>0,L=function(e){var t=e.option;c.disabled||U(t)||(c.multiple?M(e.originalEvent,t):K(e.originalEvent,t),T.current=!1)},A=function(){c.disabled||(T.current=!0)},K=function(e,t){var r=J(t),n=!1,l=null;!T.current&&c.metaKeySelection?r?(e.metaKey||e.ctrlKey)&&(l=null,n=!0):(l=z(t),n=!0):(l=r?null:z(t),n=!0);n&&V(e,l)},M=function(e,t){var r=J(t),n=!1,l=null;if(!T&&c.metaKeySelection){var o=e.metaKey||e.ctrlKey;r?(l=o?B(t):[z(t)],n=!0):(l=[].concat(S(l=o&&c.value||[]),[z(t)]),n=!0)}else l=r?B(t):[].concat(S(c.value||[]),[z(t)]),n=!0;n&&c.onChange({originalEvent:e,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:l}})},k=function(e){E.current&&E.current.scrollToIndex(0);var t=e.value;c.onFilterValueChange?c.onFilterValueChange({originalEvent:e.originalEvent,value:t}):y(t)},G=function(){y(""),c.onFilter&&c.onFilter({filter:""})},V=function(e,t){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}})},B=function(e){return c.value.filter((function(t){return!o.equals(t,z(e),c.dataKey)}))},R=function(){if(null!=c.value&&re){if(!c.optionGroupLabel)return q(c.value,re);for(var e=0;e<re.length;e++){var t=q(c.value,Q(re[e]));if(-1!==t)return{group:e,option:t}}}return-1},_=function(){return c.optionValue?null:c.dataKey},q=function(e,t){var r=_();return t.findIndex((function(t){return o.equals(e,z(t),r)}))},J=function(e){var t=z(e),r=_();return c.multiple&&c.value?c.value.some((function(e){return o.equals(e,t,r)})):o.equals(c.value,t,r)},X=function(e){return c.optionLabel?o.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},z=function(e){return c.optionValue?o.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},H=function(e){return c.dataKey?o.resolveFieldData(e,c.dataKey):X(e)},U=function(e){return c.optionDisabled?o.isFunction(c.optionDisabled)?c.optionDisabled(e):o.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},$=function(e){return o.resolveFieldData(e,c.optionGroupLabel)},Y=function(e){return o.resolveFieldData(e,c.optionGroupLabel)},Q=function(e){return o.resolveFieldData(e,c.optionGroupChildren)},W=function(){if(E.current){var e=R();-1!==e&&setTimeout((function(){return E.current.scrollToIndex(e)}),0)}};e.useImperativeHandle(s,(function(){return{props:c,focus:function(){return a.focusFirstElement(g.current)},getElement:function(){return g.current},getVirtualScroller:function(){return E.current}}})),n((function(){W()}));var Z=function(t,r){return Q(t).map((function(t,n){var l=X(t),o=n+"_"+H(t),i=U(t),a=i?null:c.tabIndex||0;return e.createElement(P,{key:o,label:l,option:t,style:r,template:c.itemTemplate,selected:J(t),onClick:L,onTouchEnd:A,tabIndex:a,disabled:i})}))},ee=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(c.optionGroupLabel){var i=c.optionGroupTemplate?o.getJSXElement(c.optionGroupTemplate,t,r):Y(t),a=Z(t,l),u=r+"_"+$(t);return e.createElement(e.Fragment,{key:u},e.createElement("li",{className:"p-listbox-item-group",style:l,role:"group"},i),a)}var s=X(t),p=r+"_"+H(t),f=U(t),m=f?null:c.tabIndex||0;return e.createElement(P,{key:p,label:s,option:t,style:l,template:c.itemTemplate,selected:J(t),onClick:L,onTouchEnd:A,tabIndex:m,disabled:f})},te=function(t,n){var l=o.getJSXElement(t,c)||r(n?"emptyFilterMessage":"emptyMessage");return e.createElement("li",{className:"p-listbox-empty-message"},l)},re=function(){if(N){var e=I.trim().toLocaleLowerCase(c.filterLocale),r=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var n,l=[],o=F(c.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=t.filter(Q(i),r,e,c.filterMatchMode,c.filterLocale);a&&a.length&&l.push(j(j({},i),{items:a}))}}catch(e){o.e(e)}finally{o.f()}return l}return t.filter(c.options,r,e,c.filterMatchMode,c.filterLocale)}return c.options}(),ne=o.isNotEmpty(c.tooltip),le=o.findDiffKeys(c,D.defaultProps),oe=o.reduceKeys(le,a.ARIA_PROPS),ie=i("p-listbox p-component",{"p-disabled":c.disabled},c.className),ae=i("p-listbox-list-wrapper",c.listClassName),ue=function(){if(c.virtualScrollerOptions){var t=j(j({},c.virtualScrollerOptions),{items:re,onLazyLoad:function(e){return c.virtualScrollerOptions.onLazyLoad(j(j({},e),{filter:re}))},itemTemplate:function(e,t){return e&&ee(e,t.index,t)},contentTemplate:function(t){var r=i("p-listbox-list",t.className);return e.createElement("ul",p({ref:t.contentRef,className:r,role:"listbox","aria-multiselectable":c.multiple},oe),t.children)}});return e.createElement(u,p({ref:E},t))}var r=o.isNotEmpty(re)?re.map(ee):N?te(c.emptyFilterMessage,!0):te(c.emptyMessage);return e.createElement("ul",p({className:"p-listbox-list",role:"listbox","aria-multiselectable":c.multiple},oe),r)}(),ce=c.filter?e.createElement(C,{filter:I,onFilter:k,resetFilter:G,filterTemplate:c.filterTemplate,disabled:c.disabled,filterPlaceholder:c.filterPlaceholder,filterInputProps:c.filterInputProps}):null;return e.createElement(e.Fragment,null,e.createElement("div",p({ref:g,id:c.id,className:ie,style:c.style},le),ce,e.createElement("div",{className:ae,style:c.listStyle},ue)),ne&&e.createElement(l,p({target:g,content:c.tooltip},c.tooltipOptions)))})));D.displayName="ListBox",D.defaultProps={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null};export{D as ListBox};

package/listbox/listbox.js

@@ -501,6 +501,9 @@ this.primereact.listbox = (function (exports, React, api, hooks, tooltip, utils,
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focusFirstElement(elementRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },

package/listbox/listbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,r,n,l,i,o,a,u){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){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 j(e){return y(e)||g(e)||h(e)||O()}function E(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var D=s.memo((function(e){var t={filter:function(e){return r(e)},reset:function(){return e.resetFilter()}},r=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},n=function(){var n=s.createElement("div",{className:"p-listbox-filter-container"},s.createElement(a.InputText,p({type:"text",value:e.filter,onChange:r,className:"p-listbox-filter",disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps)),s.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));e.filterTemplate&&(n=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:n,filterOptions:t,filterInputChange:r,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e}));return s.createElement("div",{className:"p-listbox-header"},n)}();return s.createElement(s.Fragment,null,n)}));D.displayName="ListBoxHeader";var P=s.memo((function(e){var t=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},r=function e(t){var r=t.nextElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},n=function e(t){var r=t.previousElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},l=i.classNames("p-listbox-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),o=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return s.createElement("li",{className:l,style:e.style,onClick:t,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var l=e.currentTarget;switch(e.which){case 40:var i=r(l);i&&i.focus(),e.preventDefault();break;case 38:var o=n(l);o&&o.focus(),e.preventDefault();break;case 13:t(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},o,s.createElement(u.Ripple,null))}));function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function T(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=C(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==r.return||r.return()}finally{if(a)throw i}}}}function C(e,t){if(e){if("string"==typeof e)return F(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)?F(e,t):void 0}}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}P.displayName="ListBoxItem";var I=s.memo(s.forwardRef((function(e,t){var a,u,c=s.useState(""),f=(u=2,E(a=c)||S(a,u)||h(a,u)||x()),m=f[0],d=f[1],b=s.useRef(null),v=s.useRef(null),y=s.useRef(!1),g=(e.onFilterValueChange?e.filterValue:m)||"",O=g&&g.trim().length>0,w=function(t){var r=t.option;e.disabled||q(r)||(e.multiple?L(t.originalEvent,r):F(t.originalEvent,r),y.current=!1)},C=function(){e.disabled||(y.current=!0)},F=function(t,r){var n=_(r),l=!1,i=null;!y.current&&e.metaKeySelection?n?(t.metaKey||t.ctrlKey)&&(i=null,l=!0):(i=B(r),l=!0):(i=n?null:B(r),l=!0);l&&M(t,i)},L=function(t,r){var n=_(r),l=!1,i=null;if(!y&&e.metaKeySelection){var o=t.metaKey||t.ctrlKey;n?(i=o?K(r):[B(r)],l=!0):(i=[].concat(j(i=o&&e.value||[]),[B(r)]),l=!0)}else i=n?K(r):[].concat(j(e.value||[]),[B(r)]),l=!0;l&&e.onChange({originalEvent:t,value:i,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:i}})},U=function(t){v.current&&v.current.scrollToIndex(0);var r=t.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t.originalEvent,value:r}):d(r)},A=function(){d(""),e.onFilter&&e.onFilter({filter:""})},M=function(t,r){e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})},K=function(t){return e.value.filter((function(r){return!i.ObjectUtils.equals(r,B(t),e.dataKey)}))},k=function(){if(null!=e.value&&Z){if(!e.optionGroupLabel)return G(e.value,Z);for(var t=0;t<Z.length;t++){var r=G(e.value,X(Z[t]));if(-1!==r)return{group:t,option:r}}}return-1},V=function(){return e.optionValue?null:e.dataKey},G=function(e,t){var r=V();return t.findIndex((function(t){return i.ObjectUtils.equals(e,B(t),r)}))},_=function(t){var r=B(t),n=V();return e.multiple&&e.value?e.value.some((function(e){return i.ObjectUtils.equals(e,r,n)})):i.ObjectUtils.equals(e.value,r,n)},R=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},B=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},H=function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):R(t)},q=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},z=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},J=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},X=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},$=function(){if(v.current){var e=k();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return b.current},getVirtualScroller:function(){return v.current}}})),n.useMountEffect((function(){$()}));var Y=function(t,r){return X(t).map((function(t,n){var l=R(t),i=n+"_"+H(t),o=q(t),a=o?null:e.tabIndex||0;return s.createElement(P,{key:i,label:l,option:t,style:r,template:e.itemTemplate,selected:_(t),onClick:w,onTouchEnd:C,tabIndex:a,disabled:o})}))},Q=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,r):J(t),a=Y(t,l),u=r+"_"+z(t);return s.createElement(s.Fragment,{key:u},s.createElement("li",{className:"p-listbox-item-group",style:l,role:"group"},o),a)}var c=R(t),p=r+"_"+H(t),f=q(t),m=f?null:e.tabIndex||0;return s.createElement(P,{key:p,label:c,option:t,style:l,template:e.itemTemplate,selected:_(t),onClick:w,onTouchEnd:C,tabIndex:m,disabled:f})},W=function(t,n){var l=i.ObjectUtils.getJSXElement(t,e)||r.localeOption(n?"emptyFilterMessage":"emptyMessage");return s.createElement("li",{className:"p-listbox-empty-message"},l)},Z=function(){if(O){var t=g.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,i=[],o=T(e.options);try{for(o.s();!(l=o.n()).done;){var a=l.value,u=r.FilterService.filter(X(a),n,t,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(N(N({},a),{items:u}))}}catch(e){o.e(e)}finally{o.f()}return i}return r.FilterService.filter(e.options,n,t,e.filterMatchMode,e.filterLocale)}return e.options}(),ee=i.ObjectUtils.isNotEmpty(e.tooltip),te=i.ObjectUtils.findDiffKeys(e,I.defaultProps),re=i.ObjectUtils.reduceKeys(te,i.DomHandler.ARIA_PROPS),ne=i.classNames("p-listbox p-component",{"p-disabled":e.disabled},e.className),le=i.classNames("p-listbox-list-wrapper",e.listClassName),ie=function(){if(e.virtualScrollerOptions){var t=N(N({},e.virtualScrollerOptions),{items:Z,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(N(N({},t),{filter:Z}))},itemTemplate:function(e,t){return e&&Q(e,t.index,t)},contentTemplate:function(t){var r=i.classNames("p-listbox-list",t.className);return s.createElement("ul",p({ref:t.contentRef,className:r,role:"listbox","aria-multiselectable":e.multiple},re),t.children)}});return s.createElement(o.VirtualScroller,p({ref:v},t))}var r=i.ObjectUtils.isNotEmpty(Z)?Z.map(Q):O?W(e.emptyFilterMessage,!0):W(e.emptyMessage);return s.createElement("ul",p({className:"p-listbox-list",role:"listbox","aria-multiselectable":e.multiple},re),r)}(),oe=e.filter?s.createElement(D,{filter:g,onFilter:U,resetFilter:A,filterTemplate:e.filterTemplate,disabled:e.disabled,filterPlaceholder:e.filterPlaceholder,filterInputProps:e.filterInputProps}):null;return s.createElement(s.Fragment,null,s.createElement("div",p({ref:b,id:e.id,className:ne,style:e.style},te),oe,s.createElement("div",{className:le,style:e.listStyle},ie)),ee&&s.createElement(l.Tooltip,p({target:b,content:e.tooltip},e.tooltipOptions)))})));return I.displayName="ListBox",I.defaultProps={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null},e.ListBox=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.inputtext,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,r,n,l,i,o,a,u){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){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 E(e){return y(e)||g(e)||h(e)||O()}function j(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,a=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var D=s.memo((function(e){var t={filter:function(e){return r(e)},reset:function(){return e.resetFilter()}},r=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},n=function(){var n=s.createElement("div",{className:"p-listbox-filter-container"},s.createElement(a.InputText,p({type:"text",value:e.filter,onChange:r,className:"p-listbox-filter",disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps)),s.createElement("span",{className:"p-listbox-filter-icon pi pi-search"}));e.filterTemplate&&(n=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:n,filterOptions:t,filterInputChange:r,filterIconClassName:"p-dropdown-filter-icon pi pi-search",props:e}));return s.createElement("div",{className:"p-listbox-header"},n)}();return s.createElement(s.Fragment,null,n)}));D.displayName="ListBoxHeader";var P=s.memo((function(e){var t=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},r=function e(t){var r=t.nextElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},n=function e(t){var r=t.previousElementSibling;return r?i.DomHandler.hasClass(r,"p-disabled")||i.DomHandler.hasClass(r,"p-listbox-item-group")?e(r):r:null},l=i.classNames("p-listbox-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),o=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return s.createElement("li",{className:l,style:e.style,onClick:t,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var l=e.currentTarget;switch(e.which){case 40:var i=r(l);i&&i.focus(),e.preventDefault();break;case 38:var o=n(l);o&&o.focus(),e.preventDefault();break;case 13:t(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},o,s.createElement(u.Ripple,null))}));function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function T(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=F(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,l=function(){};return{s:l,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==r.return||r.return()}finally{if(a)throw i}}}}function F(e,t){if(e){if("string"==typeof e)return C(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?C(e,t):void 0}}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}P.displayName="ListBoxItem";var I=s.memo(s.forwardRef((function(e,t){var a,u,c=s.useState(""),f=(u=2,j(a=c)||S(a,u)||h(a,u)||x()),m=f[0],d=f[1],b=s.useRef(null),v=s.useRef(null),y=s.useRef(!1),g=(e.onFilterValueChange?e.filterValue:m)||"",O=g&&g.trim().length>0,w=function(t){var r=t.option;e.disabled||q(r)||(e.multiple?L(t.originalEvent,r):C(t.originalEvent,r),y.current=!1)},F=function(){e.disabled||(y.current=!0)},C=function(t,r){var n=_(r),l=!1,i=null;!y.current&&e.metaKeySelection?n?(t.metaKey||t.ctrlKey)&&(i=null,l=!0):(i=B(r),l=!0):(i=n?null:B(r),l=!0);l&&M(t,i)},L=function(t,r){var n=_(r),l=!1,i=null;if(!y&&e.metaKeySelection){var o=t.metaKey||t.ctrlKey;n?(i=o?K(r):[B(r)],l=!0):(i=[].concat(E(i=o&&e.value||[]),[B(r)]),l=!0)}else i=n?K(r):[].concat(E(e.value||[]),[B(r)]),l=!0;l&&e.onChange({originalEvent:t,value:i,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:i}})},U=function(t){v.current&&v.current.scrollToIndex(0);var r=t.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t.originalEvent,value:r}):d(r)},A=function(){d(""),e.onFilter&&e.onFilter({filter:""})},M=function(t,r){e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})},K=function(t){return e.value.filter((function(r){return!i.ObjectUtils.equals(r,B(t),e.dataKey)}))},k=function(){if(null!=e.value&&Z){if(!e.optionGroupLabel)return G(e.value,Z);for(var t=0;t<Z.length;t++){var r=G(e.value,X(Z[t]));if(-1!==r)return{group:t,option:r}}}return-1},V=function(){return e.optionValue?null:e.dataKey},G=function(e,t){var r=V();return t.findIndex((function(t){return i.ObjectUtils.equals(e,B(t),r)}))},_=function(t){var r=B(t),n=V();return e.multiple&&e.value?e.value.some((function(e){return i.ObjectUtils.equals(e,r,n)})):i.ObjectUtils.equals(e.value,r,n)},R=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},B=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},H=function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):R(t)},q=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},z=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},J=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},X=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},$=function(){if(v.current){var e=k();-1!==e&&setTimeout((function(){return v.current.scrollToIndex(e)}),0)}};s.useImperativeHandle(t,(function(){return{props:e,focus:function(){return i.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current},getVirtualScroller:function(){return v.current}}})),n.useMountEffect((function(){$()}));var Y=function(t,r){return X(t).map((function(t,n){var l=R(t),i=n+"_"+H(t),o=q(t),a=o?null:e.tabIndex||0;return s.createElement(P,{key:i,label:l,option:t,style:r,template:e.itemTemplate,selected:_(t),onClick:w,onTouchEnd:F,tabIndex:a,disabled:o})}))},Q=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:n.props?n.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,r):J(t),a=Y(t,l),u=r+"_"+z(t);return s.createElement(s.Fragment,{key:u},s.createElement("li",{className:"p-listbox-item-group",style:l,role:"group"},o),a)}var c=R(t),p=r+"_"+H(t),f=q(t),m=f?null:e.tabIndex||0;return s.createElement(P,{key:p,label:c,option:t,style:l,template:e.itemTemplate,selected:_(t),onClick:w,onTouchEnd:F,tabIndex:m,disabled:f})},W=function(t,n){var l=i.ObjectUtils.getJSXElement(t,e)||r.localeOption(n?"emptyFilterMessage":"emptyMessage");return s.createElement("li",{className:"p-listbox-empty-message"},l)},Z=function(){if(O){var t=g.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,i=[],o=T(e.options);try{for(o.s();!(l=o.n()).done;){var a=l.value,u=r.FilterService.filter(X(a),n,t,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(N(N({},a),{items:u}))}}catch(e){o.e(e)}finally{o.f()}return i}return r.FilterService.filter(e.options,n,t,e.filterMatchMode,e.filterLocale)}return e.options}(),ee=i.ObjectUtils.isNotEmpty(e.tooltip),te=i.ObjectUtils.findDiffKeys(e,I.defaultProps),re=i.ObjectUtils.reduceKeys(te,i.DomHandler.ARIA_PROPS),ne=i.classNames("p-listbox p-component",{"p-disabled":e.disabled},e.className),le=i.classNames("p-listbox-list-wrapper",e.listClassName),ie=function(){if(e.virtualScrollerOptions){var t=N(N({},e.virtualScrollerOptions),{items:Z,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(N(N({},t),{filter:Z}))},itemTemplate:function(e,t){return e&&Q(e,t.index,t)},contentTemplate:function(t){var r=i.classNames("p-listbox-list",t.className);return s.createElement("ul",p({ref:t.contentRef,className:r,role:"listbox","aria-multiselectable":e.multiple},re),t.children)}});return s.createElement(o.VirtualScroller,p({ref:v},t))}var r=i.ObjectUtils.isNotEmpty(Z)?Z.map(Q):O?W(e.emptyFilterMessage,!0):W(e.emptyMessage);return s.createElement("ul",p({className:"p-listbox-list",role:"listbox","aria-multiselectable":e.multiple},re),r)}(),oe=e.filter?s.createElement(D,{filter:g,onFilter:U,resetFilter:A,filterTemplate:e.filterTemplate,disabled:e.disabled,filterPlaceholder:e.filterPlaceholder,filterInputProps:e.filterInputProps}):null;return s.createElement(s.Fragment,null,s.createElement("div",p({ref:b,id:e.id,className:ne,style:e.style},te),oe,s.createElement("div",{className:le,style:e.listStyle},ie)),ee&&s.createElement(l.Tooltip,p({target:b,content:e.tooltip},e.tooltipOptions)))})));return I.displayName="ListBox",I.defaultProps={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1,multiple:!1,onChange:null,onFilterValueChange:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,value:null,virtualScrollerOptions:null},e.ListBox=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.inputtext,primereact.ripple);

package/megamenu/megamenu.d.ts

@@ -1,20 +1,59 @@
+/**
+ *
+ * MegaMenu is navigation component that displays submenus together.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/megamenu/)
+ *
+ * @module megamenu
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 
-type MegaMenuOrientationType = 'vertical' | 'horizontal';
-
-type MegaMenuStartTemplate = React.ReactNode | ((props: MegaMenuProps) => React.ReactNode);
-
-type MegaMenuEndTemplate = React.ReactNode | ((props: MegaMenuProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in MegaMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MegaMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    orientation?: MegaMenuOrientationType;
-    start?: MegaMenuStartTemplate;
-    end?: MegaMenuEndTemplate;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines the orientation, valid values are horizontal and vertical.
+     * @defaultValue horizontal
+     */
+    orientation?: 'vertical' | 'horizontal' | undefined;
+    /**
+     * The template of starting element.
+     */
+    start?: React.ReactNode | ((props: MegaMenuProps) => React.ReactNode);
+    /**
+     * The template of trailing element
+     */
+    end?: React.ReactNode | ((props: MegaMenuProps) => React.ReactNode);
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - MegaMenu**
+ *
+ * _MegaMenu is navigation component that displays submenus together._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/megamenu/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class MegaMenu extends React.Component<MegaMenuProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/mention/mention.cjs.js

@@ -542,6 +542,9 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       props: props,
       show: show,
       hide: hide,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

package/mention/mention.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/keyfilter"),i=require("primereact/tooltip"),o=require("primereact/utils"),u=require("primereact/overlayservice"),a=require("primereact/portal"),s=require("primereact/ripple");function c(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 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 p=f(e),m=c(t);function d(){return d=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},d.apply(this,arguments)}function g(e){return g="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},g(e)}function y(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===g(t)?t:String(t)}function h(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,o,u=[],a=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,l=e}finally{try{if(!a&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw l}}return u}}function E(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 x(e,t){if(e){if("string"==typeof e)return E(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)?E(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.")}function j(e,t){return b(e)||O(e,t)||x(e,t)||S()}var w=p.memo(p.forwardRef((function(e,t){var n=p.useRef(t),r=p.useRef(0),u=function(e){var t=n.current;t&&o.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},a=n.current&&n.current.value,s=p.useMemo((function(){return o.ObjectUtils.isNotEmpty(e.value)||o.ObjectUtils.isNotEmpty(e.defaultValue)||o.ObjectUtils.isNotEmpty(a)}),[e.value,e.defaultValue,a]);p.useEffect((function(){o.ObjectUtils.combinedRefs(n,t)}),[n,t]),p.useEffect((function(){e.autoResize&&u(!0)}),[e.autoResize]);var c=o.ObjectUtils.isNotEmpty(e.tooltip),f=o.ObjectUtils.findDiffKeys(e,w.defaultProps),m=o.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":s,"p-inputtextarea-resizable":e.autoResize},e.className);return p.createElement(p.Fragment,null,p.createElement("textarea",d({ref:n},f,{className:m,onFocus:function(t){e.autoResize&&u(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&u(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&u(),e.onKeyUp&&e.onKeyUp(t)},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown(t),e.keyfilter&&l.KeyFilter.onKeyPress(t,e.keyfilter,e.validateOnly)},onInput:function(t){e.autoResize&&u(),e.onInput&&e.onInput(t);var n=t.target;o.ObjectUtils.isNotEmpty(n.value)?o.DomHandler.addClass(n,"p-filled"):o.DomHandler.removeClass(n,"p-filled")},onPaste:function(t){e.onPaste&&e.onPaste(t),e.keyfilter&&l.KeyFilter.onPaste(t,e.keyfilter,e.validateOnly)}})),c&&p.createElement(i.Tooltip,d({target:n,content:e.tooltip},e.tooltipOptions)))})));function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="InputTextarea",w.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1};var N=p.memo(p.forwardRef((function(e,t){var l=j(p.useState(!1),2),i=l[0],c=l[1],f=j(p.useState(!1),2),g=f[0],y=f[1],v=j(p.useState(!1),2),h=v[0],b=v[1],O=j(p.useState(null),2),E=O[0],x=O[1],S=p.useRef(null),D=p.useRef(null),C=p.useRef(e.inputRef),I=p.useRef(null),P=p.useRef(null),U=j(r.useOverlayListener({target:S,overlay:D,listener:function(e,t){t.valid&&K()},when:i}),2),k=U[0],R=U[1],T=function(){c(!0)},K=function(){c(!1),b(!1),x(null)},A=function(){o.ZIndexUtils.set("overlay",D.current,m.default.autoZIndex,m.default.zIndex.overlay),B()},F=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&o.DomHandler.addClass(I.current.firstChild,"p-highlight")},q=function(){k(),e.onShow&&e.onShow()},z=function(){R()},_=function(){o.ZIndexUtils.clear(D.current),e.onHide&&e.onHide()},B=function(){var e=E.key,t=E.index,n=C.current.value,r=o.DomHandler.getCursorOffset(C.current,n.substring(0,t-1),n.substring(t),e);D.current.style.transformOrigin="top",D.current.style.left="calc(".concat(r.left,"px + 1rem)"),D.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},M=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:S.current})},V=function(t,n,r){if(!E){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),o=Z(t,r);if(o.index>i)return o}return E},Z=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},J=function(t){P.current&&clearTimeout(P.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var o=V(r,i,l);if(o&&o.index>-1){var u=r.substring(o.index,l);P.current=setTimeout((function(){X(t,u,o)}),e.delay)}}else K()},X=function(t,n,r){e.onSearch&&(b(!0),x(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},Y=function(t,n){var r=C.current.value,l=t.target.selectionStart,i=r.indexOf(" ",E.index),o=r.substring(E.index,i>-1?i:l),u=L(n).replace(/\s+/g,"");if(o.trim()!==u){for(var a=0;a<u.length;){var s=u.charAt(a),c=o.charAt(a);if(s!==c&&" "!==c)break;a++}var f=r.substring(0,E.index),p=r.substring(E.index+a);C.current.value="".concat(f).concat(u," ").concat(p),e.onChange&&e.onChange(t)}var m=E.index+u.length+1;C.current.setSelectionRange(m,m),K(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},L=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===E.key}))]:e.field;return n?o.ObjectUtils.resolveFieldData(t,n):t}return""},$=function(e,t){o.DomHandler.focus(C.current),Y(e,t)},G=C.current&&C.current.value,Q=p.useMemo((function(){return o.ObjectUtils.isNotEmpty(e.value)||o.ObjectUtils.isNotEmpty(e.defaultValue)||o.ObjectUtils.isNotEmpty(G)}),[e.value,e.defaultValue,G]);p.useImperativeHandle(t,(function(){return{props:e,show:T,hide:K,getElement:function(){return S.current},getOverlay:function(){return D.current},getInput:function(){return C.current}}})),p.useEffect((function(){o.ObjectUtils.combinedRefs(C,e.inputRef)}),[C,e.inputRef]),r.useUpdateEffect((function(){h&&(e.suggestions&&e.suggestions.length?T():K(),i&&B(),b(!1))}),[e.suggestions]),r.useUpdateEffect((function(){!Q&&o.DomHandler.hasClass(S.current,"p-inputwrapper-filled")&&o.DomHandler.removeClass(S.current,"p-inputwrapper-filled")}),[Q]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(D.current)}));var W,ee,te,ne,re,le=function(t,n){var r=n+"_item",l=e.itemTemplate?o.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:E?E.key:"",index:n}):L(t);return p.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return $(e,t)}},l,p.createElement(s.Ripple,null))},ie=function(){if(e.suggestions){var t=e.suggestions.map(le);return p.createElement("ul",{ref:I,className:"p-mention-items"},t)}return null},oe=o.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":Q,"p-inputwrapper-focus":g},e.className),ue=o.classNames("p-mention-input",e.inputClassName),ae=o.ObjectUtils.findDiffKeys(e,N.defaultProps),se=(W=o.classNames("p-mention-panel p-component",e.panelClassName),ee=H({maxHeight:e.scrollHeight},e.panelStyle),te=o.ObjectUtils.getJSXElement(e.headerTemplate,e),ne=o.ObjectUtils.getJSXElement(e.footerTemplate,e),re=ie(),p.createElement(a.Portal,{element:p.createElement(n.CSSTransition,{nodeRef:D,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:F,onEntered:q,onExit:z,onExited:_},p.createElement("div",{ref:D,className:W,style:ee,onClick:M},te,re,ne)),appendTo:"self"}));return p.createElement("div",{ref:S,id:e.id,className:oe,style:e.style},p.createElement(w,d({ref:C,id:e.inputId,className:ue,style:e.inputStyle},ae,{onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(i){var n=o.DomHandler.findSingle(D.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(o.DomHandler.addClass(r,"p-highlight"),o.DomHandler.removeClass(n,"p-highlight"),o.DomHandler.scrollInView(D.current,r))}else(n=o.DomHandler.findSingle(D.current,"li"))&&o.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(o.DomHandler.addClass(l,"p-highlight"),o.DomHandler.removeClass(n,"p-highlight"),o.DomHandler.scrollInView(D.current,l))}t.preventDefault();break;case 8:var u=t.target,a=u.selectionStart;u.value.substring(a-1,a)===E.key&&K();break;case 13:n&&Y(t,e.suggestions[o.DomHandler.index(n)]),t.preventDefault();break;case 27:K(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?o.DomHandler.addClass(S.current,"p-inputwrapper-filled"):o.DomHandler.removeClass(S.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||J(e)},onChange:function(t){e.onChange&&e.onChange(t),J(t)}})),se)})));N.displayName="Mention",N.defaultProps={__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null},exports.Mention=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/keyfilter"),i=require("primereact/tooltip"),o=require("primereact/utils"),u=require("primereact/overlayservice"),a=require("primereact/portal"),s=require("primereact/ripple");function c(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 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 p=f(e),m=c(t);function d(){return d=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},d.apply(this,arguments)}function g(e){return g="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},g(e)}function y(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===g(t)?t:String(t)}function h(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,o,u=[],a=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,l=e}finally{try{if(!a&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw l}}return u}}function E(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 x(e,t){if(e){if("string"==typeof e)return E(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)?E(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.")}function j(e,t){return b(e)||O(e,t)||x(e,t)||S()}var w=p.memo(p.forwardRef((function(e,t){var n=p.useRef(t),r=p.useRef(0),u=function(e){var t=n.current;t&&o.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},a=n.current&&n.current.value,s=p.useMemo((function(){return o.ObjectUtils.isNotEmpty(e.value)||o.ObjectUtils.isNotEmpty(e.defaultValue)||o.ObjectUtils.isNotEmpty(a)}),[e.value,e.defaultValue,a]);p.useEffect((function(){o.ObjectUtils.combinedRefs(n,t)}),[n,t]),p.useEffect((function(){e.autoResize&&u(!0)}),[e.autoResize]);var c=o.ObjectUtils.isNotEmpty(e.tooltip),f=o.ObjectUtils.findDiffKeys(e,w.defaultProps),m=o.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":s,"p-inputtextarea-resizable":e.autoResize},e.className);return p.createElement(p.Fragment,null,p.createElement("textarea",d({ref:n},f,{className:m,onFocus:function(t){e.autoResize&&u(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&u(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&u(),e.onKeyUp&&e.onKeyUp(t)},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown(t),e.keyfilter&&l.KeyFilter.onKeyPress(t,e.keyfilter,e.validateOnly)},onInput:function(t){e.autoResize&&u(),e.onInput&&e.onInput(t);var n=t.target;o.ObjectUtils.isNotEmpty(n.value)?o.DomHandler.addClass(n,"p-filled"):o.DomHandler.removeClass(n,"p-filled")},onPaste:function(t){e.onPaste&&e.onPaste(t),e.keyfilter&&l.KeyFilter.onPaste(t,e.keyfilter,e.validateOnly)}})),c&&p.createElement(i.Tooltip,d({target:n,content:e.tooltip},e.tooltipOptions)))})));function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="InputTextarea",w.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1};var N=p.memo(p.forwardRef((function(e,t){var l=j(p.useState(!1),2),i=l[0],c=l[1],f=j(p.useState(!1),2),g=f[0],y=f[1],v=j(p.useState(!1),2),h=v[0],b=v[1],O=j(p.useState(null),2),E=O[0],x=O[1],S=p.useRef(null),D=p.useRef(null),C=p.useRef(e.inputRef),I=p.useRef(null),P=p.useRef(null),U=j(r.useOverlayListener({target:S,overlay:D,listener:function(e,t){t.valid&&K()},when:i}),2),k=U[0],R=U[1],T=function(){c(!0)},K=function(){c(!1),b(!1),x(null)},A=function(){o.ZIndexUtils.set("overlay",D.current,m.default.autoZIndex,m.default.zIndex.overlay),B()},F=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&o.DomHandler.addClass(I.current.firstChild,"p-highlight")},q=function(){k(),e.onShow&&e.onShow()},z=function(){R()},_=function(){o.ZIndexUtils.clear(D.current),e.onHide&&e.onHide()},B=function(){var e=E.key,t=E.index,n=C.current.value,r=o.DomHandler.getCursorOffset(C.current,n.substring(0,t-1),n.substring(t),e);D.current.style.transformOrigin="top",D.current.style.left="calc(".concat(r.left,"px + 1rem)"),D.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},M=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:S.current})},V=function(t,n,r){if(!E){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),o=Z(t,r);if(o.index>i)return o}return E},Z=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},J=function(t){P.current&&clearTimeout(P.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var o=V(r,i,l);if(o&&o.index>-1){var u=r.substring(o.index,l);P.current=setTimeout((function(){X(t,u,o)}),e.delay)}}else K()},X=function(t,n,r){e.onSearch&&(b(!0),x(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},Y=function(t,n){var r=C.current.value,l=t.target.selectionStart,i=r.indexOf(" ",E.index),o=r.substring(E.index,i>-1?i:l),u=L(n).replace(/\s+/g,"");if(o.trim()!==u){for(var a=0;a<u.length;){var s=u.charAt(a),c=o.charAt(a);if(s!==c&&" "!==c)break;a++}var f=r.substring(0,E.index),p=r.substring(E.index+a);C.current.value="".concat(f).concat(u," ").concat(p),e.onChange&&e.onChange(t)}var m=E.index+u.length+1;C.current.setSelectionRange(m,m),K(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},L=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===E.key}))]:e.field;return n?o.ObjectUtils.resolveFieldData(t,n):t}return""},$=function(e,t){o.DomHandler.focus(C.current),Y(e,t)},G=C.current&&C.current.value,Q=p.useMemo((function(){return o.ObjectUtils.isNotEmpty(e.value)||o.ObjectUtils.isNotEmpty(e.defaultValue)||o.ObjectUtils.isNotEmpty(G)}),[e.value,e.defaultValue,G]);p.useImperativeHandle(t,(function(){return{props:e,show:T,hide:K,focus:function(){return o.DomHandler.focus(C.current)},getElement:function(){return S.current},getOverlay:function(){return D.current},getInput:function(){return C.current}}})),p.useEffect((function(){o.ObjectUtils.combinedRefs(C,e.inputRef)}),[C,e.inputRef]),r.useUpdateEffect((function(){h&&(e.suggestions&&e.suggestions.length?T():K(),i&&B(),b(!1))}),[e.suggestions]),r.useUpdateEffect((function(){!Q&&o.DomHandler.hasClass(S.current,"p-inputwrapper-filled")&&o.DomHandler.removeClass(S.current,"p-inputwrapper-filled")}),[Q]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(D.current)}));var W,ee,te,ne,re,le=function(t,n){var r=n+"_item",l=e.itemTemplate?o.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:E?E.key:"",index:n}):L(t);return p.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return $(e,t)}},l,p.createElement(s.Ripple,null))},ie=function(){if(e.suggestions){var t=e.suggestions.map(le);return p.createElement("ul",{ref:I,className:"p-mention-items"},t)}return null},oe=o.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":Q,"p-inputwrapper-focus":g},e.className),ue=o.classNames("p-mention-input",e.inputClassName),ae=o.ObjectUtils.findDiffKeys(e,N.defaultProps),se=(W=o.classNames("p-mention-panel p-component",e.panelClassName),ee=H({maxHeight:e.scrollHeight},e.panelStyle),te=o.ObjectUtils.getJSXElement(e.headerTemplate,e),ne=o.ObjectUtils.getJSXElement(e.footerTemplate,e),re=ie(),p.createElement(a.Portal,{element:p.createElement(n.CSSTransition,{nodeRef:D,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:F,onEntered:q,onExit:z,onExited:_},p.createElement("div",{ref:D,className:W,style:ee,onClick:M},te,re,ne)),appendTo:"self"}));return p.createElement("div",{ref:S,id:e.id,className:oe,style:e.style},p.createElement(w,d({ref:C,id:e.inputId,className:ue,style:e.inputStyle},ae,{onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(i){var n=o.DomHandler.findSingle(D.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(o.DomHandler.addClass(r,"p-highlight"),o.DomHandler.removeClass(n,"p-highlight"),o.DomHandler.scrollInView(D.current,r))}else(n=o.DomHandler.findSingle(D.current,"li"))&&o.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(o.DomHandler.addClass(l,"p-highlight"),o.DomHandler.removeClass(n,"p-highlight"),o.DomHandler.scrollInView(D.current,l))}t.preventDefault();break;case 8:var u=t.target,a=u.selectionStart;u.value.substring(a-1,a)===E.key&&K();break;case 13:n&&Y(t,e.suggestions[o.DomHandler.index(n)]),t.preventDefault();break;case 27:K(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?o.DomHandler.addClass(S.current,"p-inputwrapper-filled"):o.DomHandler.removeClass(S.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||J(e)},onChange:function(t){e.onChange&&e.onChange(t),J(t)}})),se)})));N.displayName="Mention",N.defaultProps={__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null},exports.Mention=N;

package/mention/mention.d.ts

@@ -1,64 +1,218 @@
+/**
+ *
+ * Mention component is used to refer someone or something.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/mention/)
+ *
+ * @module mention
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { InputTextarea } from '../inputtextarea';
 
-type MentionTriggerType = string | string[];
-
-type MentionFieldType = string | string[];
-
-type MentionHeaderTemplateType = React.ReactNode | ((props: MentionProps) => React.ReactNode);
-
-type MentionFooterTemplateType = React.ReactNode | ((props: MentionProps) => React.ReactNode);
-
-type MentionItemTemplateType = React.ReactNode | ((suggestion: any, options: MentionItemTemplateOptions) => React.ReactNode);
-
+/**
+ * @group Misc
+ */
 interface MentionItemTemplateOptions {
+    /**
+     * Index of the menu item.
+     */
     index: number;
+    /**
+     * Triggered the mention item.
+     */
     trigger: string;
 }
 
-interface MentionSearchParams {
+/**
+ * Custom search event
+ * @see {@link MentionProps.onSearch}
+ * @event
+ */
+interface MentionSearchEvent {
+    /**
+     * Browser event.
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Current trigger keyword.
+     */
     trigger: string;
+    /**
+     * Current query string entered by the user.
+     */
     query: string;
 }
 
-interface MentionSelectParams {
+/**
+ * Custom select event
+ * @see {@link MentionProps.onSelect}
+ * @event
+ */
+interface MentionSelectEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Selected item
+     */
     suggestion: any;
 }
 
+/**
+ * Defines valid properties in Mention component. In addition to these, all properties of HTMLTextAreaElement can be used in this component.
+ * @group Properties
+ */
 export interface MentionProps extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'onSelect' | 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'ref'> {
-    autoHighlight?: boolean;
-    autoResize?: boolean;
-    children?: React.ReactNode;
-    delay?: number;
-    field?: MentionFieldType;
-    footerTemplate?: MentionFooterTemplateType;
-    headerTemplate?: MentionHeaderTemplateType;
-    inputClassName?: string;
-    inputId?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    inputStyle?: React.CSSProperties;
-    itemTemplate?: MentionItemTemplateType;
-    panelClassName?: string;
-    panelStyle?: React.CSSProperties;
-    scrollHeight?: string;
-    suggestions?: any[];
-    transitionOptions?: CSSTransitionProps;
-    trigger?: MentionTriggerType;
+    /**
+     * When enabled, highlights the first item in the list by default.
+     * @defaultValue true
+     */
+    autoHighlight?: boolean | undefined;
+    /**
+     * When present, height of textarea changes as being typed.
+     */
+    autoResize?: boolean | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Delay between keystrokes to wait before sending a query.
+     * @defaultValue 0
+     */
+    delay?: number | undefined;
+    /**
+     * Field of a suggested object to resolve and display.
+     */
+    field?: string | string[] | undefined;
+    /**
+     * Custom template of footer.
+     */
+    footerTemplate?: React.ReactNode | ((props: MentionProps) => React.ReactNode);
+    /**
+     * Custom template of header.
+     */
+    headerTemplate?: React.ReactNode | ((props: MentionProps) => React.ReactNode);
+    /**
+     * Style class of the input field.
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Identifier of the input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: React.CSSProperties | undefined;
+    /**
+     * Custom template for the items.
+     */
+    itemTemplate?: React.ReactNode | ((suggestion: any, options: MentionItemTemplateOptions) => React.ReactNode);
+    /**
+     * Style class of the overlay panel element.
+     */
+    panelClassName?: string | undefined;
+    /**
+     * Inline style of the overlay panel element.
+     */
+    panelStyle?: React.CSSProperties | undefined;
+    /**
+     * Maximum height of the suggestions panel.
+     * @defaultValue 200px
+     */
+    scrollHeight?: string | undefined;
+    /**
+     * An array of suggestions to display.
+     */
+    suggestions?: any[] | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Set trigger keyword.
+     * @defaultValue "@"
+     */
+    trigger?: string | string[] | undefined;
+    /**
+     * Callback to invoke when the element loses focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event Browser event
+     */
     onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke when value changes.
+     * @param {React.FormEvent<HTMLInputElement>} event Browser event
+     */
     onChange?(event: React.FormEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke when the element receives focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event Browser event
+     */
     onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke when overlay panel becomes hidden.
+     */
     onHide?(): void;
+    /**
+     * Callback to invoke on input event of input field.
+     * @param {React.FormEvent<HTMLInputElement>} event Browser event
+     */
     onInput?(event: React.FormEvent<HTMLInputElement>): void;
-    onSearch?(e: MentionSearchParams): void;
-    onSelect?(e: MentionSelectParams): void;
+    /**
+     * Callback to invoke when search.
+     * @param {MentionSearchEvent} event Custom search event
+     */
+    onSearch?(event: MentionSearchEvent): void;
+    /**
+     * Callback to invoke when selection changes.
+     * @param {MentionSelectEvent} event Custom select event
+     */
+    onSelect?(event: MentionSelectEvent): void;
+    /**
+     * Callback to invoke when overlay panel becomes visible.
+     */
     onShow?(): void;
 }
 
+/**
+ * **PrimeReact - Mention**
+ *
+ * _Mention component is used to refer someone or something._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/mention/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Mention extends React.Component<MentionProps, any> {
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get input element.
+     * @return {InputTextarea} Input element
+     */
     public getInput(): typeof InputTextarea;
+    /**
+     * Used to get overlay element.
+     * @return {HTMLElement} Overlay element
+     */
     public getOverlay(): HTMLElement;
 }

package/mention/mention.esm.js

@@ -515,6 +515,9 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       props: props,
       show: show,
       hide: hide,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

package/mention/mention.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as i,useUnmountEffect as o}from"primereact/hooks";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as u}from"primereact/tooltip";import{ObjectUtils as a,classNames as s,DomHandler as c,ZIndexUtils as f}from"primereact/utils";import{OverlayService as p}from"primereact/overlayservice";import{Portal as m}from"primereact/portal";import{Ripple as g}from"primereact/ripple";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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function d(e){return d="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},d(e)}function v(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=v(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return u}}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 w(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 O(){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 C(e,t){return E(e)||x(e,t)||w(e,t)||O()}var k=e.memo(e.forwardRef((function(t,n){var r=e.useRef(n),i=e.useRef(0),o=function(e){var t=r.current;t&&c.isVisible(t)&&(i.current||(i.current=t.scrollHeight,t.style.overflow="hidden"),(i.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",i.current=t.scrollHeight))},f=r.current&&r.current.value,p=e.useMemo((function(){return a.isNotEmpty(t.value)||a.isNotEmpty(t.defaultValue)||a.isNotEmpty(f)}),[t.value,t.defaultValue,f]);e.useEffect((function(){a.combinedRefs(r,n)}),[r,n]),e.useEffect((function(){t.autoResize&&o(!0)}),[t.autoResize]);var m=a.isNotEmpty(t.tooltip),g=a.findDiffKeys(t,k.defaultProps),d=s("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":p,"p-inputtextarea-resizable":t.autoResize},t.className);return e.createElement(e.Fragment,null,e.createElement("textarea",y({ref:r},g,{className:d,onFocus:function(e){t.autoResize&&o(),t.onFocus&&t.onFocus(e)},onBlur:function(e){t.autoResize&&o(),t.onBlur&&t.onBlur(e)},onKeyUp:function(e){t.autoResize&&o(),t.onKeyUp&&t.onKeyUp(e)},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown(e),t.keyfilter&&l.onKeyPress(e,t.keyfilter,t.validateOnly)},onInput:function(e){t.autoResize&&o(),t.onInput&&t.onInput(e);var n=e.target;a.isNotEmpty(n.value)?c.addClass(n,"p-filled"):c.removeClass(n,"p-filled")},onPaste:function(e){t.onPaste&&t.onPaste(e),t.keyfilter&&l.onPaste(e,t.keyfilter,t.validateOnly)}})),m&&e.createElement(u,y({target:r,content:t.tooltip},t.tooltipOptions)))})));function I(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 N(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){b(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}k.displayName="InputTextarea",k.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1};var R=e.memo(e.forwardRef((function(l,u){var d=C(e.useState(!1),2),v=d[0],h=d[1],b=C(e.useState(!1),2),E=b[0],x=b[1],S=C(e.useState(!1),2),w=S[0],O=S[1],I=C(e.useState(null),2),P=I[0],j=I[1],D=e.useRef(null),T=e.useRef(null),H=e.useRef(l.inputRef),A=e.useRef(null),K=e.useRef(null),F=C(r({target:D,overlay:T,listener:function(e,t){t.valid&&U()},when:v}),2),z=F[0],B=F[1],V=function(){h(!0)},U=function(){h(!1),O(!1),j(null)},M=function(){f.set("overlay",T.current,t.autoZIndex,t.zIndex.overlay),q()},_=function(){l.autoHighlight&&l.suggestions&&l.suggestions.length&&c.addClass(A.current.firstChild,"p-highlight")},J=function(){z(),l.onShow&&l.onShow()},X=function(){B()},Y=function(){f.clear(T.current),l.onHide&&l.onHide()},q=function(){var e=P.key,t=P.index,n=H.current.value,r=c.getCursorOffset(H.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},Z=function(e){p.emit("overlay-click",{originalEvent:e,target:D.current})},$=function(e,t,n){if(!P){var r=Array.isArray(l.trigger)?l.trigger.find((function(e){return e===t})):l.trigger===t?l.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=G(e,n);if(o.index>i)return o}return P},G=function(e,t){if(Array.isArray(l.trigger)){var n={};return l.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(l.trigger);return{key:l.trigger,index:-1!==r?r+1:-1}},L=function(e){K.current&&clearTimeout(K.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=$(n,i,r);if(o&&o.index>-1){var u=n.substring(o.index,r);K.current=setTimeout((function(){Q(e,u,o)}),l.delay)}}else U()},Q=function(e,t,n){l.onSearch&&(O(!0),j(n),l.onSearch({originalEvent:e,trigger:n.key,query:t}))},W=function(e,t){var n=H.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),u=ee(t).replace(/\s+/g,"");if(o.trim()!==u){for(var a=0;a<u.length;){var s=u.charAt(a),c=o.charAt(a);if(s!==c&&" "!==c)break;a++}var f=n.substring(0,P.index),p=n.substring(P.index+a);H.current.value="".concat(f).concat(u," ").concat(p),l.onChange&&l.onChange(e)}var m=P.index+u.length+1;H.current.setSelectionRange(m,m),U(),l.onSelect&&l.onSelect({originalEvent:e,suggestion:t})},ee=function(e){if(e){var t=Array.isArray(l.field)?l.field[l.trigger.findIndex((function(e){return e===P.key}))]:l.field;return t?a.resolveFieldData(e,t):e}return""},te=function(e,t){c.focus(H.current),W(e,t)},ne=H.current&&H.current.value,re=e.useMemo((function(){return a.isNotEmpty(l.value)||a.isNotEmpty(l.defaultValue)||a.isNotEmpty(ne)}),[l.value,l.defaultValue,ne]);e.useImperativeHandle(u,(function(){return{props:l,show:V,hide:U,getElement:function(){return D.current},getOverlay:function(){return T.current},getInput:function(){return H.current}}})),e.useEffect((function(){a.combinedRefs(H,l.inputRef)}),[H,l.inputRef]),i((function(){w&&(l.suggestions&&l.suggestions.length?V():U(),v&&q(),O(!1))}),[l.suggestions]),i((function(){!re&&c.hasClass(D.current,"p-inputwrapper-filled")&&c.removeClass(D.current,"p-inputwrapper-filled")}),[re]),o((function(){f.clear(T.current)}));var ie,oe,le,ue,ae,se=function(t,n){var r=n+"_item",i=l.itemTemplate?a.getJSXElement(l.itemTemplate,t,{trigger:P?P.key:"",index:n}):ee(t);return e.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return te(e,t)}},i,e.createElement(g,null))},ce=function(){if(l.suggestions){var t=l.suggestions.map(se);return e.createElement("ul",{ref:A,className:"p-mention-items"},t)}return null},fe=s("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":re,"p-inputwrapper-focus":E},l.className),pe=s("p-mention-input",l.inputClassName),me=a.findDiffKeys(l,R.defaultProps),ge=(ie=s("p-mention-panel p-component",l.panelClassName),oe=N({maxHeight:l.scrollHeight},l.panelStyle),le=a.getJSXElement(l.headerTemplate,l),ue=a.getJSXElement(l.footerTemplate,l),ae=ce(),e.createElement(m,{element:e.createElement(n,{nodeRef:T,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:M,onEntering:_,onEntered:J,onExit:X,onExited:Y},e.createElement("div",{ref:T,className:ie,style:oe,onClick:Z},le,ae,ue)),appendTo:"self"}));return e.createElement("div",{ref:D,id:l.id,className:fe,style:l.style},e.createElement(k,y({ref:H,id:l.inputId,className:pe,style:l.inputStyle},me,{onFocus:function(e){x(!0),l.onFocus&&l.onFocus(e)},onBlur:function(e){x(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){if(v){var t=c.findSingle(T.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(c.addClass(n,"p-highlight"),c.removeClass(t,"p-highlight"),c.scrollInView(T.current,n))}else(t=c.findSingle(T.current,"li"))&&c.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(c.addClass(r,"p-highlight"),c.removeClass(t,"p-highlight"),c.scrollInView(T.current,r))}e.preventDefault();break;case 8:var i=e.target,o=i.selectionStart;i.value.substring(o-1,o)===P.key&&U();break;case 13:t&&W(e,l.suggestions[c.index(t)]),e.preventDefault();break;case 27:U(),e.preventDefault()}}},onInput:function(e){l.onInput&&l.onInput(e),e.target.value.length>0?c.addClass(D.current,"p-inputwrapper-filled"):c.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||L(e)},onChange:function(e){l.onChange&&l.onChange(e),L(e)}})),ge)})));R.displayName="Mention",R.defaultProps={__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null};export{R as Mention};
+import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as i,useUnmountEffect as o}from"primereact/hooks";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as u}from"primereact/tooltip";import{ObjectUtils as a,classNames as s,DomHandler as c,ZIndexUtils as f}from"primereact/utils";import{OverlayService as p}from"primereact/overlayservice";import{Portal as m}from"primereact/portal";import{Ripple as g}from"primereact/ripple";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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function d(e){return d="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},d(e)}function v(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=v(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,u=[],a=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,i=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return u}}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 w(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 O(){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 C(e,t){return E(e)||x(e,t)||w(e,t)||O()}var k=e.memo(e.forwardRef((function(t,n){var r=e.useRef(n),i=e.useRef(0),o=function(e){var t=r.current;t&&c.isVisible(t)&&(i.current||(i.current=t.scrollHeight,t.style.overflow="hidden"),(i.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",i.current=t.scrollHeight))},f=r.current&&r.current.value,p=e.useMemo((function(){return a.isNotEmpty(t.value)||a.isNotEmpty(t.defaultValue)||a.isNotEmpty(f)}),[t.value,t.defaultValue,f]);e.useEffect((function(){a.combinedRefs(r,n)}),[r,n]),e.useEffect((function(){t.autoResize&&o(!0)}),[t.autoResize]);var m=a.isNotEmpty(t.tooltip),g=a.findDiffKeys(t,k.defaultProps),d=s("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":p,"p-inputtextarea-resizable":t.autoResize},t.className);return e.createElement(e.Fragment,null,e.createElement("textarea",y({ref:r},g,{className:d,onFocus:function(e){t.autoResize&&o(),t.onFocus&&t.onFocus(e)},onBlur:function(e){t.autoResize&&o(),t.onBlur&&t.onBlur(e)},onKeyUp:function(e){t.autoResize&&o(),t.onKeyUp&&t.onKeyUp(e)},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown(e),t.keyfilter&&l.onKeyPress(e,t.keyfilter,t.validateOnly)},onInput:function(e){t.autoResize&&o(),t.onInput&&t.onInput(e);var n=e.target;a.isNotEmpty(n.value)?c.addClass(n,"p-filled"):c.removeClass(n,"p-filled")},onPaste:function(e){t.onPaste&&t.onPaste(e),t.keyfilter&&l.onPaste(e,t.keyfilter,t.validateOnly)}})),m&&e.createElement(u,y({target:r,content:t.tooltip},t.tooltipOptions)))})));function I(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 N(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){b(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}k.displayName="InputTextarea",k.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1};var R=e.memo(e.forwardRef((function(l,u){var d=C(e.useState(!1),2),v=d[0],h=d[1],b=C(e.useState(!1),2),E=b[0],x=b[1],S=C(e.useState(!1),2),w=S[0],O=S[1],I=C(e.useState(null),2),P=I[0],j=I[1],D=e.useRef(null),T=e.useRef(null),H=e.useRef(l.inputRef),A=e.useRef(null),K=e.useRef(null),F=C(r({target:D,overlay:T,listener:function(e,t){t.valid&&U()},when:v}),2),z=F[0],B=F[1],V=function(){h(!0)},U=function(){h(!1),O(!1),j(null)},M=function(){f.set("overlay",T.current,t.autoZIndex,t.zIndex.overlay),q()},_=function(){l.autoHighlight&&l.suggestions&&l.suggestions.length&&c.addClass(A.current.firstChild,"p-highlight")},J=function(){z(),l.onShow&&l.onShow()},X=function(){B()},Y=function(){f.clear(T.current),l.onHide&&l.onHide()},q=function(){var e=P.key,t=P.index,n=H.current.value,r=c.getCursorOffset(H.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},Z=function(e){p.emit("overlay-click",{originalEvent:e,target:D.current})},$=function(e,t,n){if(!P){var r=Array.isArray(l.trigger)?l.trigger.find((function(e){return e===t})):l.trigger===t?l.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=G(e,n);if(o.index>i)return o}return P},G=function(e,t){if(Array.isArray(l.trigger)){var n={};return l.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(l.trigger);return{key:l.trigger,index:-1!==r?r+1:-1}},L=function(e){K.current&&clearTimeout(K.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=$(n,i,r);if(o&&o.index>-1){var u=n.substring(o.index,r);K.current=setTimeout((function(){Q(e,u,o)}),l.delay)}}else U()},Q=function(e,t,n){l.onSearch&&(O(!0),j(n),l.onSearch({originalEvent:e,trigger:n.key,query:t}))},W=function(e,t){var n=H.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),u=ee(t).replace(/\s+/g,"");if(o.trim()!==u){for(var a=0;a<u.length;){var s=u.charAt(a),c=o.charAt(a);if(s!==c&&" "!==c)break;a++}var f=n.substring(0,P.index),p=n.substring(P.index+a);H.current.value="".concat(f).concat(u," ").concat(p),l.onChange&&l.onChange(e)}var m=P.index+u.length+1;H.current.setSelectionRange(m,m),U(),l.onSelect&&l.onSelect({originalEvent:e,suggestion:t})},ee=function(e){if(e){var t=Array.isArray(l.field)?l.field[l.trigger.findIndex((function(e){return e===P.key}))]:l.field;return t?a.resolveFieldData(e,t):e}return""},te=function(e,t){c.focus(H.current),W(e,t)},ne=H.current&&H.current.value,re=e.useMemo((function(){return a.isNotEmpty(l.value)||a.isNotEmpty(l.defaultValue)||a.isNotEmpty(ne)}),[l.value,l.defaultValue,ne]);e.useImperativeHandle(u,(function(){return{props:l,show:V,hide:U,focus:function(){return c.focus(H.current)},getElement:function(){return D.current},getOverlay:function(){return T.current},getInput:function(){return H.current}}})),e.useEffect((function(){a.combinedRefs(H,l.inputRef)}),[H,l.inputRef]),i((function(){w&&(l.suggestions&&l.suggestions.length?V():U(),v&&q(),O(!1))}),[l.suggestions]),i((function(){!re&&c.hasClass(D.current,"p-inputwrapper-filled")&&c.removeClass(D.current,"p-inputwrapper-filled")}),[re]),o((function(){f.clear(T.current)}));var ie,oe,le,ue,ae,se=function(t,n){var r=n+"_item",i=l.itemTemplate?a.getJSXElement(l.itemTemplate,t,{trigger:P?P.key:"",index:n}):ee(t);return e.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return te(e,t)}},i,e.createElement(g,null))},ce=function(){if(l.suggestions){var t=l.suggestions.map(se);return e.createElement("ul",{ref:A,className:"p-mention-items"},t)}return null},fe=s("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":re,"p-inputwrapper-focus":E},l.className),pe=s("p-mention-input",l.inputClassName),me=a.findDiffKeys(l,R.defaultProps),ge=(ie=s("p-mention-panel p-component",l.panelClassName),oe=N({maxHeight:l.scrollHeight},l.panelStyle),le=a.getJSXElement(l.headerTemplate,l),ue=a.getJSXElement(l.footerTemplate,l),ae=ce(),e.createElement(m,{element:e.createElement(n,{nodeRef:T,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:M,onEntering:_,onEntered:J,onExit:X,onExited:Y},e.createElement("div",{ref:T,className:ie,style:oe,onClick:Z},le,ae,ue)),appendTo:"self"}));return e.createElement("div",{ref:D,id:l.id,className:fe,style:l.style},e.createElement(k,y({ref:H,id:l.inputId,className:pe,style:l.inputStyle},me,{onFocus:function(e){x(!0),l.onFocus&&l.onFocus(e)},onBlur:function(e){x(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){if(v){var t=c.findSingle(T.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(c.addClass(n,"p-highlight"),c.removeClass(t,"p-highlight"),c.scrollInView(T.current,n))}else(t=c.findSingle(T.current,"li"))&&c.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(c.addClass(r,"p-highlight"),c.removeClass(t,"p-highlight"),c.scrollInView(T.current,r))}e.preventDefault();break;case 8:var i=e.target,o=i.selectionStart;i.value.substring(o-1,o)===P.key&&U();break;case 13:t&&W(e,l.suggestions[c.index(t)]),e.preventDefault();break;case 27:U(),e.preventDefault()}}},onInput:function(e){l.onInput&&l.onInput(e),e.target.value.length>0?c.addClass(D.current,"p-inputwrapper-filled"):c.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||L(e)},onChange:function(e){l.onChange&&l.onChange(e),L(e)}})),ge)})));R.displayName="Mention",R.defaultProps={__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null};export{R as Mention};

package/mention/mention.js

@@ -531,6 +531,9 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         props: props,
         show: show,
         hide: hide,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },