primereact 10.9.4 → 10.9.6

package/inputotp/inputotp.esm.min.js

@@ -1 +1 @@
-import e,{useRef as t,useContext as n,useState as r}from"react";import{PrimeReactContext as l,ariaLabel as a}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u,useUpdateEffect as c}from"primereact/hooks";import{InputText as s}from"primereact/inputtext";import{ObjectUtils as p}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(null,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.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)?v(e,t):void 0}}function b(){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 g(e){return d(e)||y(e)||m(e)||b()}function h(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,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}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.")}function j(e){return j="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},j(e)}function S(e,t){if("object"!=j(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=S(e,"string");return"symbol"==j(t)?t:t+""}function N(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var D=o.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function E(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo(e.forwardRef((function(o,v){var d,y,b=t(v),j=u(),S=n(l),P=D.getProps(o,S),N=D.setMetaData(A(A({props:P},P.__parentMetadata),{},{context:{disabled:P.disabled}})),E=N.ptm,k=N.cx;i(D.css.styles,N.isUnstyled,{name:"inputotp"});var x,I,T=P.value?null===(d=P.value)||void 0===d||null===(d=d.toString())||void 0===d||null===(y=d.split)||void 0===y?void 0:y.call(d,""):new Array(P.length),_=r(T),M=(I=2,h(x=_)||O(x,I)||m(x,I)||w()),U=M[0],K=M[1],B=function(e){var t=e.nextElementSibling;if(t)return"INPUT"===t.nodeName?t:B(t)},C=function(e){var t=e.previousElementSibling;if(t)return"INPUT"===t.nodeName?t:C(t)},F=function(e){var t=B(e.target);t&&(t.focus(),t.select())},L=function(e){var t=C(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==P||null===(n=P.onChange)||void 0===n||n.call(P,{originalEvent:e,value:t.join("")})},J=function(e,t){var n=e.target.value,r=g(U);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(P.length),K(r),R(e,r)},V=function(e,t){P.disabled||P.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(J(e,t),"deleteContentBackward"===e.nativeEvent.inputType?L(e):"insertText"===e.nativeEvent.inputType&&F(e))},X=function(e){if(!P.disabled&&!P.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,P.length+1);if(!P.integerOnly||!isNaN(n)){var r=n.split("");K(r),R(e,r)}}}},Y=function(e){var t;e.target.select(),null==P||null===(t=P.focus)||void 0===t||t.call(P,e)},$=function(e){var t;null==P||null===(t=P.blur)||void 0===t||t.call(P,e)},q=function(e){if(!P.disabled&&!P.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":L(e),e.preventDefault();break;case"ArrowRight":F(e),e.preventDefault();break;case"Delete":e.preventDefault();var t=Number(e.target.id);Number.isNaN(t)||z(U,P.length)||(J(A(A({},e),{},{target:A(A({},e.target),{},{value:""})}),t),F(e));break;case"Backspace":var n;0===(null===(n=e.target)||void 0===n||null===(n=n.value)||void 0===n?void 0:n.length)&&(L(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":break;default:(null!=P&&P.integerOnly&&!("Space"!==e.code&&Number(e.key)>=0&&Number(e.key)<=9)||U.join("").length>=P.length&&"Delete"!==e.code)&&e.preventDefault()}},z=function(e,t){return e.length===t&&e.every((function(e){return""===e||null==e}))};c((function(){var e,t,n=P.value?null===(e=P.value)||void 0===e||null===(e=e.toString())||void 0===e||null===(t=e.split)||void 0===t?void 0:t.call(e,""):new Array(P.length);K(n)}),[P.value]);var G=function(t){if(t<=0)return[];var n=P.length-t,r={onInput:function(e){return V(e,n)},onKeyDown:q,onFocus:Y,onBlur:$,onPaste:X},l={id:n,value:U[n]||"",inputMode:null!=P&&P.integerOnly?"numeric":"text",type:null!=P&&P.mask?"password":"text",variant:null==P?void 0:P.variant,readOnly:null==P?void 0:P.readOnly,disabled:null==P?void 0:P.disabled,invalid:null==P?void 0:P.invalid,tabIndex:null==P?void 0:P.tabIndex,unstyled:null==P?void 0:P.unstyled,"aria-label":a("otpLabel",{0:n+1}),className:k("input"),pt:E("input")};return[null!=P&&P.inputTemplate?p.getJSXElement(null==P?void 0:P.inputTemplate,{events:r,props:l}):e.createElement(s,f({},l,r,{key:n}))].concat(g(G(t-1)))},H=j({className:k("root"),ref:b,style:null==P?void 0:P.style},E("root"));return e.createElement("div",H,G(P.length))})));k.displayName="InputOtp";export{k as InputOtp};
+import e,{useRef as t,useContext as n,useState as r}from"react";import{PrimeReactContext as l,ariaLabel as a}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u,useUpdateEffect as c}from"primereact/hooks";import{InputText as s}from"primereact/inputtext";import{ObjectUtils as p}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(null,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.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)?v(e,t):void 0}}function b(){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 g(e){return d(e)||y(e)||m(e)||b()}function h(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,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}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.")}function j(e){return j="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},j(e)}function S(e,t){if("object"!=j(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=S(e,"string");return"symbol"==j(t)?t:t+""}function N(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var D=o.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function E(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo(e.forwardRef((function(o,v){var d,y,b=t(v),j=u(),S=n(l),P=D.getProps(o,S),N=D.setMetaData(A(A({props:P},P.__parentMetadata),{},{context:{disabled:P.disabled}})),E=N.ptm,k=N.cx;i(D.css.styles,N.isUnstyled,{name:"inputotp"});var x,I,T=P.value?null===(d=P.value)||void 0===d||null===(d=d.toString())||void 0===d||null===(y=d.split)||void 0===y?void 0:y.call(d,""):new Array(P.length),_=r(T),M=(I=2,h(x=_)||O(x,I)||m(x,I)||w()),U=M[0],F=M[1],K=function(e){var t=e.nextElementSibling;if(t)return"INPUT"===t.nodeName?t:K(t)},B=function(e){var t=e.previousElementSibling;if(t)return"INPUT"===t.nodeName?t:B(t)},C=function(e){var t=K(e.target);t&&(t.focus(),t.select())},L=function(e){var t=B(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==P||null===(n=P.onChange)||void 0===n||n.call(P,{originalEvent:e,value:t.join("")})},J=function(e,t){var n=e.target.value,r=g(U);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(P.length),F(r),R(e,r)},V=function(e,t){P.disabled||P.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(J(e,t),"deleteContentBackward"===e.nativeEvent.inputType?L(e):"insertText"===e.nativeEvent.inputType&&C(e))},X=function(e){if(!P.disabled&&!P.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,P.length+1);if(!P.integerOnly||!isNaN(n)){var r=n.split("");F(r),R(e,r)}}}},Y=function(e){var t;e.target.select(),null==P||null===(t=P.focus)||void 0===t||t.call(P,e)},$=function(e){var t;null==P||null===(t=P.blur)||void 0===t||t.call(P,e)},q=function(e){if(!P.disabled&&!P.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":L(e),e.preventDefault();break;case"ArrowRight":C(e),e.preventDefault();break;case"Delete":e.preventDefault();var t=Number(e.target.id);Number.isNaN(t)||z(U,P.length)||(J(A(A({},e),{},{target:A(A({},e.target),{},{value:""})}),t),C(e));break;case"Backspace":var n;0===(null===(n=e.target)||void 0===n||null===(n=n.value)||void 0===n?void 0:n.length)&&(L(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":break;default:(null!=P&&P.integerOnly&&!("Space"!==e.code&&Number(e.key)>=0&&Number(e.key)<=9)||U.join("").length>=P.length&&"Delete"!==e.code)&&e.preventDefault()}},z=function(e,t){return e.length===t&&e.every((function(e){return""===e||null==e}))};c((function(){var e,t,n=P.value?null===(e=P.value)||void 0===e||null===(e=e.toString())||void 0===e||null===(t=e.split)||void 0===t?void 0:t.call(e,""):new Array(P.length);F(n)}),[P.value]);var G=function(t){if(t<=0)return[];var n=P.length-t,r={onInput:function(e){return V(e,n)},onKeyDown:q,onFocus:Y,onBlur:$,onPaste:X},l={id:n,value:U[n]||"",inputMode:null!=P&&P.integerOnly?"numeric":"text",type:null!=P&&P.mask?"password":"text",variant:null==P?void 0:P.variant,readOnly:null==P?void 0:P.readOnly,disabled:null==P?void 0:P.disabled,invalid:null==P?void 0:P.invalid,tabIndex:null==P?void 0:P.tabIndex,unstyled:null==P?void 0:P.unstyled,autoFocus:(null==P?void 0:P.autoFocus)&&0===n,"aria-label":a("otpLabel",{0:n+1}),className:k("input"),pt:E("input")};return[null!=P&&P.inputTemplate?p.getJSXElement(null==P?void 0:P.inputTemplate,{events:r,props:l}):e.createElement(s,f({},l,r,{key:n}))].concat(g(G(t-1)))},H=j({className:k("root"),ref:b,style:null==P?void 0:P.style},E("root"));return e.createElement("div",H,G(P.length))})));k.displayName="InputOtp";export{k as InputOtp};

package/inputotp/inputotp.js

@@ -350,6 +350,7 @@ this.primereact.inputotp = (function (exports, React, api, componentbase, hooks,
         invalid: props === null || props === void 0 ? void 0 : props.invalid,
         tabIndex: props === null || props === void 0 ? void 0 : props.tabIndex,
         unstyled: props === null || props === void 0 ? void 0 : props.unstyled,
+        autoFocus: (props === null || props === void 0 ? void 0 : props.autoFocus) && inputElementIndex === 0,
         'aria-label': api.ariaLabel('otpLabel', {
           0: inputElementIndex + 1
         }),

package/inputotp/inputotp.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputotp=function(e,t,n,r,a,l,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.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 v(){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 y(e){return p(e)||f(e)||d(e)||v()}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="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},h(e)}function O(e,t){if("object"!=h(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=O(e,"string");return"symbol"==h(t)?t:t+""}function j(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function P(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=u.default.memo(u.default.forwardRef((function(e,o){var s,p,f=t.useRef(o),v=a.useMergeProps(),h=t.useContext(n.PrimeReactContext),O=S.getProps(e,h),w=S.setMetaData(E(E({props:O},O.__parentMetadata),{},{context:{disabled:O.disabled}})),j=w.ptm,P=w.cx;r.useHandleStyle(S.css.styles,w.isUnstyled,{name:"inputotp"});var N,D,x=O.value?null===(s=O.value)||void 0===s||null===(s=s.toString())||void 0===s||null===(p=s.split)||void 0===p?void 0:p.call(s,""):new Array(O.length),A=t.useState(x),k=(D=2,b(N=A)||m(N,D)||d(N,D)||g()),I=k[0],T=k[1],_=function(e){var t=e.nextElementSibling;if(t)return"INPUT"===t.nodeName?t:_(t)},M=function(e){var t=e.previousElementSibling;if(t)return"INPUT"===t.nodeName?t:M(t)},U=function(e){var t=_(e.target);t&&(t.focus(),t.select())},C=function(e){var t=M(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==O||null===(n=O.onChange)||void 0===n||n.call(O,{originalEvent:e,value:t.join("")})},B=function(e,t){var n=e.target.value,r=y(I);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(O.length),T(r),R(e,r)},K=function(e,t){O.disabled||O.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(B(e,t),"deleteContentBackward"===e.nativeEvent.inputType?C(e):"insertText"===e.nativeEvent.inputType&&U(e))},L=function(e){if(!O.disabled&&!O.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,O.length+1);if(!O.integerOnly||!isNaN(n)){var r=n.split("");T(r),R(e,r)}}}},F=function(e){var t;e.target.select(),null==O||null===(t=O.focus)||void 0===t||t.call(O,e)},H=function(e){var t;null==O||null===(t=O.blur)||void 0===t||t.call(O,e)},J=function(e){if(!O.disabled&&!O.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":C(e),e.preventDefault();break;case"ArrowRight":U(e),e.preventDefault();break;case"Delete":e.preventDefault();var t=Number(e.target.id);Number.isNaN(t)||V(I,O.length)||(B(E(E({},e),{},{target:E(E({},e.target),{},{value:""})}),t),U(e));break;case"Backspace":var n;0===(null===(n=e.target)||void 0===n||null===(n=n.value)||void 0===n?void 0:n.length)&&(C(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":break;default:(null!=O&&O.integerOnly&&!("Space"!==e.code&&Number(e.key)>=0&&Number(e.key)<=9)||I.join("").length>=O.length&&"Delete"!==e.code)&&e.preventDefault()}},V=function(e,t){return e.length===t&&e.every((function(e){return""===e||null==e}))};a.useUpdateEffect((function(){var e,t,n=O.value?null===(e=O.value)||void 0===e||null===(e=e.toString())||void 0===e||null===(t=e.split)||void 0===t?void 0:t.call(e,""):new Array(O.length);T(n)}),[O.value]);var X=function(e){if(e<=0)return[];var t=O.length-e,r={onInput:function(e){return K(e,t)},onKeyDown:J,onFocus:F,onBlur:H,onPaste:L},a={id:t,value:I[t]||"",inputMode:null!=O&&O.integerOnly?"numeric":"text",type:null!=O&&O.mask?"password":"text",variant:null==O?void 0:O.variant,readOnly:null==O?void 0:O.readOnly,disabled:null==O?void 0:O.disabled,invalid:null==O?void 0:O.invalid,tabIndex:null==O?void 0:O.tabIndex,unstyled:null==O?void 0:O.unstyled,"aria-label":n.ariaLabel("otpLabel",{0:t+1}),className:P("input"),pt:j("input")};return[null!=O&&O.inputTemplate?i.ObjectUtils.getJSXElement(null==O?void 0:O.inputTemplate,{events:r,props:a}):u.default.createElement(l.InputText,c({},a,r,{key:t}))].concat(y(X(e-1)))},Y=v({className:P("root"),ref:f,style:null==O?void 0:O.style},j("root"));return u.default.createElement("div",Y,X(O.length))})));return N.displayName="InputOtp",e.InputOtp=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.inputtext,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputotp=function(e,t,n,r,a,l,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function p(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n={}.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 v(){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 y(e){return p(e)||f(e)||d(e)||v()}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return o}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="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},h(e)}function O(e,t){if("object"!=h(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=O(e,"string");return"symbol"==h(t)?t:t+""}function j(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function P(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=u.default.memo(u.default.forwardRef((function(e,o){var s,p,f=t.useRef(o),v=a.useMergeProps(),h=t.useContext(n.PrimeReactContext),O=S.getProps(e,h),w=S.setMetaData(E(E({props:O},O.__parentMetadata),{},{context:{disabled:O.disabled}})),j=w.ptm,P=w.cx;r.useHandleStyle(S.css.styles,w.isUnstyled,{name:"inputotp"});var N,D,x=O.value?null===(s=O.value)||void 0===s||null===(s=s.toString())||void 0===s||null===(p=s.split)||void 0===p?void 0:p.call(s,""):new Array(O.length),A=t.useState(x),k=(D=2,b(N=A)||m(N,D)||d(N,D)||g()),I=k[0],T=k[1],_=function(e){var t=e.nextElementSibling;if(t)return"INPUT"===t.nodeName?t:_(t)},M=function(e){var t=e.previousElementSibling;if(t)return"INPUT"===t.nodeName?t:M(t)},U=function(e){var t=_(e.target);t&&(t.focus(),t.select())},C=function(e){var t=M(e.target);t&&(t.focus(),t.select())},R=function(e,t){var n;null==O||null===(n=O.onChange)||void 0===n||n.call(O,{originalEvent:e,value:t.join("")})},B=function(e,t){var n=e.target.value,r=y(I);r[t]=n,r=(r=r.join(""))?r.split(""):new Array(O.length),T(r),R(e,r)},F=function(e,t){O.disabled||O.readOnly||"insertFromPaste"!==e.nativeEvent.inputType&&(B(e,t),"deleteContentBackward"===e.nativeEvent.inputType?C(e):"insertText"===e.nativeEvent.inputType&&U(e))},K=function(e){if(!O.disabled&&!O.readOnly){var t=e.clipboardData.getData("text");if(t.length){var n=t.substring(0,O.length+1);if(!O.integerOnly||!isNaN(n)){var r=n.split("");T(r),R(e,r)}}}},L=function(e){var t;e.target.select(),null==O||null===(t=O.focus)||void 0===t||t.call(O,e)},H=function(e){var t;null==O||null===(t=O.blur)||void 0===t||t.call(O,e)},J=function(e){if(!O.disabled&&!O.readOnly&&!(e.altKey||e.ctrlKey||e.metaKey))switch(e.code){case"ArrowLeft":C(e),e.preventDefault();break;case"ArrowRight":U(e),e.preventDefault();break;case"Delete":e.preventDefault();var t=Number(e.target.id);Number.isNaN(t)||V(I,O.length)||(B(E(E({},e),{},{target:E(E({},e.target),{},{value:""})}),t),U(e));break;case"Backspace":var n;0===(null===(n=e.target)||void 0===n||null===(n=n.value)||void 0===n?void 0:n.length)&&(C(e),e.preventDefault());break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":break;default:(null!=O&&O.integerOnly&&!("Space"!==e.code&&Number(e.key)>=0&&Number(e.key)<=9)||I.join("").length>=O.length&&"Delete"!==e.code)&&e.preventDefault()}},V=function(e,t){return e.length===t&&e.every((function(e){return""===e||null==e}))};a.useUpdateEffect((function(){var e,t,n=O.value?null===(e=O.value)||void 0===e||null===(e=e.toString())||void 0===e||null===(t=e.split)||void 0===t?void 0:t.call(e,""):new Array(O.length);T(n)}),[O.value]);var X=function(e){if(e<=0)return[];var t=O.length-e,r={onInput:function(e){return F(e,t)},onKeyDown:J,onFocus:L,onBlur:H,onPaste:K},a={id:t,value:I[t]||"",inputMode:null!=O&&O.integerOnly?"numeric":"text",type:null!=O&&O.mask?"password":"text",variant:null==O?void 0:O.variant,readOnly:null==O?void 0:O.readOnly,disabled:null==O?void 0:O.disabled,invalid:null==O?void 0:O.invalid,tabIndex:null==O?void 0:O.tabIndex,unstyled:null==O?void 0:O.unstyled,autoFocus:(null==O?void 0:O.autoFocus)&&0===t,"aria-label":n.ariaLabel("otpLabel",{0:t+1}),className:P("input"),pt:j("input")};return[null!=O&&O.inputTemplate?i.ObjectUtils.getJSXElement(null==O?void 0:O.inputTemplate,{events:r,props:a}):u.default.createElement(l.InputText,c({},a,r,{key:t}))].concat(y(X(e-1)))},Y=v({className:P("root"),ref:f,style:null==O?void 0:O.style},j("root"));return u.default.createElement("div",Y,X(O.length))})));return N.displayName="InputOtp",e.InputOtp=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.inputtext,primereact.utils);

package/listbox/listbox.d.ts

@@ -30,9 +30,9 @@ export interface ListBoxPassThroughMethodOptions {
 
 /**
  * Custom passthrough(pt) options.
- * @see {@link ListboxProps.pt}
+ * @see {@link ListBoxProps.pt}
  */
-export interface ListboxPassThroughOptions {
+export interface ListBoxPassThroughOptions {
     /**
      * Uses to pass attributes to the root's DOM element.
      */
@@ -406,9 +406,9 @@ export interface ListBoxProps extends Omit<React.DetailedHTMLProps<React.InputHT
     focusOnHover?: boolean | undefined;
     /**
      * Uses to pass attributes to DOM elements inside the component.
-     * @type {ListboxPassThroughOptions}
+     * @type {ListBoxPassThroughOptions}
      */
-    pt?: ListboxPassThroughOptions;
+    pt?: ListBoxPassThroughOptions;
     /**
      * Used to configure passthrough(pt) options of the component.
      * @type {PassThroughOptions}

package/mention/mention.cjs.js

@@ -366,13 +366,6 @@ var MentionBase = componentbase.ComponentBase.extend({
     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,
@@ -381,6 +374,14 @@ var MentionBase = componentbase.ComponentBase.extend({
     onSearch: null,
     onSelect: null,
     onShow: null,
+    panelClassName: null,
+    panelStyle: null,
+    scrollHeight: '200px',
+    style: null,
+    suggestions: null,
+    transitionOptions: null,
+    trigger: '@',
+    variant: null,
     children: undefined
   },
   css: {
@@ -449,8 +450,15 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
       target: elementRef,
       overlay: overlayRef,
       listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide();
+        var valid = _ref.valid,
+          type = _ref.type;
+        if (valid) {
+          if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+            hide();
+          } else if (!utils.DomHandler.isDocument(event.target)) {
+            alignOverlay();
+          }
+        }
       },
       when: overlayVisibleState
     }),
@@ -853,6 +861,7 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     style: props.inputStyle
   }, inputProps), {}, {
     unstyled: props.unstyled,
+    variant: props.variant,
     autoResize: props.autoResize,
     onFocus: onFocus,
     onBlur: onBlur,

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/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/overlayservice"),s=require("primereact/portal"),c=require("primereact/ripple");function p(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 d=f(e),m=p(t);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)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(null,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return g(e)}function b(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 g(e,t);var n={}.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)?g(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 x(e){return v(e)||b(e)||h(e)||O()}function w(e){return w="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},w(e)}function S(e,t){if("object"!=w(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=S(e,"string");return"symbol"==w(t)?t:t+""}function E(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function H(){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 I(e,t){return D(e)||P(e,t)||h(e,t)||H()}var N=n.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo(d.forwardRef((function(e,r){var u=i.useMergeProps(),s=d.useContext(t.PrimeReactContext),c=N.getProps(e,s),p=d.useRef(r),f=d.useRef(0),m=N.setMetaData(k(k({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),g=m.ptm,v=m.cx;n.useHandleStyle(N.css.styles,m.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(a.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};d.useEffect((function(){a.ObjectUtils.combinedRefs(p,r)}),[p,r]),d.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(c.value)||a.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=a.ObjectUtils.isNotEmpty(c.tooltip),w=u({ref:p,className:a.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(a.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),g("root"));return d.createElement(d.Fragment,null,d.createElement("textarea",w),x&&d.createElement(l.Tooltip,y({target:p,content:c.tooltip,pt:g("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,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,children:void 0},css:{classes:{item:function(e){return a.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return a.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return a.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function F(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=d.memo(d.forwardRef((function(e,o){var l=i.useMergeProps(),p=d.useContext(t.PrimeReactContext),f=U.getProps(e,p),g=I(d.useState(!1),2),v=g[0],b=g[1],h=I(d.useState(!1),2),O=h[0],w=h[1],S=I(d.useState(!1),2),j=S[0],E=S[1],D=I(d.useState(null),2),P=D[0],H=D[1],N=I(d.useState([]),2),R=N[0],k=N[1],F=d.useRef(null),A=d.useRef(null),z=d.useRef(f.inputRef),B=d.useRef(null),M=d.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=U.setMetaData(_),q=K.ptm,V=K.cx,Z=K.isUnstyled;n.useHandleStyle(U.css.styles,Z,{name:"mention"});var J=function(e,t,n){return q(t,{context:{trigger:P?P.key:""},state:T({},n)})},X=I(i.useOverlayListener({target:F,overlay:A,listener:function(e,t){t.valid&&G()},when:v}),2),Y=X[0],L=X[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){a.ZIndexUtils.set("overlay",A.current,p&&p.autoZIndex||m.default.autoZIndex,p&&p.zIndex.overlay||m.default.zIndex.overlay),a.DomHandler.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=x(e);return t[0]=!0,t}))},ee=function(){Y(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){a.ZIndexUtils.clear(A.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=a.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:F.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.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(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?a.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){a.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)||a.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);d.useImperativeHandle(o,(function(){return{props:f,show:$,hide:G,focus:function(){return a.DomHandler.focus(z.current)},getElement:function(){return F.current},getOverlay:function(){return A.current},getInput:function(){return z.current}}})),d.useEffect((function(){a.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),i.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),i.useUpdateEffect((function(){var e=Z(),t=e?a.DomHandler.isAttributeEquals(F.current,"data-p-inputwrapper-filled",!0):a.DomHandler.hasClass(F.current,"p-inputwrapper-filled");!de&&t&&(e?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":!1}):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled"))}),[de]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(A.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?a.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=R[t],o=l({key:n,className:V("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},J(0,"item",{selected:i}));return d.createElement("li",o,r,d.createElement(c.Ripple,null))},ye=function(){var e=l({ref:B,className:V("items")},q("items"));if(f.suggestions){var t=f.suggestions.map(me);return d.createElement("ul",e,t)}return null},ge=U.getOtherProps(f),ve=function(){var e=a.ObjectUtils.getJSXElement(f.headerTemplate,f),t=a.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),i=l({ref:A,className:V("panel"),style:T({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},q("panel")),o=l({classNames:V("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},q("transition")),u=d.createElement(r.CSSTransition,y({nodeRef:A},o),d.createElement("div",i,e,n,t));return d.createElement(s.Portal,{element:u,appendTo:"self"})}(),be=l(T(T({ref:z,id:f.inputId,className:V("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,autoResize:f.autoResize,onFocus:function(e){w(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){w(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=a.DomHandler.findSingle(A.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=a.DomHandler.index(n),i=a.DomHandler.index(t);k((function(e){var t=x(e);return t[r]=!0,t[i]=!1,t})),a.DomHandler.scrollInView(A.current,n)}}else if(t=a.DomHandler.findSingle(A.current,"li")){var o=a.DomHandler.index(t);k((function(e){var t=x(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var u=a.DomHandler.index(l),s=a.DomHandler.index(t);k((function(e){var t=x(e);return t[u]=!0,t[s]=!1,t})),a.DomHandler.scrollInView(A.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[a.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;Z()?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":t}):t?a.DomHandler.addClass(F.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),q("input")),he=l({ref:F,id:f.id,className:a.classNames(f.className,V("root",{focusedState:O,isFilled:de})),style:f.style},U.getOtherProps(f),q("root"));return d.createElement("div",he,d.createElement(C,be),ve)})));A.displayName="Mention",exports.Mention=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils"),u=require("primereact/overlayservice"),s=require("primereact/portal"),c=require("primereact/ripple");function p(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 d=f(e),m=p(t);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)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(null,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return g(e)}function b(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 g(e,t);var n={}.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)?g(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 x(e){return v(e)||b(e)||h(e)||O()}function w(e){return w="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},w(e)}function S(e,t){if("object"!=w(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=S(e,"string");return"symbol"==w(t)?t:t+""}function E(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function H(){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 I(e,t){return D(e)||P(e,t)||h(e,t)||H()}var N=n.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo(d.forwardRef((function(e,r){var u=i.useMergeProps(),s=d.useContext(t.PrimeReactContext),c=N.getProps(e,s),p=d.useRef(r),f=d.useRef(0),m=N.setMetaData(k(k({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),g=m.ptm,v=m.cx;n.useHandleStyle(N.css.styles,m.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(a.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};d.useEffect((function(){a.ObjectUtils.combinedRefs(p,r)}),[p,r]),d.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(c.value)||a.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=a.ObjectUtils.isNotEmpty(c.tooltip),w=u({ref:p,className:a.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&o.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&o.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(a.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&o.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),g("root"));return d.createElement(d.Fragment,null,d.createElement("textarea",w),x&&d.createElement(l.Tooltip,y({target:p,content:c.tooltip,pt:g("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return a.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return a.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return a.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function F(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=d.memo(d.forwardRef((function(e,o){var l=i.useMergeProps(),p=d.useContext(t.PrimeReactContext),f=U.getProps(e,p),g=I(d.useState(!1),2),v=g[0],b=g[1],h=I(d.useState(!1),2),O=h[0],w=h[1],S=I(d.useState(!1),2),j=S[0],E=S[1],D=I(d.useState(null),2),P=D[0],H=D[1],N=I(d.useState([]),2),R=N[0],k=N[1],F=d.useRef(null),A=d.useRef(null),z=d.useRef(f.inputRef),B=d.useRef(null),M=d.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=U.setMetaData(_),q=K.ptm,V=K.cx,Z=K.isUnstyled;n.useHandleStyle(U.css.styles,Z,{name:"mention"});var J=function(e,t,n){return q(t,{context:{trigger:P?P.key:""},state:T({},n)})},X=I(i.useOverlayListener({target:F,overlay:A,listener:function(e,t){t.valid&&(p.hideOverlaysOnDocumentScrolling||"outside"===t.type?G():a.DomHandler.isDocument(e.target)||re())},when:v}),2),Y=X[0],L=X[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){a.ZIndexUtils.set("overlay",A.current,p&&p.autoZIndex||m.default.autoZIndex,p&&p.zIndex.overlay||m.default.zIndex.overlay),a.DomHandler.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=x(e);return t[0]=!0,t}))},ee=function(){Y(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){a.ZIndexUtils.clear(A.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=a.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:F.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.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(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?a.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){a.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)||a.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);d.useImperativeHandle(o,(function(){return{props:f,show:$,hide:G,focus:function(){return a.DomHandler.focus(z.current)},getElement:function(){return F.current},getOverlay:function(){return A.current},getInput:function(){return z.current}}})),d.useEffect((function(){a.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),i.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),i.useUpdateEffect((function(){var e=Z(),t=e?a.DomHandler.isAttributeEquals(F.current,"data-p-inputwrapper-filled",!0):a.DomHandler.hasClass(F.current,"p-inputwrapper-filled");!de&&t&&(e?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":!1}):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled"))}),[de]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(A.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?a.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=R[t],o=l({key:n,className:V("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},J(0,"item",{selected:i}));return d.createElement("li",o,r,d.createElement(c.Ripple,null))},ye=function(){var e=l({ref:B,className:V("items")},q("items"));if(f.suggestions){var t=f.suggestions.map(me);return d.createElement("ul",e,t)}return null},ge=U.getOtherProps(f),ve=function(){var e=a.ObjectUtils.getJSXElement(f.headerTemplate,f),t=a.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),i=l({ref:A,className:V("panel"),style:T({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},q("panel")),o=l({classNames:V("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},q("transition")),u=d.createElement(r.CSSTransition,y({nodeRef:A},o),d.createElement("div",i,e,n,t));return d.createElement(s.Portal,{element:u,appendTo:"self"})}(),be=l(T(T({ref:z,id:f.inputId,className:V("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,variant:f.variant,autoResize:f.autoResize,onFocus:function(e){w(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){w(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=a.DomHandler.findSingle(A.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=a.DomHandler.index(n),i=a.DomHandler.index(t);k((function(e){var t=x(e);return t[r]=!0,t[i]=!1,t})),a.DomHandler.scrollInView(A.current,n)}}else if(t=a.DomHandler.findSingle(A.current,"li")){var o=a.DomHandler.index(t);k((function(e){var t=x(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var u=a.DomHandler.index(l),s=a.DomHandler.index(t);k((function(e){var t=x(e);return t[u]=!0,t[s]=!1,t})),a.DomHandler.scrollInView(A.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[a.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;Z()?a.DomHandler.setAttributes(F.current,{"data-p-inputwrapper-filled":t}):t?a.DomHandler.addClass(F.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(F.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),q("input")),he=l({ref:F,id:f.id,className:a.classNames(f.className,V("root",{focusedState:O,isFilled:de})),style:f.style},U.getOtherProps(f),q("root"));return d.createElement("div",he,d.createElement(C,be),ve)})));A.displayName="Mention",exports.Mention=A;

package/mention/mention.d.ts

@@ -234,6 +234,11 @@ export interface MentionProps extends Omit<React.DetailedHTMLProps<React.Textare
      * @defaultValue "@"
      */
     trigger?: string | string[] | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Uses to pass attributes to DOM elements inside the component.
      * @type {MentionPassThroughOptions}

package/mention/mention.esm.js

@@ -339,13 +339,6 @@ var MentionBase = ComponentBase.extend({
     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,
@@ -354,6 +347,14 @@ var MentionBase = ComponentBase.extend({
     onSearch: null,
     onSelect: null,
     onShow: null,
+    panelClassName: null,
+    panelStyle: null,
+    scrollHeight: '200px',
+    style: null,
+    suggestions: null,
+    transitionOptions: null,
+    trigger: '@',
+    variant: null,
     children: undefined
   },
   css: {
@@ -422,8 +423,15 @@ var Mention = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
       target: elementRef,
       overlay: overlayRef,
       listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide();
+        var valid = _ref.valid,
+          type = _ref.type;
+        if (valid) {
+          if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+            hide();
+          } else if (!DomHandler.isDocument(event.target)) {
+            alignOverlay();
+          }
+        }
       },
       when: overlayVisibleState
     }),
@@ -826,6 +834,7 @@ var Mention = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
     style: props.inputStyle
   }, inputProps), {}, {
     unstyled: props.unstyled,
+    variant: props.variant,
     autoResize: props.autoResize,
     onFocus: onFocus,
     onBlur: onBlur,

package/mention/mention.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return x(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.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)?x(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 P(e){return w(e)||O(e)||S(e)||E()}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function j(e,t){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=j(e,"string");return"symbol"==I(t)?t:t+""}function k(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(F(F({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,h=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&w()&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.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",y.current=t.scrollHeight))},w=function(){if(d.isVisible(s.current)){var e=s.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize,u.value]);var O=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),S=m.isNotEmpty(u.tooltip),E=o({ref:s,className:f(u.className,h("root",{context:a,isFilled:O})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),S&&e.createElement(p,b({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));H.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,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,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),w=B.getProps(r,x),O=A(e.useState(!1),2),S=O[0],E=O[1],I=A(e.useState(!1),2),j=I[0],R=I[1],k=A(e.useState(!1),2),N=k[0],C=k[1],D=A(e.useState(null),2),T=D[0],z=D[1],F=A(e.useState([]),2),K=F[0],M=F[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(w.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:w,state:{overlayVisible:S,focused:j,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&re()},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),z(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){w.autoHighlight&&w.suggestions&&w.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),w.onShow&&w.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),w.onHide&&w.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(w.trigger)?w.trigger.find((function(e){return e===t})):w.trigger===t?w.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(w.trigger)){var n={};return w.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(w.trigger);return{key:w.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),w.delay)}}else re()},de=function(e,t,n){w.onSearch&&(C(!0),z(n),w.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",T.index),l=r.substring(T.index,o>-1?o:i),a=ge(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,T.index),s=r.substring(o>-1?i:T.index+l.length);J.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=J.current,w.onChange&&w.onChange(e)}var c=T.index+a.length+1;J.current.setSelectionRange(c,c),re(),w.onSelect&&w.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(w.field)?w.field[w.trigger.findIndex((function(e){return e===T.key}))]:w.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},he=J.current&&J.current.value,be=e.useMemo((function(){return m.isNotEmpty(w.value)||m.isNotEmpty(w.defaultValue)||m.isNotEmpty(he)}),[w.value,w.defaultValue,he]);e.useImperativeHandle(c,(function(){return{props:w,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,w.inputRef)}),[J,w.inputRef]),u((function(){var e=w.suggestions&&w.suggestions.length;if(e){var t=w.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[w.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=w.itemTemplate?m.getJSXElement(w.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({key:r,className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(h,null))},we=function(){var t=p({ref:X,className:G("items")},$("items"));if(w.suggestions){var n=w.suggestions.map(xe);return e.createElement("ul",t,n)}return null},Oe=B.getOtherProps(w),Se=function(){var t=m.getJSXElement(w.headerTemplate,w),n=m.getJSXElement(w.footerTemplate,w),r=we(),i=p({ref:V,className:G("panel"),style:_({maxHeight:w.scrollHeight},w.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,b({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:w.inputId,className:G("input"),style:w.inputStyle},Oe),{},{unstyled:w.unstyled,autoResize:w.autoResize,onFocus:function(e){R(!0),w.onFocus&&w.onFocus(e)},onBlur:function(e){R(!1),w.onBlur&&w.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,w.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){w.onInput&&w.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){w.onChange&&w.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:w.id,className:f(w.className,G("root",{focusedState:j,isFilled:be})),style:w.style},B.getOtherProps(w),$("root"));return e.createElement("div",Pe,e.createElement(H,Ee),Se)})));M.displayName="Mention";export{M as Mention};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.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)?x(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 P(e){return O(e)||w(e)||S(e)||E()}function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function j(e,t){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=j(e,"string");return"symbol"==I(t)?t:t+""}function k(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(F(F({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,h=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&O()&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.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",y.current=t.scrollHeight))},O=function(){if(d.isVisible(s.current)){var e=s.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize,u.value]);var w=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),S=m.isNotEmpty(u.tooltip),E=o({ref:s,className:f(u.className,h("root",{context:a,isFilled:w})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),S&&e.createElement(p,b({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));H.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),O=B.getProps(r,x),w=A(e.useState(!1),2),S=w[0],E=w[1],I=A(e.useState(!1),2),j=I[0],R=I[1],k=A(e.useState(!1),2),N=k[0],C=k[1],D=A(e.useState(null),2),T=D[0],z=D[1],F=A(e.useState([]),2),K=F[0],M=F[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(O.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:O,state:{overlayVisible:S,focused:j,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&(x.hideOverlaysOnDocumentScrolling||"outside"===t.type?re():d.isDocument(e.target)||se())},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),z(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){O.autoHighlight&&O.suggestions&&O.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),O.onShow&&O.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),O.onHide&&O.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(O.trigger)?O.trigger.find((function(e){return e===t})):O.trigger===t?O.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(O.trigger)){var n={};return O.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(O.trigger);return{key:O.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),O.delay)}}else re()},de=function(e,t,n){O.onSearch&&(C(!0),z(n),O.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",T.index),l=r.substring(T.index,o>-1?o:i),a=ge(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,T.index),s=r.substring(o>-1?i:T.index+l.length);J.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=J.current,O.onChange&&O.onChange(e)}var c=T.index+a.length+1;J.current.setSelectionRange(c,c),re(),O.onSelect&&O.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(O.field)?O.field[O.trigger.findIndex((function(e){return e===T.key}))]:O.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},he=J.current&&J.current.value,be=e.useMemo((function(){return m.isNotEmpty(O.value)||m.isNotEmpty(O.defaultValue)||m.isNotEmpty(he)}),[O.value,O.defaultValue,he]);e.useImperativeHandle(c,(function(){return{props:O,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,O.inputRef)}),[J,O.inputRef]),u((function(){var e=O.suggestions&&O.suggestions.length;if(e){var t=O.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[O.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=O.itemTemplate?m.getJSXElement(O.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({key:r,className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(h,null))},Oe=function(){var t=p({ref:X,className:G("items")},$("items"));if(O.suggestions){var n=O.suggestions.map(xe);return e.createElement("ul",t,n)}return null},we=B.getOtherProps(O),Se=function(){var t=m.getJSXElement(O.headerTemplate,O),n=m.getJSXElement(O.footerTemplate,O),r=Oe(),i=p({ref:V,className:G("panel"),style:_({maxHeight:O.scrollHeight},O.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,b({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:O.inputId,className:G("input"),style:O.inputStyle},we),{},{unstyled:O.unstyled,variant:O.variant,autoResize:O.autoResize,onFocus:function(e){R(!0),O.onFocus&&O.onFocus(e)},onBlur:function(e){R(!1),O.onBlur&&O.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,O.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){O.onInput&&O.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){O.onChange&&O.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:O.id,className:f(O.className,G("root",{focusedState:j,isFilled:be})),style:O.style},B.getOtherProps(O),$("root"));return e.createElement("div",Pe,e.createElement(H,Ee),Se)})));M.displayName="Mention";export{M as Mention};

package/mention/mention.js

@@ -353,13 +353,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       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,
@@ -368,6 +361,14 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       onSearch: null,
       onSelect: null,
       onShow: null,
+      panelClassName: null,
+      panelStyle: null,
+      scrollHeight: '200px',
+      style: null,
+      suggestions: null,
+      transitionOptions: null,
+      trigger: '@',
+      variant: null,
       children: undefined
     },
     css: {
@@ -436,8 +437,15 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
         target: elementRef,
         overlay: overlayRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide();
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+              hide();
+            } else if (!utils.DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
+          }
         },
         when: overlayVisibleState
       }),
@@ -840,6 +848,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       style: props.inputStyle
     }, inputProps), {}, {
       unstyled: props.unstyled,
+      variant: props.variant,
       autoResize: props.autoResize,
       onFocus: onFocus,
       onBlur: onBlur,

package/mention/mention.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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 m=d(t),y=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(null,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.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)?v(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return b(e)||h(e)||O(e)||x()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function j(e,t){if("object"!=S(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"==S(t)?t:t+""}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){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 R(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(C(C({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(u.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=u.ObjectUtils.isNotEmpty(c.tooltip),w=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",w),x&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));U.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,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,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=R(m.useState(!1),2),v=d[0],b=d[1],h=R(m.useState(!1),2),O=h[0],x=h[1],S=R(m.useState(!1),2),j=S[0],E=S[1],D=R(m.useState(null),2),P=D[0],H=D[1],I=R(m.useState([]),2),N=I[0],k=I[1],C=m.useRef(null),T=m.useRef(null),z=m.useRef(f.inputRef),B=m.useRef(null),M=m.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(_),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=R(o.useOverlayListener({target:C,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=u.DomHandler.getCursorOffset(z.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)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.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(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(z.current)},getElement:function(){return C.current},getOverlay:function(){return T.current},getInput:function(){return z.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(C.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(C.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:B,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:z,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,autoResize:f.autoResize,onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);k((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);k((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);k((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(C.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),V("input")),he=l({ref:C,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(U,be),ve)})));return z.displayName="Mention",e.Mention=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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 m=d(t),y=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(null,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.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)?v(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return b(e)||h(e)||O(e)||x()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function j(e,t){if("object"!=S(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"==S(t)?t:t+""}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){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 R(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(C(C({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))},h=function(){if(u.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=u.ObjectUtils.isNotEmpty(c.tooltip),w=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",w),x&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));U.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",variant:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=R(m.useState(!1),2),v=d[0],b=d[1],h=R(m.useState(!1),2),O=h[0],x=h[1],S=R(m.useState(!1),2),j=S[0],E=S[1],D=R(m.useState(null),2),P=D[0],H=D[1],I=R(m.useState([]),2),N=I[0],k=I[1],C=m.useRef(null),T=m.useRef(null),z=m.useRef(f.inputRef),B=m.useRef(null),M=m.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(_),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=R(o.useOverlayListener({target:C,overlay:T,listener:function(e,t){t.valid&&(a.hideOverlaysOnDocumentScrolling||"outside"===t.type?G():u.DomHandler.isDocument(e.target)||re())},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=u.DomHandler.getCursorOffset(z.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)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.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(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(z.current)},getElement:function(){return C.current},getOverlay:function(){return T.current},getInput:function(){return z.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(C.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(C.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:B,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:z,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,variant:f.variant,autoResize:f.autoResize,onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);k((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);k((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);k((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(C.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),V("input")),he=l({ref:C,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(U,be),ve)})));return z.displayName="Mention",e.Mention=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);

package/menu/menu.cjs.js

@@ -294,10 +294,15 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       target: targetRef,
       overlay: menuRef,
       listener: function listener(event, _ref) {
-        var valid = _ref.valid;
+        var valid = _ref.valid,
+          type = _ref.type;
         if (valid) {
-          hide(event);
-          setFocusedOptionIndex(-1);
+          if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+            hide(event);
+            setFocusedOptionIndex(-1);
+          } else if (!utils.DomHandler.isDocument(event.target)) {
+            utils.DomHandler.absolutePosition(menuRef.current, targetRef.current, props.popupAlignment);
+          }
         }
       },
       when: visibleState
@@ -353,6 +358,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     props.onFocus && props.onFocus(event);
   };
   var onListBlur = function onListBlur(event) {
+    var currentTarget = event.currentTarget,
+      relatedTarget = event.relatedTarget;
+    if (relatedTarget && currentTarget.contains(relatedTarget)) return;
     setFocused(false);
     setFocusedOptionIndex(-1);
     props.onBlur && props.onBlur(event);
@@ -613,6 +621,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       className: utils.classNames(item.className, cx('menuitem', {
         focused: focusedOptionIndex === key
       })),
+      onClick: function onClick(event) {
+        return onItemClick(event, item, key);
+      },
       style: sx('menuitem', {
         item: item
       }),