primereact 8.7.3 → 9.0.0-rc.1

package/megamenu/megamenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,r,a,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 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 s=u(t),c=i(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.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 r,a,l,i,u=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,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 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 v(e,t){return o(e)||p(e,t)||d(e,t)||b()}var g=s.memo(s.forwardRef((function(e,t){var n=v(s.useState(null),2),i=n[0],u=n[1],o=s.useRef(null),p="horizontal"===e.orientation,f="vertical"===e.orientation,d=v(r.useEventListener({type:"click",listener:function(e){D(e)&&u(null)}}),1)[0],b=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):k(n),e.preventDefault();break;case 38:f?O(n):t.items&&t===i&&E(),e.preventDefault();break;case 39:p?k(n):h(t),e.preventDefault();break;case 37:p?O(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},j=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},k=function(e){var t=N(e);t&&t.children[0].focus()},O=function(e){var t=j(e);t&&t.children[0].focus()},D=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}}})),r.useMountEffect((function(){d()})),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(o.current,".p-menuitem-active > .p-megamenu-panel");return i&&l.ZIndexUtils.set("menu",e,c.default.autoZIndex,c.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(!1===t.visible)return null;if(t.separator)return w(n);var r=t.label+"_"+n,i=l.classNames("p-menuitem",t.className),u=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=l.classNames(t.icon,"p-menuitem-icon"),m=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 b(e,t)},role:"menuitem","aria-disabled":t.disabled},m,t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label),s.createElement(a.Ripple,null));return t.template&&(o=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return b(e,t)},className:u,labelClassName:"p-menuitem-text",iconClassName:c,element:o,props:e})),s.createElement("li",{key:r,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,r){var a=e.label+"_column_"+n,l=_(t);return s.createElement("div",{key:a,className:r},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,r){return C(e,n,r,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 r=l.classNames("p-menuitem",{"p-menuitem-active":t===i},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),m=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:r,style:t.style,onMouseEnter:function(e){return n=e,void((r=t).disabled?n.preventDefault():i&&u(r));var n,r},role:"none"},s.createElement("a",{href:t.url||"#",className:c,target:t.target,onClick:function(n){return r=n,(a=t).disabled||(a.url||r.preventDefault(),a.command&&a.command({originalEvent:r,item:e.item}),a.items&&u(i&&i===a?null:a)),void r.preventDefault();var r,a},onKeyDown:function(e){return y(e,t)},role:"menuitem","aria-haspopup":null!=t.items},m,o,p,f,s.createElement(a.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",m({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);
+this.primereact=this.primereact||{},this.primereact.megamenu=function(e,t,n,r,a,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 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 s=u(t),c=i(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.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 r,a,l,i,u=[],s=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,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 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 v(e,t){return o(e)||p(e,t)||d(e,t)||b()}var g={defaultProps:{__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,g.defaultProps)}},y=s.memo(s.forwardRef((function(e,t){var n=g.getProps(e),i=v(s.useState(null),2),u=i[0],o=i[1],p=s.useRef(null),f="horizontal"===n.orientation,d="vertical"===n.orientation,b=v(r.useEventListener({type:"click",listener:function(e){S(e)&&o(null)}}),1)[0],y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),o(null))},h=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:f?E(t):k(n),e.preventDefault();break;case 38:d?D(n):t.items&&t===u&&N(),e.preventDefault();break;case 39:f?k(n):E(t),e.preventDefault();break;case 37:f?D(n):t.items&&t===u&&N(),e.preventDefault()}},E=function(e){e.items&&o(e)},N=function(e){o(null)},O=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},j=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},k=function(e){var t=O(e);t&&t.children[0].focus()},D=function(e){var t=j(e);t&&t.children[0].focus()},S=function(e){return p.current&&!(p.current.isSameNode(e.target)||p.current.contains(e.target))},P=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:n,getElement:function(){return p.current}}})),r.useMountEffect((function(){b()})),r.useUpdateEffect((function(){var e=l.DomHandler.findSingle(p.current,".p-menuitem-active > .p-megamenu-panel");return u&&l.ZIndexUtils.set("menu",e,c.default.autoZIndex,c.default.zIndex.menu),function(){l.ZIndexUtils.clear(e)}}),[u]);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":f,"pi-angle-right":d});return s.createElement("span",{className:t})}return null},M=function(e,t){if(!1===e.visible)return null;if(e.separator)return w(t);var r=e.label+"_"+t,i=l.classNames("p-menuitem",e.className),u=l.classNames("p-menuitem-link",{"p-disabled":e.disabled}),c=l.classNames(e.icon,"p-menuitem-icon"),m=l.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:n}),o=s.createElement("a",{href:e.url||"#",className:u,target:e.target,onClick:function(t){return y(t,e)},role:"menuitem","aria-disabled":e.disabled},m,e.label&&s.createElement("span",{className:"p-menuitem-text"},e.label),s.createElement(a.Ripple,null));return e.template&&(o=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return y(t,e)},className:u,labelClassName:"p-menuitem-text",iconClassName:c,element:o,props:n})),s.createElement("li",{key:r,id:e.id,className:i,style:e.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,r){var a=e.label+"_column_"+n,l=_(t);return s.createElement("div",{key:a,className:r},s.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},l))},x=function(e){if(e.items){var t=P(e);return e.items.map((function(n,r){return C(e,n,r,t)}))}return null},z=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},A=function(e,t){var r=l.classNames("p-menuitem",{"p-menuitem-active":e===u},e.className),i=l.classNames("p-menuitem-link",{"p-disabled":e.disabled}),c=l.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:n}),m=e.label&&s.createElement("span",{className:"p-menuitem-text"},e.label),p=e.template?l.ObjectUtils.getJSXElement(e.template,e):null,f=I(e),d=z(e);return s.createElement("li",{key:e.label+"_"+t,id:e.id,className:r,style:e.style,onMouseEnter:function(t){return n=t,void((r=e).disabled?n.preventDefault():u&&o(r));var n,r},role:"none"},s.createElement("a",{href:e.url||"#",className:i,target:e.target,onClick:function(t){return r=t,(a=e).disabled||(a.url||r.preventDefault(),a.command&&a.command({originalEvent:r,item:n.item}),a.items&&o(u&&u===a?null:a)),void r.preventDefault();var r,a},onKeyDown:function(t){return h(t,e)},role:"menuitem","aria-haspopup":null!=e.items},c,m,p,f,s.createElement(a.Ripple,null)),d)},H=g.getOtherProps(n),J=l.classNames("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===n.orientation,"p-megamenu-vertical":"vertical"===n.orientation},n.className),X=n.model?s.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},n.model.map((function(e,t){return A(e,t)}))):null,R=function(){if(n.start){var e=l.ObjectUtils.getJSXElement(n.start,n);return s.createElement("div",{className:"p-megamenu-start"},e)}return null}(),T=function(){if(n.end){var e=l.ObjectUtils.getJSXElement(n.end,n);return s.createElement("div",{className:"p-megamenu-end"},e)}return null}();return s.createElement("div",m({ref:p,id:n.id,className:J,style:n.style},H),R,X,T)})));return y.displayName="MegaMenu",e.MegaMenu=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);

package/megamenu/package.json

@@ -2,5 +2,6 @@
     "main": "./megamenu.cjs.js",
     "module": "./megamenu.esm.js",
     "unpkg": "./megamenu.min.js",
-    "types": "./megamenu.d.ts"
+    "types": "./megamenu.d.ts",
+    "sideEffects": false
 }

package/mention/mention.cjs.js

@@ -110,9 +110,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -128,9 +126,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -151,7 +147,32 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var InputTextareaBase = {
+  defaultProps: {
+    __TYPE: 'InputTextarea',
+    autoResize: false,
+    keyfilter: null,
+    onBlur: null,
+    onFocus: null,
+    onInput: null,
+    onKeyDown: null,
+    onKeyUp: null,
+    onPaste: null,
+    tooltip: null,
+    tooltipOptions: null,
+    validateOnly: false,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, InputTextareaBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, InputTextareaBase.defaultProps);
+  }
+};
+
+var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = InputTextareaBase.getProps(inProps);
   var elementRef = React__namespace.useRef(ref);
   var cachedScrollHeight = React__namespace.useRef(0);
   var onFocus = function onFocus(event) {
@@ -225,7 +246,7 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }
   }, [props.autoResize]);
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, InputTextarea.defaultProps);
+  var otherProps = InputTextareaBase.getOtherProps(props);
   var className = utils.classNames('p-inputtextarea p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled,
@@ -247,24 +268,51 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   }, props.tooltipOptions)));
 }));
 InputTextarea.displayName = 'InputTextarea';
-InputTextarea.defaultProps = {
-  __TYPE: 'InputTextarea',
-  autoResize: false,
-  keyfilter: null,
-  onBlur: null,
-  onFocus: null,
-  onInput: null,
-  onKeyDown: null,
-  onKeyUp: null,
-  onPaste: null,
-  tooltip: null,
-  tooltipOptions: null,
-  validateOnly: false
+
+var MentionBase = {
+  defaultProps: {
+    __TYPE: 'Mention',
+    autoHighlight: true,
+    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: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, MentionBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, MentionBase.defaultProps);
+  }
 };
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = MentionBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     overlayVisibleState = _React$useState2[0],
@@ -542,6 +590,9 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       props: props,
       show: show,
       hide: hide,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -634,7 +685,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     'p-inputwrapper-focus': focusedState
   }, props.className);
   var inputClassName = utils.classNames('p-mention-input', props.inputClassName);
-  var inputProps = utils.ObjectUtils.findDiffKeys(props, Mention.defaultProps);
+  var inputProps = MentionBase.getOtherProps(props);
   var panel = createPanel();
   return /*#__PURE__*/React__namespace.createElement("div", {
     ref: elementRef,
@@ -656,35 +707,5 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   })), panel);
 }));
 Mention.displayName = 'Mention';
-Mention.defaultProps = {
-  __TYPE: 'Mention',
-  autoHighlight: true,
-  className: null,
-  delay: 0,
-  field: null,
-  footerTemplate: null,
-  headerTemplate: null,
-  id: null,
-  inputClassName: null,
-  inputId: null,
-  inputRef: null,
-  inputStyle: null,
-  itemTemplate: null,
-  panelClassName: null,
-  panelStyle: null,
-  scrollHeight: '200px',
-  style: null,
-  suggestions: null,
-  transitionOptions: null,
-  trigger: '@',
-  onBlur: null,
-  onChange: null,
-  onFocus: null,
-  onHide: null,
-  onInput: null,
-  onSearch: null,
-  onSelect: null,
-  onShow: null
-};
 
 exports.Mention = Mention;

package/mention/mention.cjs.min.js

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

package/mention/mention.d.ts

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