primereact 8.7.2 → 9.0.0-beta.1

package/mention/mention.esm.js

@@ -13,20 +13,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -37,7 +62,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -46,42 +70,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 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;
 }
 
@@ -105,82 +127,64 @@ function _slicedToArray(arr, i) {
 var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(ref);
   var cachedScrollHeight = React.useRef(0);
-
   var onFocus = function onFocus(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onFocus && props.onFocus(event);
   };
-
   var onBlur = function onBlur(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onBlur && props.onBlur(event);
   };
-
   var onKeyUp = function onKeyUp(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onKeyUp && props.onKeyUp(event);
   };
-
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
-
     if (props.keyfilter) {
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
-
     if (props.keyfilter) {
       KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onInput = function onInput(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onInput && props.onInput(event);
     var target = event.target;
     ObjectUtils.isNotEmpty(target.value) ? DomHandler.addClass(target, 'p-filled') : DomHandler.removeClass(target, 'p-filled');
   };
-
   var resize = function resize(initial) {
     var inputEl = elementRef.current;
-
     if (inputEl && DomHandler.isVisible(inputEl)) {
       if (!cachedScrollHeight.current) {
         cachedScrollHeight.current = inputEl.scrollHeight;
         inputEl.style.overflow = 'hidden';
       }
-
       if (cachedScrollHeight.current !== inputEl.scrollHeight || initial) {
         inputEl.style.height = '';
         inputEl.style.height = inputEl.scrollHeight + 'px';
-
         if (parseFloat(inputEl.style.height) >= parseFloat(inputEl.style.maxHeight)) {
           inputEl.style.overflowY = 'scroll';
           inputEl.style.height = inputEl.style.maxHeight;
         } else {
           inputEl.style.overflow = 'hidden';
         }
-
         cachedScrollHeight.current = inputEl.scrollHeight;
       }
     }
   };
-
   var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React.useMemo(function () {
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
@@ -232,130 +236,108 @@ InputTextarea.defaultProps = {
 };
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      overlayVisibleState = _React$useState2[0],
-      setOverlayVisibleState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    overlayVisibleState = _React$useState2[0],
+    setOverlayVisibleState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      focusedState = _React$useState4[0],
-      setFocusedState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focusedState = _React$useState4[0],
+    setFocusedState = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      searchingState = _React$useState6[0],
-      setSearchingState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    searchingState = _React$useState6[0],
+    setSearchingState = _React$useState6[1];
   var _React$useState7 = React.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      triggerState = _React$useState8[0],
-      setTriggerState = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    triggerState = _React$useState8[0],
+    setTriggerState = _React$useState8[1];
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var inputRef = React.useRef(props.inputRef);
   var listRef = React.useRef(null);
   var timeout = React.useRef(null);
-
   var _useOverlayListener = useOverlayListener({
-    target: elementRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var valid = _ref.valid;
-      valid && hide();
-    },
-    when: overlayVisibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+      target: elementRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var valid = _ref.valid;
+        valid && hide();
+      },
+      when: overlayVisibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var show = function show() {
     setOverlayVisibleState(true);
   };
-
   var hide = function hide() {
     setOverlayVisibleState(false);
     setSearchingState(false);
     setTriggerState(null);
   };
-
   var onOverlayEnter = function onOverlayEnter() {
     ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     alignOverlay();
   };
-
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
       DomHandler.addClass(listRef.current.firstChild, 'p-highlight');
     }
   };
-
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
   };
-
   var onOverlayExit = function onOverlayExit() {
     unbindOverlayListener();
   };
-
   var onOverlayExited = function onOverlayExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var alignOverlay = function alignOverlay() {
     var key = triggerState.key,
-        index = triggerState.index;
+      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', {
       originalEvent: event,
       target: elementRef.current
     });
   };
-
   var getTrigger = function getTrigger(value, key, start) {
     if (!triggerState) {
       var triggerKey = Array.isArray(props.trigger) ? props.trigger.find(function (t) {
         return t === key;
       }) : props.trigger === key ? props.trigger : null;
-
       if (triggerKey) {
         return {
           key: triggerKey,
           index: start
         };
       }
-
       var latestSpaceIndex = value.substring(0, start).lastIndexOf(' ');
       var latestTrigger = getLatestTrigger(value, start);
-
       if (latestTrigger.index > latestSpaceIndex) {
         return latestTrigger;
       }
     }
-
     return triggerState;
   };
-
   var getLatestTrigger = function getLatestTrigger(value, start) {
     if (Array.isArray(props.trigger)) {
       var latestTrigger = {};
       props.trigger.forEach(function (t) {
         var index = value.substring(0, start).lastIndexOf(t);
-
         if (index !== -1 && (index > latestTrigger.index || !latestTrigger.index)) {
           latestTrigger = {
             key: t,
@@ -365,31 +347,25 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       });
       return latestTrigger;
     }
-
     var index = value.substring(0, start).lastIndexOf(props.trigger);
     return {
       key: props.trigger,
       index: index !== -1 ? index + 1 : -1
     };
   };
-
   var onSearch = function onSearch(event) {
     if (timeout.current) {
       clearTimeout(timeout.current);
     }
-
     var _event$target = event.target,
-        value = _event$target.value,
-        selectionStart = _event$target.selectionStart;
+      value = _event$target.value,
+      selectionStart = _event$target.selectionStart;
     var key = value.substring(selectionStart - 1, selectionStart);
-
     if (key === ' ') {
       hide();
       return;
     }
-
     var currentTrigger = getTrigger(value, key, selectionStart);
-
     if (currentTrigger && currentTrigger.index > -1) {
       var query = value.substring(currentTrigger.index, selectionStart);
       timeout.current = setTimeout(function () {
@@ -397,7 +373,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       }, props.delay);
     }
   };
-
   var search = function search(event, query, trigger) {
     if (props.onSearch) {
       setSearchingState(true);
@@ -409,29 +384,24 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       });
     }
   };
-
   var selectItem = function selectItem(event, suggestion) {
     var value = inputRef.current.value;
     var selectionStart = event.target.selectionStart;
     var spaceIndex = value.indexOf(' ', triggerState.index);
     var currentText = value.substring(triggerState.index, spaceIndex > -1 ? spaceIndex : selectionStart);
     var selectedText = formatValue(suggestion).replace(/\s+/g, '');
-
     if (currentText.trim() !== selectedText) {
       var diff = 0;
-
       while (diff < selectedText.length) {
         var s_c = selectedText.charAt(diff);
         var c_c = currentText.charAt(diff);
         if (s_c === c_c || c_c === ' ') diff++;else break;
       }
-
       var prevText = value.substring(0, triggerState.index);
       var nextText = value.substring(triggerState.index + diff);
       inputRef.current.value = "".concat(prevText).concat(selectedText, " ").concat(nextText);
       props.onChange && props.onChange(event);
     }
-
     var cursorStart = triggerState.index + selectedText.length + 1;
     inputRef.current.setSelectionRange(cursorStart, cursorStart);
     hide();
@@ -440,7 +410,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       suggestion: suggestion
     });
   };
-
   var formatValue = function formatValue(value) {
     if (value) {
       var field = Array.isArray(props.field) ? props.field[props.trigger.findIndex(function (f) {
@@ -448,51 +417,41 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       })] : props.field;
       return field ? ObjectUtils.resolveFieldData(value, field) : value;
     }
-
     return '';
   };
-
   var onItemClick = function onItemClick(event, suggestion) {
     DomHandler.focus(inputRef.current);
     selectItem(event, suggestion);
   };
-
   var onFocus = function onFocus(event) {
     setFocusedState(true);
     props.onFocus && props.onFocus(event);
   };
-
   var onBlur = function onBlur(event) {
     setFocusedState(false);
     props.onBlur && props.onBlur(event);
   };
-
   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 onKeyUp = function onKeyUp(event) {
     if (event.which === 37 || event.which === 39) {
       onSearch(event);
     }
   };
-
   var onChange = function onChange(event) {
     props.onChange && props.onChange(event);
     onSearch(event);
   };
-
   var onKeyDown = function onKeyDown(event) {
     if (overlayVisibleState) {
       var highlightItem = DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
-
       switch (event.which) {
         //down
         case 40:
           if (highlightItem) {
             var nextElement = highlightItem.nextElementSibling;
-
             if (nextElement) {
               DomHandler.addClass(nextElement, 'p-highlight');
               DomHandler.removeClass(highlightItem, 'p-highlight');
@@ -500,53 +459,46 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
             }
           } else {
             highlightItem = DomHandler.findSingle(overlayRef.current, 'li');
-
             if (highlightItem) {
               DomHandler.addClass(highlightItem, 'p-highlight');
             }
           }
-
           event.preventDefault();
           break;
-        //up
 
+        //up
         case 38:
           if (highlightItem) {
             var previousElement = highlightItem.previousElementSibling;
-
             if (previousElement) {
               DomHandler.addClass(previousElement, 'p-highlight');
               DomHandler.removeClass(highlightItem, 'p-highlight');
               DomHandler.scrollInView(overlayRef.current, previousElement);
             }
           }
-
           event.preventDefault();
           break;
-        //backspace
 
+        //backspace
         case 8:
           var _event$target2 = event.target,
-              value = _event$target2.value,
-              selectionStart = _event$target2.selectionStart;
+            value = _event$target2.value,
+            selectionStart = _event$target2.selectionStart;
           var key = value.substring(selectionStart - 1, selectionStart);
-
           if (key === triggerState.key) {
             hide();
           }
-
           break;
-        //enter
 
+        //enter
         case 13:
           if (highlightItem) {
             selectItem(event, props.suggestions[DomHandler.index(highlightItem)]);
           }
-
           event.preventDefault();
           break;
-        //escape
 
+        //escape
         case 27:
           hide();
           event.preventDefault();
@@ -554,7 +506,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       }
     }
   };
-
   var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React.useMemo(function () {
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
@@ -564,6 +515,9 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       props: props,
       show: show,
       hide: hide,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -593,7 +547,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   useUnmountEffect(function () {
     ZIndexUtils.clear(overlayRef.current);
   });
-
   var createItem = function createItem(suggestion, index) {
     var key = index + '_item';
     var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, suggestion, {
@@ -608,7 +561,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       }
     }, content, /*#__PURE__*/React.createElement(Ripple, null));
   };
-
   var createList = function createList() {
     if (props.suggestions) {
       var items = props.suggestions.map(createItem);
@@ -617,17 +569,13 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         className: "p-mention-items"
       }, items);
     }
-
     return null;
   };
-
   var createPanel = function createPanel() {
     var panelClassName = classNames('p-mention-panel p-component', props.panelClassName);
-
     var panelStyle = _objectSpread({
       maxHeight: props.scrollHeight
     }, props.panelStyle);
-
     var header = ObjectUtils.getJSXElement(props.headerTemplate, props);
     var footer = ObjectUtils.getJSXElement(props.footerTemplate, props);
     var list = createList();
@@ -657,7 +605,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       appendTo: "self"
     });
   };
-
   var className = classNames('p-mention p-component p-inputwrapper', {
     'p-inputwrapper-filled': isFilled,
     'p-inputwrapper-focus': focusedState

package/mention/mention.esm.min.js

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