primereact 10.3.1 → 10.3.3

package/mention/mention.esm.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, mergeProps, DomHandler, ZIndexUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler, ZIndexUtils } from 'primereact/utils';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
@@ -26,6 +26,37 @@ function _extends() {
   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";
 
@@ -99,21 +130,6 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-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.");
 }
@@ -161,6 +177,7 @@ var InputTextareaBase = ComponentBase.extend({
 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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = InputTextareaBase.getProps(inProps, context);
   var elementRef = React.useRef(ref);
@@ -277,20 +294,25 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 InputTextarea.displayName = 'InputTextarea';
 
 var classes = {
-  item: 'p-mention-item',
+  item: function item(_ref) {
+    var isSelected = _ref.isSelected;
+    return 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 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 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 classNames('p-mention p-component p-inputwrapper', {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState
@@ -340,6 +362,7 @@ var MentionBase = ComponentBase.extend({
 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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = MentionBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
@@ -358,6 +381,10 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     triggerState = _React$useState8[0],
     setTriggerState = _React$useState8[1];
+  var _React$useState9 = React.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    highlightState = _React$useState10[0],
+    setHighlightState = _React$useState10[1];
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var inputRef = React.useRef(props.inputRef);
@@ -380,11 +407,12 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   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 = useOverlayListener({
@@ -418,7 +446,11 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   };
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-      DomHandler.addClass(listRef.current.firstChild, 'p-highlight');
+      setHighlightState(function (prevState) {
+        var newState = _toConsumableArray(prevState);
+        newState[0] = true;
+        return newState;
+      });
     }
   };
   var onOverlayEntered = function onOverlayEntered() {
@@ -433,13 +465,15 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    var key = triggerState.key,
-      index = triggerState.index;
-    var value = inputRef.current.value;
-    var position = 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 = 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.emit('overlay-click', {
@@ -561,7 +595,18 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   };
   var onInput = function onInput(event) {
     props.onInput && props.onInput(event);
-    if (event.target.value.length > 0) DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled');else DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+    var isFilled = event.target.value.length > 0;
+    if (isUnstyled()) {
+      DomHandler.setAttributes(elementRef.current, {
+        'data-p-inputwrapper-filled': isFilled
+      });
+    } else {
+      if (isFilled) {
+        DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled');
+      } else {
+        DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+      }
+    }
   };
   var onKeyUp = function onKeyUp(event) {
     if (event.which === 37 || event.which === 39) {
@@ -574,21 +619,32 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   };
   var onKeyDown = function onKeyDown(event) {
     if (overlayVisibleState) {
-      var highlightItem = DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
+      var highlightItem = DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
       switch (event.which) {
         //down
         case 40:
           if (highlightItem) {
             var nextElement = highlightItem.nextElementSibling;
             if (nextElement) {
-              DomHandler.addClass(nextElement, 'p-highlight');
-              DomHandler.removeClass(highlightItem, 'p-highlight');
+              var nextElementIndex = DomHandler.index(nextElement);
+              var highlightItemIndex = DomHandler.index(highlightItem);
+              setHighlightState(function (prevState) {
+                var newState = _toConsumableArray(prevState);
+                newState[nextElementIndex] = true;
+                newState[highlightItemIndex] = false;
+                return newState;
+              });
               DomHandler.scrollInView(overlayRef.current, nextElement);
             }
           } else {
             highlightItem = DomHandler.findSingle(overlayRef.current, 'li');
             if (highlightItem) {
-              DomHandler.addClass(highlightItem, 'p-highlight');
+              var _highlightItemIndex = DomHandler.index(highlightItem);
+              setHighlightState(function (prevState) {
+                var newState = _toConsumableArray(prevState);
+                newState[_highlightItemIndex] = true;
+                return newState;
+              });
             }
           }
           event.preventDefault();
@@ -599,8 +655,14 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
           if (highlightItem) {
             var previousElement = highlightItem.previousElementSibling;
             if (previousElement) {
-              DomHandler.addClass(previousElement, 'p-highlight');
-              DomHandler.removeClass(highlightItem, 'p-highlight');
+              var previousElementIndex = DomHandler.index(previousElement);
+              var _highlightItemIndex2 = DomHandler.index(highlightItem);
+              setHighlightState(function (prevState) {
+                var newState = _toConsumableArray(prevState);
+                newState[previousElementIndex] = true;
+                newState[_highlightItemIndex2] = false;
+                return newState;
+              });
               DomHandler.scrollInView(overlayRef.current, previousElement);
             }
           }
@@ -661,15 +723,26 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   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]);
   useUpdateEffect(function () {
-    if (!isFilled && DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled')) {
-      DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
+    var _isUnstyled = isUnstyled();
+    var isInputWrapperFilled = _isUnstyled ? DomHandler.isAttributeEquals(elementRef.current, 'data-p-inputwrapper-filled', true) : DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled');
+    if (!isFilled && isInputWrapperFilled) {
+      _isUnstyled ? DomHandler.setAttributes(elementRef.current, {
+        'data-p-inputwrapper-filled': false
+      }) : DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
     }
   }, [isFilled]);
   useUnmountEffect(function () {
@@ -681,13 +754,19 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       trigger: triggerState ? triggerState.key : '',
       index: index
     }) : formatValue(suggestion);
+    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.createElement("li", itemProps, content, /*#__PURE__*/React.createElement(Ripple, null));
   };
   var createList = function createList() {

package/mention/mention.esm.min.js

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