primereact 8.1.1 → 8.4.0

package/megamenu/megamenu.esm.js

@@ -250,6 +250,14 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return columnClass;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     bindDocumentClickListener();
   });
@@ -336,6 +344,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
       return /*#__PURE__*/React.createElement("li", {
         key: key,
+        id: item.id,
         className: _className2,
         style: item.style,
         role: "none"
@@ -351,6 +360,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: submenu.label
     }, /*#__PURE__*/React.createElement("li", {
+      id: submenu.id,
       className: className,
       style: submenu.style,
       role: "presentation"
@@ -417,6 +427,7 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var panel = createCategoryPanel(category);
     return /*#__PURE__*/React.createElement("li", {
       key: category.label + '_' + index,
+      id: category.id,
       className: className,
       style: category.style,
       onMouseEnter: function onMouseEnter(e) {
@@ -440,19 +451,36 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createMenu = function createMenu() {
     if (props.model) {
-      return props.model.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("ul", {
+        className: "p-megamenu-root-list",
+        role: "menubar"
+      }, props.model.map(function (item, index) {
         return createCategory(item, index);
-      });
+      }));
+    }
+
+    return null;
+  };
+
+  var createStartContent = function createStartContent() {
+    if (props.start) {
+      var _start = ObjectUtils.getJSXElement(props.start, props);
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "p-megamenu-start"
+      }, _start);
     }
 
     return null;
   };
 
-  var createCustomContent = function createCustomContent() {
-    if (props.children) {
+  var createEndContent = function createEndContent() {
+    if (props.end) {
+      var _end = ObjectUtils.getJSXElement(props.end, props);
+
       return /*#__PURE__*/React.createElement("div", {
-        className: "p-megamenu-custom"
-      }, props.children);
+        className: "p-megamenu-end"
+      }, _end);
     }
 
     return null;
@@ -464,16 +492,14 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-megamenu-vertical': props.orientation === 'vertical'
   }, props.className);
   var menu = createMenu();
-  var customContent = createCustomContent();
+  var start = createStartContent();
+  var end = createEndContent();
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, otherProps), /*#__PURE__*/React.createElement("ul", {
-    className: "p-megamenu-root-list",
-    role: "menubar"
-  }, menu), customContent);
+  }, otherProps), start, menu, end);
 }));
 MegaMenu.displayName = 'MegaMenu';
 MegaMenu.defaultProps = {
@@ -482,7 +508,9 @@ MegaMenu.defaultProps = {
   model: null,
   style: null,
   className: null,
-  orientation: 'horizontal'
+  orientation: 'horizontal',
+  start: null,
+  end: null
 };
 
 export { MegaMenu };

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{useEventListener as t,useMountEffect as r,useUpdateEffect as a}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{DomHandler as i,ZIndexUtils as u,ObjectUtils as m,classNames as o,IconUtils as c}from"primereact/utils";function s(){return s=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],i=!0,u=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(u)throw a}}return l}}function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e,n){if(e){if("string"==typeof e)return d(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,n){return p(e)||f(e,n)||v(e,n)||b()}var y=e.memo(e.forwardRef((function(p,f){var d=g(e.useState(null),2),v=d[0],b=d[1],h=e.useRef(null),E="horizontal"===p.orientation,N="vertical"===p.orientation,k=g(t({type:"click",listener:function(e){M(e)&&b(null)}}),1)[0],S=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),b(null))},w=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:E?D(n):_(t),e.preventDefault();break;case 38:N?A(t):n.items&&n===v&&C(),e.preventDefault();break;case 39:E?_(t):D(n),e.preventDefault();break;case 37:E?A(t):n.items&&n===v&&C(),e.preventDefault()}},D=function(e){e.items&&b(e)},C=function(e){b(null)},x=function e(n){var t=n.nextElementSibling;return t?i.hasClass(t,"p-disabled")||!i.hasClass(t,"p-menuitem")?e(t):t:null},I=function e(n){var t=n.previousElementSibling;return t?i.hasClass(t,"p-disabled")||!i.hasClass(t,"p-menuitem")?e(t):t:null},_=function(e){var n=x(e);n&&n.children[0].focus()},A=function(e){var n=I(e);n&&n.children[0].focus()},M=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},j=function(e){var n;switch(e.items?e.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n};r((function(){k()})),a((function(){var e=i.findSingle(h.current,".p-menuitem-active > .p-megamenu-panel");return v&&u.set("menu",e,n.autoZIndex,n.zIndex.menu),function(){u.clear(e)}}),[v]);var z=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},O=function(n){if(n.items){var t=o("p-submenu-icon pi",{"pi-angle-down":E,"pi-angle-right":N});return e.createElement("span",{className:t})}return null},J=function(n,t){if(n.separator)return z(t);var r=n.label+"_"+t,a=o("p-menuitem",n.className),i=o("p-menuitem-link",{"p-disabled":n.disabled}),u=o(n.icon,"p-menuitem-icon"),s=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:p}),f=e.createElement("a",{href:n.url||"#",className:i,target:n.target,onClick:function(e){return S(e,n)},role:"menuitem","aria-disabled":n.disabled},s,n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),e.createElement(l,null));return n.template&&(f=m.getJSXElement(n.template,n,{onClick:function(e){return S(e,n)},className:i,labelClassName:"p-menuitem-text",iconClassName:u,element:f,props:p})),e.createElement("li",{key:r,className:a,style:n.style,role:"none"},f)},P=function(n){var t=o("p-megamenu-submenu-header",{"p-disabled":n.disabled},n.className),r=n.items.map(J);return e.createElement(e.Fragment,{key:n.label},e.createElement("li",{className:t,style:n.style,role:"presentation"},n.label),r)},X=function(e){return e.map(P)},T=function(n,t,r,a){var l=n.label+"_column_"+r,i=X(t);return e.createElement("div",{key:l,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))},K=function(e){if(e.items){var n=j(e);return e.items.map((function(t,r){return T(e,t,r,n)}))}return null},R=function(n){if(n.items){var t=K(n);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},t))}return null},F=function(n,t){var r=o("p-menuitem",{"p-menuitem-active":n===v},n.className),a=o("p-menuitem-link",{"p-disabled":n.disabled}),i=c.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:p}),u=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),s=n.template?m.getJSXElement(n.template,n):null,f=O(n),d=R(n);return e.createElement("li",{key:n.label+"_"+t,className:r,style:n.style,onMouseEnter:function(e){return t=e,void((r=n).disabled?t.preventDefault():v&&b(r));var t,r},role:"none"},e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return t=e,(r=n).disabled||(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:p.item}),r.items&&b(v&&v===r?null:r)),void t.preventDefault();var t,r},onKeyDown:function(e){return w(e,n)},role:"menuitem","aria-haspopup":null!=n.items},i,u,s,f,e.createElement(l,null)),d)},U=m.findDiffKeys(p,y.defaultProps),Y=o("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===p.orientation,"p-megamenu-vertical":"vertical"===p.orientation},p.className),Z=p.model?p.model.map((function(e,n){return F(e,n)})):null,$=p.children?e.createElement("div",{className:"p-megamenu-custom"},p.children):null;return e.createElement("div",s({ref:h,id:p.id,className:Y,style:p.style},U),e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},Z),$)})));y.displayName="MegaMenu",y.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal"};export{y as MegaMenu};
+import*as e from"react";import t from"primereact/api";import{useEventListener as n,useMountEffect as r,useUpdateEffect as a}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{DomHandler as i,ZIndexUtils as u,ObjectUtils as m,classNames as o,IconUtils as s}from"primereact/utils";function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function 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 b(e,t){return p(e)||f(e,t)||v(e,t)||g()}var y=e.memo(e.forwardRef((function(p,f){var d=b(e.useState(null),2),v=d[0],g=d[1],h=e.useRef(null),E="horizontal"===p.orientation,N="vertical"===p.orientation,k=b(n({type:"click",listener:function(e){J(e)&&g(null)}}),1)[0],S=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),g(null))},w=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:E?D(t):_(n),e.preventDefault();break;case 38:N?A(n):t.items&&t===v&&C(),e.preventDefault();break;case 39:E?_(n):D(t),e.preventDefault();break;case 37:E?A(n):t.items&&t===v&&C(),e.preventDefault()}},D=function(e){e.items&&g(e)},C=function(e){g(null)},x=function e(t){var n=t.nextElementSibling;return n?i.hasClass(n,"p-disabled")||!i.hasClass(n,"p-menuitem")?e(n):n:null},I=function e(t){var n=t.previousElementSibling;return n?i.hasClass(n,"p-disabled")||!i.hasClass(n,"p-menuitem")?e(n):n:null},_=function(e){var t=x(e);t&&t.children[0].focus()},A=function(e){var t=I(e);t&&t.children[0].focus()},J=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},M=function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t};e.useImperativeHandle(f,(function(){return{props:p,getElement:function(){return h.current}}})),r((function(){k()})),a((function(){var e=i.findSingle(h.current,".p-menuitem-active > .p-megamenu-panel");return v&&u.set("menu",e,t.autoZIndex,t.zIndex.menu),function(){u.clear(e)}}),[v]);var X=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},j=function(t){if(t.items){var n=o("p-submenu-icon pi",{"pi-angle-down":E,"pi-angle-right":N});return e.createElement("span",{className:n})}return null},z=function(t,n){if(t.separator)return X(n);var r=t.label+"_"+n,a=o("p-menuitem",t.className),i=o("p-menuitem-link",{"p-disabled":t.disabled}),u=o(t.icon,"p-menuitem-icon"),c=s.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:p}),f=e.createElement("a",{href:t.url||"#",className:i,target:t.target,onClick:function(e){return S(e,t)},role:"menuitem","aria-disabled":t.disabled},c,t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(l,null));return t.template&&(f=m.getJSXElement(t.template,t,{onClick:function(e){return S(e,t)},className:i,labelClassName:"p-menuitem-text",iconClassName:u,element:f,props:p})),e.createElement("li",{key:r,id:t.id,className:a,style:t.style,role:"none"},f)},O=function(t){var n=o("p-megamenu-submenu-header",{"p-disabled":t.disabled},t.className),r=t.items.map(z);return e.createElement(e.Fragment,{key:t.label},e.createElement("li",{id:t.id,className:n,style:t.style,role:"presentation"},t.label),r)},P=function(e){return e.map(O)},T=function(t,n,r,a){var l=t.label+"_column_"+r,i=P(n);return e.createElement("div",{key:l,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))},K=function(e){if(e.items){var t=M(e);return e.items.map((function(n,r){return T(e,n,r,t)}))}return null},R=function(t){if(t.items){var n=K(t);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},n))}return null},F=function(t,n){var r=o("p-menuitem",{"p-menuitem-active":t===v},t.className),a=o("p-menuitem-link",{"p-disabled":t.disabled}),i=s.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:p}),u=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),c=t.template?m.getJSXElement(t.template,t):null,f=j(t),d=R(t);return e.createElement("li",{key:t.label+"_"+n,id:t.id,className:r,style:t.style,onMouseEnter:function(e){return n=e,void((r=t).disabled?n.preventDefault():v&&g(r));var n,r},role:"none"},e.createElement("a",{href:t.url||"#",className:a,target:t.target,onClick:function(e){return n=e,(r=t).disabled||(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:p.item}),r.items&&g(v&&v===r?null:r)),void n.preventDefault();var n,r},onKeyDown:function(e){return w(e,t)},role:"menuitem","aria-haspopup":null!=t.items},i,u,c,f,e.createElement(l,null)),d)},H=m.findDiffKeys(p,y.defaultProps),U=o("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===p.orientation,"p-megamenu-vertical":"vertical"===p.orientation},p.className),Y=p.model?e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},p.model.map((function(e,t){return F(e,t)}))):null,Z=function(){if(p.start){var t=m.getJSXElement(p.start,p);return e.createElement("div",{className:"p-megamenu-start"},t)}return null}(),$=function(){if(p.end){var t=m.getJSXElement(p.end,p);return e.createElement("div",{className:"p-megamenu-end"},t)}return null}();return e.createElement("div",c({ref:h,id:p.id,className:U,style:p.style},H),Z,Y,$)})));y.displayName="MegaMenu",y.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null};export{y as MegaMenu};

package/megamenu/megamenu.js

@@ -271,6 +271,14 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
       return columnClass;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       bindDocumentClickListener();
     });
@@ -357,6 +365,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
 
         return /*#__PURE__*/React__namespace.createElement("li", {
           key: key,
+          id: item.id,
           className: _className2,
           style: item.style,
           role: "none"
@@ -372,6 +381,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: submenu.label
       }, /*#__PURE__*/React__namespace.createElement("li", {
+        id: submenu.id,
         className: className,
         style: submenu.style,
         role: "presentation"
@@ -438,6 +448,7 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
       var panel = createCategoryPanel(category);
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: category.label + '_' + index,
+        id: category.id,
         className: className,
         style: category.style,
         onMouseEnter: function onMouseEnter(e) {
@@ -461,19 +472,36 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
 
     var createMenu = function createMenu() {
       if (props.model) {
-        return props.model.map(function (item, index) {
+        return /*#__PURE__*/React__namespace.createElement("ul", {
+          className: "p-megamenu-root-list",
+          role: "menubar"
+        }, props.model.map(function (item, index) {
           return createCategory(item, index);
-        });
+        }));
+      }
+
+      return null;
+    };
+
+    var createStartContent = function createStartContent() {
+      if (props.start) {
+        var _start = utils.ObjectUtils.getJSXElement(props.start, props);
+
+        return /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-megamenu-start"
+        }, _start);
       }
 
       return null;
     };
 
-    var createCustomContent = function createCustomContent() {
-      if (props.children) {
+    var createEndContent = function createEndContent() {
+      if (props.end) {
+        var _end = utils.ObjectUtils.getJSXElement(props.end, props);
+
         return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-megamenu-custom"
-        }, props.children);
+          className: "p-megamenu-end"
+        }, _end);
       }
 
       return null;
@@ -485,16 +513,14 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
       'p-megamenu-vertical': props.orientation === 'vertical'
     }, props.className);
     var menu = createMenu();
-    var customContent = createCustomContent();
+    var start = createStartContent();
+    var end = createEndContent();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {
-      className: "p-megamenu-root-list",
-      role: "menubar"
-    }, menu), customContent);
+    }, otherProps), start, menu, end);
   }));
   MegaMenu.displayName = 'MegaMenu';
   MegaMenu.defaultProps = {
@@ -503,7 +529,9 @@ this.primereact.megamenu = (function (exports, React, PrimeReact, hooks, ripple,
     model: null,
     style: null,
     className: null,
-    orientation: 'horizontal'
+    orientation: 'horizontal',
+    start: null,
+    end: null
   };
 
   exports.MegaMenu = MegaMenu;

package/megamenu/megamenu.min.css

@@ -1 +1 @@
-.p-megamenu-root-list{margin:0;padding:0;list-style:none}.p-megamenu-root-list>.p-menuitem{position:relative}.p-megamenu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-megamenu .p-menuitem-text{line-height:1}.p-megamenu-panel{display:none;position:absolute;width:auto;z-index:1}.p-megamenu-root-list>.p-menuitem-active>.p-megamenu-panel{display:block}.p-megamenu-submenu{margin:0;padding:0;list-style:none}.p-megamenu-horizontal .p-megamenu-root-list{display:flex;align-items:center;flex-wrap:wrap}.p-megamenu-vertical .p-megamenu-root-list{flex-direction:column}.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem-active>.p-megamenu-panel{left:100%;top:0}.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon{margin-left:auto}.p-megamenu-grid{display:flex}.p-megamenu-col-2,.p-megamenu-col-3,.p-megamenu-col-4,.p-megamenu-col-6,.p-megamenu-col-12{flex:0 0 auto;padding:.5rem}.p-megamenu-col-2{width:16.6667%}.p-megamenu-col-3{width:25%}.p-megamenu-col-4{width:33.3333%}.p-megamenu-col-6{width:50%}.p-megamenu-col-12{width:100%}
+.p-megamenu{display:flex}.p-megamenu-root-list{margin:0;padding:0;list-style:none}.p-megamenu-root-list>.p-menuitem{position:relative}.p-megamenu .p-menuitem-link{cursor:pointer;display:flex;align-items:center;text-decoration:none;overflow:hidden;position:relative}.p-megamenu .p-menuitem-text{line-height:1}.p-megamenu-panel{display:none;position:absolute;width:auto;z-index:1}.p-megamenu-root-list>.p-menuitem-active>.p-megamenu-panel{display:block}.p-megamenu-submenu{margin:0;padding:0;list-style:none}.p-megamenu-horizontal{align-items:center}.p-megamenu-horizontal .p-megamenu-root-list{display:flex;align-items:center;flex-wrap:wrap}.p-megamenu-horizontal .p-megamenu-custom,.p-megamenu-horizontal .p-megamenu-end{margin-left:auto;align-self:center}.p-megamenu-vertical{flex-direction:column}.p-megamenu-vertical .p-megamenu-root-list{flex-direction:column}.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem-active>.p-megamenu-panel{left:100%;top:0}.p-megamenu-vertical .p-megamenu-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon{margin-left:auto}.p-megamenu-grid{display:flex}.p-megamenu-col-2,.p-megamenu-col-3,.p-megamenu-col-4,.p-megamenu-col-6,.p-megamenu-col-12{flex:0 0 auto;padding:.5rem}.p-megamenu-col-2{width:16.6667%}.p-megamenu-col-3{width:25%}.p-megamenu-col-4{width:33.3333%}.p-megamenu-col-6{width:50%}.p-megamenu-col-12{width:100%}

package/megamenu/megamenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,a,r,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t),m=i(n);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(this,arguments)}function o(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 a,r,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(l.push(a.value),!t||l.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw r}}return l}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function v(){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 b(e,t){return o(e)||p(e,t)||d(e,t)||v()}var g=s.memo(s.forwardRef((function(e,t){var n=b(s.useState(null),2),i=n[0],u=n[1],o=s.useRef(null),p="horizontal"===e.orientation,f="vertical"===e.orientation,d=b(a.useEventListener({type:"click",listener:function(e){O(e)&&u(null)}}),1)[0],v=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),u(null))},y=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:p?h(t):D(n),e.preventDefault();break;case 38:f?j(n):t.items&&t===i&&N(),e.preventDefault();break;case 39:p?D(n):h(t),e.preventDefault();break;case 37:p?j(n):t.items&&t===i&&N(),e.preventDefault()}},h=function(e){e.items&&u(e)},N=function(e){u(null)},E=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},k=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},D=function(e){var t=E(e);t&&t.children[0].focus()},j=function(e){var t=k(e);t&&t.children[0].focus()},O=function(e){return o.current&&!(o.current.isSameNode(e.target)||o.current.contains(e.target))},S=function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t};a.useMountEffect((function(){d()})),a.useUpdateEffect((function(){var e=l.DomHandler.findSingle(o.current,".p-menuitem-active > .p-megamenu-panel");return i&&l.ZIndexUtils.set("menu",e,m.default.autoZIndex,m.default.zIndex.menu),function(){l.ZIndexUtils.clear(e)}}),[i]);var w=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},I=function(e){if(e.items){var t=l.classNames("p-submenu-icon pi",{"pi-angle-down":p,"pi-angle-right":f});return s.createElement("span",{className:t})}return null},M=function(t,n){if(t.separator)return w(n);var a=t.label+"_"+n,i=l.classNames("p-menuitem",t.className),u=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=l.classNames(t.icon,"p-menuitem-icon"),c=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=s.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return v(e,t)},role:"menuitem","aria-disabled":t.disabled},c,t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),s.createElement(r.Ripple,null));return t.template&&(o=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return v(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:m,element:o,props:e})),s.createElement("li",{key:a,className:i,style:t.style,role:"none"},o)},_=function(e){var t=l.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),n=e.items.map(M);return s.createElement(s.Fragment,{key:e.label},s.createElement("li",{className:t,style:e.style,role:"presentation"},e.label),n)},C=function(e){return e.map(_)},x=function(e,t,n,a){var r=e.label+"_column_"+n,l=C(t);return s.createElement("div",{key:r,className:a},s.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},l))},U=function(e){if(e.items){var t=S(e);return e.items.map((function(n,a){return x(e,n,a,t)}))}return null},P=function(e){if(e.items){var t=U(e);return s.createElement("div",{className:"p-megamenu-panel"},s.createElement("div",{className:"p-megamenu-grid"},t))}return null},z=function(t,n){var a=l.classNames("p-menuitem",{"p-menuitem-active":t===i},t.className),m=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?l.ObjectUtils.getJSXElement(t.template,t):null,f=I(t),d=P(t);return s.createElement("li",{key:t.label+"_"+n,className:a,style:t.style,onMouseEnter:function(e){return n=e,void((a=t).disabled?n.preventDefault():i&&u(a));var n,a},role:"none"},s.createElement("a",{href:t.url||"#",className:m,target:t.target,onClick:function(n){return a=n,(r=t).disabled||(r.url||a.preventDefault(),r.command&&r.command({originalEvent:a,item:e.item}),r.items&&u(i&&i===r?null:r)),void a.preventDefault();var a,r},onKeyDown:function(e){return y(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,o,p,f,s.createElement(r.Ripple,null)),d)},A=l.ObjectUtils.findDiffKeys(e,g.defaultProps),H=l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===e.orientation,"p-megamenu-vertical":"vertical"===e.orientation},e.className),R=e.model?e.model.map((function(e,t){return z(e,t)})):null,J=e.children?s.createElement("div",{className:"p-megamenu-custom"},e.children):null;return s.createElement("div",c({ref:o,id:e.id,className:H,style:e.style},A),s.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},R),J)})));return g.displayName="MegaMenu",g.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal"},e.MegaMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,a,r,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(t),m=i(n);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(this,arguments)}function o(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 a,r,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(l.push(a.value),!t||l.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw r}}return l}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function v(){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 b(e,t){return o(e)||p(e,t)||d(e,t)||v()}var g=s.memo(s.forwardRef((function(e,t){var n=b(s.useState(null),2),i=n[0],u=n[1],o=s.useRef(null),p="horizontal"===e.orientation,f="vertical"===e.orientation,d=b(a.useEventListener({type:"click",listener:function(e){O(e)&&u(null)}}),1)[0],v=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),u(null))},y=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:p?h(t):j(n),e.preventDefault();break;case 38:f?D(n):t.items&&t===i&&E(),e.preventDefault();break;case 39:p?j(n):h(t),e.preventDefault();break;case 37:p?D(n):t.items&&t===i&&E(),e.preventDefault()}},h=function(e){e.items&&u(e)},E=function(e){u(null)},N=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},k=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function(e){var t=N(e);t&&t.children[0].focus()},D=function(e){var t=k(e);t&&t.children[0].focus()},O=function(e){return o.current&&!(o.current.isSameNode(e.target)||o.current.contains(e.target))},S=function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t};s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return o.current}}})),a.useMountEffect((function(){d()})),a.useUpdateEffect((function(){var e=l.DomHandler.findSingle(o.current,".p-menuitem-active > .p-megamenu-panel");return i&&l.ZIndexUtils.set("menu",e,m.default.autoZIndex,m.default.zIndex.menu),function(){l.ZIndexUtils.clear(e)}}),[i]);var w=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},I=function(e){if(e.items){var t=l.classNames("p-submenu-icon pi",{"pi-angle-down":p,"pi-angle-right":f});return s.createElement("span",{className:t})}return null},M=function(t,n){if(t.separator)return w(n);var a=t.label+"_"+n,i=l.classNames("p-menuitem",t.className),u=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=l.classNames(t.icon,"p-menuitem-icon"),c=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=s.createElement("a",{href:t.url||"#",className:u,target:t.target,onClick:function(e){return v(e,t)},role:"menuitem","aria-disabled":t.disabled},c,t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),s.createElement(r.Ripple,null));return t.template&&(o=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return v(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:m,element:o,props:e})),s.createElement("li",{key:a,id:t.id,className:i,style:t.style,role:"none"},o)},U=function(e){var t=l.classNames("p-megamenu-submenu-header",{"p-disabled":e.disabled},e.className),n=e.items.map(M);return s.createElement(s.Fragment,{key:e.label},s.createElement("li",{id:e.id,className:t,style:e.style,role:"presentation"},e.label),n)},_=function(e){return e.map(U)},C=function(e,t,n,a){var r=e.label+"_column_"+n,l=_(t);return s.createElement("div",{key:r,className:a},s.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},l))},x=function(e){if(e.items){var t=S(e);return e.items.map((function(n,a){return C(e,n,a,t)}))}return null},P=function(e){if(e.items){var t=x(e);return s.createElement("div",{className:"p-megamenu-panel"},s.createElement("div",{className:"p-megamenu-grid"},t))}return null},z=function(t,n){var a=l.classNames("p-menuitem",{"p-menuitem-active":t===i},t.className),m=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),p=t.template?l.ObjectUtils.getJSXElement(t.template,t):null,f=I(t),d=P(t);return s.createElement("li",{key:t.label+"_"+n,id:t.id,className:a,style:t.style,onMouseEnter:function(e){return n=e,void((a=t).disabled?n.preventDefault():i&&u(a));var n,a},role:"none"},s.createElement("a",{href:t.url||"#",className:m,target:t.target,onClick:function(n){return a=n,(r=t).disabled||(r.url||a.preventDefault(),r.command&&r.command({originalEvent:a,item:e.item}),r.items&&u(i&&i===r?null:r)),void a.preventDefault();var a,r},onKeyDown:function(e){return y(e,t)},role:"menuitem","aria-haspopup":null!=t.items},c,o,p,f,s.createElement(r.Ripple,null)),d)},A=l.ObjectUtils.findDiffKeys(e,g.defaultProps),H=l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===e.orientation,"p-megamenu-vertical":"vertical"===e.orientation},e.className),J=e.model?s.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},e.model.map((function(e,t){return z(e,t)}))):null,X=function(){if(e.start){var t=l.ObjectUtils.getJSXElement(e.start,e);return s.createElement("div",{className:"p-megamenu-start"},t)}return null}(),R=function(){if(e.end){var t=l.ObjectUtils.getJSXElement(e.end,e);return s.createElement("div",{className:"p-megamenu-end"},t)}return null}();return s.createElement("div",c({ref:o,id:e.id,className:H,style:e.style},A),X,J,R)})));return g.displayName="MegaMenu",g.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null},e.MegaMenu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);

package/mention/mention.cjs.js

@@ -192,9 +192,10 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }
   };
 
+  var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React__namespace.useMemo(function () {
-    return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && utils.ObjectUtils.isNotEmpty(elementRef.current.value);
-  }, [props.value, props.defaultValue]);
+    return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
@@ -454,7 +455,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
 
   var onItemClick = function onItemClick(event, suggestion) {
-    inputRef.current.focus();
+    utils.DomHandler.focus(inputRef.current);
     selectItem(event, suggestion);
   };
 
@@ -556,9 +557,26 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }
   };
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React__namespace.useMemo(function () {
-    return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && utils.ObjectUtils.isNotEmpty(inputRef.current.value);
-  }, [props.value, props.defaultValue, inputRef]);
+    return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      show: show,
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/mention/mention.cjs.min.js

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

package/mention/mention.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
+import { InputTextarea } from '../inputtextarea';
 
 type MentionTriggerType = string | string[];
 
@@ -27,12 +28,9 @@ interface MentionSelectParams {
     suggestion: any;
 }
 
-export interface MentionProps {
-    id?: string;
+export interface MentionProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onSelect' | 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'ref'> {
     inputId?: string;
     inputRef?: React.Ref<HTMLInputElement>;
-    style?: object;
-    className?: string;
     trigger?: MentionTriggerType;
     suggestions?: any[];
     field?: MentionFieldType;
@@ -58,4 +56,8 @@ export interface MentionProps {
     children?: React.ReactNode;
 }
 
-export declare class Mention extends React.Component<MentionProps, any> { }
+export declare class Mention extends React.Component<MentionProps, any> {
+    public getElement(): HTMLDivElement;
+    public getInput(): InputTextarea;
+    public getOverlay(): HTMLElement;
+}

package/mention/mention.esm.js

@@ -165,9 +165,10 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }
   };
 
+  var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && ObjectUtils.isNotEmpty(elementRef.current.value);
-  }, [props.value, props.defaultValue]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
@@ -427,7 +428,7 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   var onItemClick = function onItemClick(event, suggestion) {
-    inputRef.current.focus();
+    DomHandler.focus(inputRef.current);
     selectItem(event, suggestion);
   };
 
@@ -529,9 +530,26 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     }
   };
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && ObjectUtils.isNotEmpty(inputRef.current.value);
-  }, [props.value, props.defaultValue, inputRef]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      show: show,
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);

package/mention/mention.esm.min.js

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

package/mention/mention.js

@@ -182,9 +182,10 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
       }
     };
 
+    var currentValue = elementRef.current && elementRef.current.value;
     var isFilled = React__namespace.useMemo(function () {
-      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && utils.ObjectUtils.isNotEmpty(elementRef.current.value);
-    }, [props.value, props.defaultValue]);
+      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
+    }, [props.value, props.defaultValue, currentValue]);
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);
@@ -444,7 +445,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
     };
 
     var onItemClick = function onItemClick(event, suggestion) {
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
       selectItem(event, suggestion);
     };
 
@@ -546,9 +547,26 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
       }
     };
 
+    var currentValue = inputRef.current && inputRef.current.value;
     var isFilled = React__namespace.useMemo(function () {
-      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && utils.ObjectUtils.isNotEmpty(inputRef.current.value);
-    }, [props.value, props.defaultValue, inputRef]);
+      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
+    }, [props.value, props.defaultValue, currentValue]);
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        show: show,
+        hide: hide,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getOverlay: function getOverlay() {
+          return overlayRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);