primereact 10.3.1 → 10.3.2

package/mention/mention.cjs.js

@@ -53,6 +53,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";
 
@@ -126,21 +157,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.");
 }
@@ -188,6 +204,7 @@ var InputTextareaBase = componentbase.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__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);
@@ -281,7 +298,7 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     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
@@ -304,20 +321,25 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 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
@@ -367,6 +389,7 @@ var MentionBase = componentbase.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__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),
@@ -385,6 +408,10 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     _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);
@@ -407,11 +434,12 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   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({
@@ -445,7 +473,11 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   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() {
@@ -460,13 +492,15 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     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', {
@@ -588,7 +622,18 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   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) {
@@ -601,21 +646,32 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   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();
@@ -626,8 +682,14 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
           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);
             }
           }
@@ -688,15 +750,26 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   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 () {
@@ -708,17 +781,23 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       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'));
@@ -732,7 +811,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     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({
@@ -740,7 +819,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       }, props.panelStyle),
       onClick: onPanelClick
     }, ptm('panel'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": overlayVisibleState,
       timeout: {
@@ -765,7 +844,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   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'),
@@ -781,7 +860,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       parent: metaData
     }
   }), ptm('input'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: cx('root', {

package/mention/mention.cjs.min.js

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

package/mention/mention.d.ts

@@ -86,6 +86,10 @@ export interface MentionState {
      * Current trigger state.
      */
     trigger: any;
+    /**
+     * For item, this is the state of the item.
+     */
+    selected?: boolean;
 }
 
 /**