primereact 10.3.0 → 10.3.2

package/mention/mention.js

@@ -40,6 +40,37 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     return _extends.apply(this, arguments);
   }
 
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -113,21 +144,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     }
   }
 
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
@@ -175,6 +191,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = InputTextareaBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(ref);
@@ -268,7 +285,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       className: cx('root', {
         isFilled: isFilled
@@ -291,20 +308,25 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
   InputTextarea.displayName = 'InputTextarea';
 
   var classes = {
-    item: 'p-mention-item',
+    item: function item(_ref) {
+      var isSelected = _ref.isSelected;
+      return utils.classNames('p-mention-item', {
+        'p-highlight': isSelected
+      });
+    },
     items: 'p-mention-items',
-    panel: function panel(_ref) {
-      var props = _ref.props;
+    panel: function panel(_ref2) {
+      var props = _ref2.props;
       return utils.classNames('p-mention-panel p-component', props.panelClassName);
     },
-    input: function input(_ref2) {
-      var props = _ref2.props;
+    input: function input(_ref3) {
+      var props = _ref3.props;
       return utils.classNames('p-mention-input', props.inputClassName);
     },
-    root: function root(_ref3) {
-      var props = _ref3.props,
-        isFilled = _ref3.isFilled,
-        focusedState = _ref3.focusedState;
+    root: function root(_ref4) {
+      var props = _ref4.props,
+        isFilled = _ref4.isFilled,
+        focusedState = _ref4.focusedState;
       return utils.classNames('p-mention p-component p-inputwrapper', {
         'p-inputwrapper-filled': isFilled,
         'p-inputwrapper-focus': focusedState
@@ -354,6 +376,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = MentionBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -372,6 +395,10 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       triggerState = _React$useState8[0],
       setTriggerState = _React$useState8[1];
+    var _React$useState9 = React__namespace.useState([]),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      highlightState = _React$useState10[0],
+      setHighlightState = _React$useState10[1];
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -394,11 +421,12 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     componentbase.useHandleStyle(MentionBase.css.styles, isUnstyled, {
       name: 'mention'
     });
-    var getPTOptions = function getPTOptions(item, suggestion) {
+    var getPTOptions = function getPTOptions(item, suggestion, options) {
       return ptm(suggestion, {
         context: {
           trigger: triggerState ? triggerState.key : ''
-        }
+        },
+        state: _objectSpread({}, options)
       });
     };
     var _useOverlayListener = hooks.useOverlayListener({
@@ -432,7 +460,11 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     };
     var onOverlayEntering = function onOverlayEntering() {
       if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-        utils.DomHandler.addClass(listRef.current.firstChild, 'p-highlight');
+        setHighlightState(function (prevState) {
+          var newState = _toConsumableArray(prevState);
+          newState[0] = true;
+          return newState;
+        });
       }
     };
     var onOverlayEntered = function onOverlayEntered() {
@@ -447,13 +479,15 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       props.onHide && props.onHide();
     };
     var alignOverlay = function alignOverlay() {
-      var key = triggerState.key,
-        index = triggerState.index;
-      var value = inputRef.current.value;
-      var position = utils.DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
-      overlayRef.current.style.transformOrigin = 'top';
-      overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
-      overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+      if (triggerState) {
+        var key = triggerState.key,
+          index = triggerState.index;
+        var value = inputRef.current.value;
+        var position = utils.DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
+        overlayRef.current.style.transformOrigin = 'top';
+        overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
+        overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+      }
     };
     var onPanelClick = function onPanelClick(event) {
       overlayservice.OverlayService.emit('overlay-click', {
@@ -575,7 +609,18 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     };
     var onInput = function onInput(event) {
       props.onInput && props.onInput(event);
-      if (event.target.value.length > 0) utils.DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled');else utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+      var isFilled = event.target.value.length > 0;
+      if (isUnstyled()) {
+        utils.DomHandler.setAttributes(elementRef.current, {
+          'data-p-inputwrapper-filled': isFilled
+        });
+      } else {
+        if (isFilled) {
+          utils.DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled');
+        } else {
+          utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+        }
+      }
     };
     var onKeyUp = function onKeyUp(event) {
       if (event.which === 37 || event.which === 39) {
@@ -588,21 +633,32 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     };
     var onKeyDown = function onKeyDown(event) {
       if (overlayVisibleState) {
-        var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+        var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
         switch (event.which) {
           //down
           case 40:
             if (highlightItem) {
               var nextElement = highlightItem.nextElementSibling;
               if (nextElement) {
-                utils.DomHandler.addClass(nextElement, 'p-highlight');
-                utils.DomHandler.removeClass(highlightItem, 'p-highlight');
+                var nextElementIndex = utils.DomHandler.index(nextElement);
+                var highlightItemIndex = utils.DomHandler.index(highlightItem);
+                setHighlightState(function (prevState) {
+                  var newState = _toConsumableArray(prevState);
+                  newState[nextElementIndex] = true;
+                  newState[highlightItemIndex] = false;
+                  return newState;
+                });
                 utils.DomHandler.scrollInView(overlayRef.current, nextElement);
               }
             } else {
               highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li');
               if (highlightItem) {
-                utils.DomHandler.addClass(highlightItem, 'p-highlight');
+                var _highlightItemIndex = utils.DomHandler.index(highlightItem);
+                setHighlightState(function (prevState) {
+                  var newState = _toConsumableArray(prevState);
+                  newState[_highlightItemIndex] = true;
+                  return newState;
+                });
               }
             }
             event.preventDefault();
@@ -613,8 +669,14 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
             if (highlightItem) {
               var previousElement = highlightItem.previousElementSibling;
               if (previousElement) {
-                utils.DomHandler.addClass(previousElement, 'p-highlight');
-                utils.DomHandler.removeClass(highlightItem, 'p-highlight');
+                var previousElementIndex = utils.DomHandler.index(previousElement);
+                var _highlightItemIndex2 = utils.DomHandler.index(highlightItem);
+                setHighlightState(function (prevState) {
+                  var newState = _toConsumableArray(prevState);
+                  newState[previousElementIndex] = true;
+                  newState[_highlightItemIndex2] = false;
+                  return newState;
+                });
                 utils.DomHandler.scrollInView(overlayRef.current, previousElement);
               }
             }
@@ -674,19 +736,27 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
-    hooks.useMountEffect(function () {
-      alignOverlay();
-    });
     hooks.useUpdateEffect(function () {
+      var hasSuggestions = props.suggestions && props.suggestions.length;
+      if (hasSuggestions) {
+        var newState = props.suggestions.map(function () {
+          return false;
+        });
+        setHighlightState(newState);
+      }
       if (searchingState) {
-        props.suggestions && props.suggestions.length ? show() : hide();
+        hasSuggestions ? show() : hide();
         overlayVisibleState && alignOverlay();
         setSearchingState(false);
       }
     }, [props.suggestions]);
     hooks.useUpdateEffect(function () {
-      if (!isFilled && utils.DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled')) {
-        utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+      var _isUnstyled = isUnstyled();
+      var isInputWrapperFilled = _isUnstyled ? utils.DomHandler.isAttributeEquals(elementRef.current, 'data-p-inputwrapper-filled', true) : utils.DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled');
+      if (!isFilled && isInputWrapperFilled) {
+        _isUnstyled ? utils.DomHandler.setAttributes(elementRef.current, {
+          'data-p-inputwrapper-filled': false
+        }) : utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
       }
     }, [isFilled]);
     hooks.useUnmountEffect(function () {
@@ -698,17 +768,23 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
         trigger: triggerState ? triggerState.key : '',
         index: index
       }) : formatValue(suggestion);
-      var itemProps = utils.mergeProps({
+      var isSelected = highlightState[index];
+      var itemProps = mergeProps({
         key: key,
-        className: cx('item'),
+        className: cx('item', {
+          isSelected: isSelected
+        }),
         onClick: function onClick(e) {
           return onItemClick(e, suggestion);
-        }
-      }, getPTOptions(suggestion, 'item'));
+        },
+        'data-p-highlight': isSelected
+      }, getPTOptions(suggestion, 'item', {
+        selected: isSelected
+      }));
       return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
     var createList = function createList() {
-      var itemsProps = utils.mergeProps({
+      var itemsProps = mergeProps({
         ref: listRef,
         className: cx('items')
       }, ptm('items'));
@@ -722,7 +798,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       var header = utils.ObjectUtils.getJSXElement(props.headerTemplate, props);
       var footer = utils.ObjectUtils.getJSXElement(props.footerTemplate, props);
       var list = createList();
-      var panelProps = utils.mergeProps({
+      var panelProps = mergeProps({
         ref: overlayRef,
         className: cx('panel'),
         style: _objectSpread({
@@ -730,7 +806,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
         }, props.panelStyle),
         onClick: onPanelClick
       }, ptm('panel'));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         "in": overlayVisibleState,
         timeout: {
@@ -755,7 +831,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     };
     var inputProps = MentionBase.getOtherProps(props);
     var panel = createPanel();
-    var inputMentionProps = utils.mergeProps(_objectSpread(_objectSpread({
+    var inputMentionProps = mergeProps(_objectSpread(_objectSpread({
       ref: inputRef,
       id: props.inputId,
       className: cx('input'),
@@ -771,7 +847,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
         parent: metaData
       }
     }), ptm('input'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: cx('root', {

package/mention/mention.min.js

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

package/menu/menu.cjs.js

@@ -238,109 +238,10 @@ var MenuBase = componentbase.ComponentBase.extend({
   }
 });
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React__namespace.useRef(undefined);
-  React__namespace.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React__namespace.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React__namespace.useRef(null);
-  var listenerRef = React__namespace.useRef(null);
-  var prevListener = usePrevious(listener);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React__namespace.useEffect(function () {
-    if (when) {
-      targetRef.current = utils.DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React__namespace.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React__namespace.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = MenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -380,8 +281,13 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var menuRef = React__namespace.useRef(null);
   var listRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
-  useOnEscapeKey(targetRef, props.popup && props.closeOnEscape, function (event) {
-    hide(event);
+  var popupMenuDisplayOrder = hooks.useDisplayOrder('menu', !!(visibleState && props.popup));
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback(event) {
+      hide(event);
+    },
+    when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
       target: targetRef,
@@ -411,9 +317,6 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -426,8 +329,10 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     if (!props.popup && focusedOptionIndex !== key) {
       setFocusedOptionIndex(key);
     }
-    event.preventDefault();
-    event.stopPropagation();
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onListFocus = function onListFocus(event) {
     setFocused(true);
@@ -595,7 +500,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     var items = submenu.items.map(function (item, index) {
       return createMenuItem(item, index, key);
     });
-    var submenuHeaderProps = utils.mergeProps({
+    var submenuHeaderProps = mergeProps({
       id: key,
       key: key,
       role: 'none',
@@ -613,7 +518,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   };
   var createSeparator = function createSeparator(index) {
     var key = idState + '_separator_' + index;
-    var separatorProps = utils.mergeProps({
+    var separatorProps = mergeProps({
       id: key,
       key: key,
       className: cx('separator'),
@@ -630,24 +535,24 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       'p-disabled': item.disabled
     });
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
     var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
     var key = item.id || (parentId || idState) + '_' + index;
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       onClick: function onClick(event) {
         return onItemClick(event, item, key);
       },
       className: cx('content')
     }, ptm('content'));
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: item.url || '#',
       className: cx('action', {
         item: item
@@ -677,7 +582,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var menuitemProps = utils.mergeProps({
+    var menuitemProps = mergeProps({
       id: key,
       key: key,
       className: utils.classNames(item.className, cx('menuitem', {
@@ -703,7 +608,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var createElement = function createElement() {
     if (props.model) {
       var menuitems = createMenu();
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         className: utils.classNames(props.className, cx('root', {
           context: context
         })),
@@ -712,7 +617,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
           return onPanelClick(e);
         }
       }, MenuBase.getOtherProps(props), ptm('root'));
-      var menuProps = utils.mergeProps({
+      var menuProps = mergeProps({
         ref: listRef,
         className: cx('menu'),
         id: idState + '_list',
@@ -725,7 +630,7 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
         onKeyDown: onListKeyDown,
         onBlur: onListBlur
       }, ptm('menu'));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         "in": visibleState,
         timeout: {