primereact 8.7.1 → 8.7.3

package/mention/mention.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.mention = (function (exports, React, PrimeReact, csstransition, hooks, tooltip, utils, overlayservice, portal, ripple) {
+this.primereact.mention = (function (exports, React, PrimeReact, csstransition, hooks, keyfilter, tooltip, utils, overlayservice, portal, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -29,20 +29,45 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
     _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,
@@ -53,7 +78,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -62,42 +86,40 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
   }
 
   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;
   }
 
@@ -121,66 +143,64 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
   var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(ref);
     var cachedScrollHeight = React__namespace.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.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
+      }
+    };
+    var onPaste = function onPaste(event) {
+      props.onPaste && props.onPaste(event);
+      if (props.keyfilter) {
+        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;
       utils.ObjectUtils.isNotEmpty(target.value) ? utils.DomHandler.addClass(target, 'p-filled') : utils.DomHandler.removeClass(target, 'p-filled');
     };
-
     var resize = function resize(initial) {
       var inputEl = elementRef.current;
-
       if (inputEl && utils.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__namespace.useMemo(function () {
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
@@ -207,7 +227,9 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyUp: onKeyUp,
-      onInput: onInput
+      onKeyDown: onKeyDown,
+      onInput: onInput,
+      onPaste: onPaste
     })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
@@ -217,136 +239,121 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
   InputTextarea.defaultProps = {
     __TYPE: 'InputTextarea',
     autoResize: false,
+    keyfilter: null,
+    onBlur: null,
+    onFocus: null,
+    onInput: null,
+    onKeyDown: null,
+    onKeyUp: null,
+    onPaste: null,
     tooltip: null,
     tooltipOptions: null,
-    onInput: null
+    validateOnly: false
   };
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
     var listRef = React__namespace.useRef(null);
     var timeout = React__namespace.useRef(null);
-
     var _useOverlayListener = hooks.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() {
       utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
     };
-
     var onOverlayEntering = function onOverlayEntering() {
       if (props.autoHighlight && props.suggestions && props.suggestions.length) {
         utils.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() {
       utils.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 = 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', {
         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,
@@ -356,31 +363,25 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         });
         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 () {
@@ -388,7 +389,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         }, props.delay);
       }
     };
-
     var search = function search(event, query, trigger) {
       if (props.onSearch) {
         setSearchingState(true);
@@ -400,29 +400,24 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         });
       }
     };
-
     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();
@@ -431,7 +426,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         suggestion: suggestion
       });
     };
-
     var formatValue = function formatValue(value) {
       if (value) {
         var field = Array.isArray(props.field) ? props.field[props.trigger.findIndex(function (f) {
@@ -439,51 +433,41 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         })] : props.field;
         return field ? utils.ObjectUtils.resolveFieldData(value, field) : value;
       }
-
       return '';
     };
-
     var onItemClick = function onItemClick(event, suggestion) {
       utils.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) 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) {
         onSearch(event);
       }
     };
-
     var onChange = function onChange(event) {
       props.onChange && props.onChange(event);
       onSearch(event);
     };
-
     var onKeyDown = function onKeyDown(event) {
       if (overlayVisibleState) {
         var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li.p-highlight');
-
         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');
@@ -491,53 +475,46 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
               }
             } else {
               highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li');
-
               if (highlightItem) {
                 utils.DomHandler.addClass(highlightItem, 'p-highlight');
               }
             }
-
             event.preventDefault();
             break;
-          //up
 
+          //up
           case 38:
             if (highlightItem) {
               var previousElement = highlightItem.previousElementSibling;
-
               if (previousElement) {
                 utils.DomHandler.addClass(previousElement, 'p-highlight');
                 utils.DomHandler.removeClass(highlightItem, 'p-highlight');
                 utils.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[utils.DomHandler.index(highlightItem)]);
             }
-
             event.preventDefault();
             break;
-          //escape
 
+          //escape
           case 27:
             hide();
             event.preventDefault();
@@ -545,7 +522,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         }
       }
     };
-
     var currentValue = inputRef.current && inputRef.current.value;
     var isFilled = React__namespace.useMemo(function () {
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
@@ -584,7 +560,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(overlayRef.current);
     });
-
     var createItem = function createItem(suggestion, index) {
       var key = index + '_item';
       var content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, suggestion, {
@@ -599,7 +574,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         }
       }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
-
     var createList = function createList() {
       if (props.suggestions) {
         var items = props.suggestions.map(createItem);
@@ -608,17 +582,13 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
           className: "p-mention-items"
         }, items);
       }
-
       return null;
     };
-
     var createPanel = function createPanel() {
       var panelClassName = utils.classNames('p-mention-panel p-component', props.panelClassName);
-
       var panelStyle = _objectSpread({
         maxHeight: props.scrollHeight
       }, props.panelStyle);
-
       var header = utils.ObjectUtils.getJSXElement(props.headerTemplate, props);
       var footer = utils.ObjectUtils.getJSXElement(props.footerTemplate, props);
       var list = createList();
@@ -648,7 +618,6 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
         appendTo: "self"
       });
     };
-
     var className = utils.classNames('p-mention p-component p-inputwrapper', {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState
@@ -713,4 +682,4 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.tooltip, primereact.utils, primereact.overlayservice, primereact.portal, primereact.ripple);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.keyfilter, primereact.tooltip, primereact.utils, primereact.overlayservice, primereact.portal, primereact.ripple);