primereact 7.0.0-rc.1 → 7.1.0

package/mention/mention.cjs.js

@@ -3,11 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
+var overlayservice = require('primereact/overlayservice');
+var csstransition = require('primereact/csstransition');
+var portal = require('primereact/portal');
+var tooltip = require('primereact/tooltip');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -196,7 +203,7 @@ var InputTextareaComponent = /*#__PURE__*/function (_Component) {
         this.resize();
       }
 
-      if (e.target.value.length > 0) core.DomHandler.addClass(e.target, 'p-filled');else core.DomHandler.removeClass(e.target, 'p-filled');
+      if (e.target.value.length > 0) utils.DomHandler.addClass(e.target, 'p-filled');else utils.DomHandler.removeClass(e.target, 'p-filled');
 
       if (this.props.onInput) {
         this.props.onInput(e);
@@ -207,7 +214,7 @@ var InputTextareaComponent = /*#__PURE__*/function (_Component) {
     value: function resize(initial) {
       var inputEl = this.elementRef && this.elementRef.current;
 
-      if (inputEl && core.DomHandler.isVisible(inputEl)) {
+      if (inputEl && utils.DomHandler.isVisible(inputEl)) {
         if (!this.cachedScrollHeight) {
           this.cachedScrollHeight = inputEl.scrollHeight;
           inputEl.style.overflow = "hidden";
@@ -283,7 +290,7 @@ var InputTextareaComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.elementRef.current,
         content: this.props.tooltip,
         options: this.props.tooltipOptions
@@ -292,13 +299,13 @@ var InputTextareaComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-inputtextarea p-inputtext p-component', {
+      var className = utils.classNames('p-inputtextarea p-inputtext p-component', {
         'p-disabled': this.props.disabled,
         'p-filled': this.isFilled(),
         'p-inputtextarea-resizable': this.props.autoResize
       }, this.props.className);
-      var textareaProps = core.ObjectUtils.findDiffKeys(this.props, InputTextareaComponent.defaultProps);
-      return /*#__PURE__*/React__default['default'].createElement("textarea", _extends({
+      var textareaProps = utils.ObjectUtils.findDiffKeys(this.props, InputTextareaComponent.defaultProps);
+      return /*#__PURE__*/React__default["default"].createElement("textarea", _extends({
         ref: this.elementRef
       }, textareaProps, {
         className: className,
@@ -321,8 +328,8 @@ _defineProperty(InputTextareaComponent, "defaultProps", {
   forwardRef: null
 });
 
-var InputTextarea = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(InputTextareaComponent, _extends({
+var InputTextarea = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(InputTextareaComponent, _extends({
     forwardRef: ref
   }, props));
 });
@@ -387,14 +394,14 @@ var Mention = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      core.ZIndexUtils.set('overlay', this.overlayRef.current);
+      utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
     key: "onOverlayEntering",
     value: function onOverlayEntering() {
       if (this.props.autoHighlight && this.props.suggestions && this.props.suggestions.length) {
-        core.DomHandler.addClass(this.list.firstChild, 'p-highlight');
+        utils.DomHandler.addClass(this.list.firstChild, 'p-highlight');
       }
     }
   }, {
@@ -415,7 +422,7 @@ var Mention = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayExited",
     value: function onOverlayExited() {
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
       this.props.onHide && this.props.onHide();
     }
   }, {
@@ -425,7 +432,7 @@ var Mention = /*#__PURE__*/function (_Component) {
           key = _this$state$trigger.key,
           index = _this$state$trigger.index;
       var value = this.inputRef.current.value;
-      var position = core.DomHandler.getCursorOffset(this.inputRef.current, value.substring(0, index - 1), value.substring(index), key);
+      var position = utils.DomHandler.getCursorOffset(this.inputRef.current, value.substring(0, index - 1), value.substring(index), key);
       this.overlayRef.current.style.transformOrigin = 'top';
       this.overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
       this.overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
@@ -433,7 +440,7 @@ var Mention = /*#__PURE__*/function (_Component) {
   }, {
     key: "onPanelClick",
     value: function onPanelClick(event) {
-      core.OverlayService.emit('overlay-click', {
+      overlayservice.OverlayService.emit('overlay-click', {
         originalEvent: event,
         target: this.container
       });
@@ -572,7 +579,7 @@ var Mention = /*#__PURE__*/function (_Component) {
         var field = Array.isArray(this.props.field) ? this.props.field[this.props.trigger.findIndex(function (f) {
           return f === _this3.state.trigger.key;
         })] : this.props.field;
-        return field ? core.ObjectUtils.resolveFieldData(value, field) : value;
+        return field ? utils.ObjectUtils.resolveFieldData(value, field) : value;
       }
 
       return '';
@@ -611,7 +618,7 @@ var Mention = /*#__PURE__*/function (_Component) {
     key: "onInput",
     value: function onInput(event) {
       this.props.onInput && this.props.onInput(event);
-      if (event.target.value.length > 0) core.DomHandler.addClass(this.container, 'p-inputwrapper-filled');else core.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
+      if (event.target.value.length > 0) utils.DomHandler.addClass(this.container, 'p-inputwrapper-filled');else utils.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
     }
   }, {
     key: "onKeyUp",
@@ -630,7 +637,7 @@ var Mention = /*#__PURE__*/function (_Component) {
     key: "onKeyDown",
     value: function onKeyDown(event) {
       if (this.state.overlayVisible) {
-        var highlightItem = core.DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');
+        var highlightItem = utils.DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');
 
         switch (event.which) {
           //down
@@ -639,15 +646,15 @@ var Mention = /*#__PURE__*/function (_Component) {
               var nextElement = highlightItem.nextElementSibling;
 
               if (nextElement) {
-                core.DomHandler.addClass(nextElement, 'p-highlight');
-                core.DomHandler.removeClass(highlightItem, 'p-highlight');
-                core.DomHandler.scrollInView(this.overlayRef.current, nextElement);
+                utils.DomHandler.addClass(nextElement, 'p-highlight');
+                utils.DomHandler.removeClass(highlightItem, 'p-highlight');
+                utils.DomHandler.scrollInView(this.overlayRef.current, nextElement);
               }
             } else {
-              highlightItem = core.DomHandler.findSingle(this.overlayRef.current, 'li');
+              highlightItem = utils.DomHandler.findSingle(this.overlayRef.current, 'li');
 
               if (highlightItem) {
-                core.DomHandler.addClass(highlightItem, 'p-highlight');
+                utils.DomHandler.addClass(highlightItem, 'p-highlight');
               }
             }
 
@@ -660,9 +667,9 @@ var Mention = /*#__PURE__*/function (_Component) {
               var previousElement = highlightItem.previousElementSibling;
 
               if (previousElement) {
-                core.DomHandler.addClass(previousElement, 'p-highlight');
-                core.DomHandler.removeClass(highlightItem, 'p-highlight');
-                core.DomHandler.scrollInView(this.overlayRef.current, previousElement);
+                utils.DomHandler.addClass(previousElement, 'p-highlight');
+                utils.DomHandler.removeClass(highlightItem, 'p-highlight');
+                utils.DomHandler.scrollInView(this.overlayRef.current, previousElement);
               }
             }
 
@@ -685,7 +692,7 @@ var Mention = /*#__PURE__*/function (_Component) {
 
           case 13:
             if (highlightItem) {
-              this.selectItem(event, this.props.suggestions[core.DomHandler.index(highlightItem)]);
+              this.selectItem(event, this.props.suggestions[utils.DomHandler.index(highlightItem)]);
             }
 
             event.preventDefault();
@@ -733,7 +740,7 @@ var Mention = /*#__PURE__*/function (_Component) {
       var _this7 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.container, function () {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.container, function () {
           if (_this7.state.overlayVisible) {
             _this7.hideOverlay();
           }
@@ -756,7 +763,7 @@ var Mention = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this8.state.overlayVisible && !core.DomHandler.isAndroid()) {
+          if (_this8.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
             _this8.hideOverlay();
           }
         };
@@ -815,8 +822,8 @@ var Mention = /*#__PURE__*/function (_Component) {
         });
       }
 
-      if (!this.isFilled() && core.DomHandler.hasClass(this.container, 'p-inputwrapper-filled')) {
-        core.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
+      if (!this.isFilled() && utils.DomHandler.hasClass(this.container, 'p-inputwrapper-filled')) {
+        utils.DomHandler.removeClass(this.container, 'p-inputwrapper-filled');
       }
     }
   }, {
@@ -830,24 +837,24 @@ var Mention = /*#__PURE__*/function (_Component) {
         this.scrollHandler = null;
       }
 
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
     }
   }, {
     key: "renderItem",
     value: function renderItem(suggestion, index) {
       var _this9 = this;
 
-      var content = this.props.itemTemplate ? core.ObjectUtils.getJSXElement(this.props.itemTemplate, suggestion, {
+      var content = this.props.itemTemplate ? utils.ObjectUtils.getJSXElement(this.props.itemTemplate, suggestion, {
         trigger: this.state.trigger ? this.state.trigger.key : '',
         index: index
       }) : this.formatValue(suggestion);
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: index + '_item',
         className: "p-mention-item",
         onClick: function onClick(e) {
           return _this9.onItemClick(e, suggestion);
         }
-      }, content, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }, content, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
     }
   }, {
     key: "renderList",
@@ -858,7 +865,7 @@ var Mention = /*#__PURE__*/function (_Component) {
         var items = this.props.suggestions.map(function (suggestion, index) {
           return _this10.renderItem(suggestion, index);
         });
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             return _this10.list = el;
           },
@@ -871,16 +878,16 @@ var Mention = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPanel",
     value: function renderPanel() {
-      var panelClassName = core.classNames('p-mention-panel p-component', this.props.panelClassName);
+      var panelClassName = utils.classNames('p-mention-panel p-component', this.props.panelClassName);
 
       var panelStyle = _objectSpread({
         maxHeight: this.props.scrollHeight
       }, this.props.panelStyle);
 
-      var header = core.ObjectUtils.getJSXElement(this.props.headerTemplate, this.props);
-      var footer = core.ObjectUtils.getJSXElement(this.props.footerTemplate, this.props);
+      var header = utils.ObjectUtils.getJSXElement(this.props.headerTemplate, this.props);
+      var footer = utils.ObjectUtils.getJSXElement(this.props.footerTemplate, this.props);
       var list = this.renderList();
-      var panel = /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      var panel = /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.overlayRef,
         classNames: "p-connected-overlay",
         in: this.state.overlayVisible,
@@ -895,13 +902,13 @@ var Mention = /*#__PURE__*/function (_Component) {
         onEntered: this.onOverlayEntered,
         onExit: this.onOverlayExit,
         onExited: this.onOverlayExited
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.overlayRef,
         className: panelClassName,
         style: panelStyle,
         onClick: this.onPanelClick
       }, header, list, footer));
-      return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: panel,
         appendTo: "self"
       });
@@ -911,21 +918,21 @@ var Mention = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this11 = this;
 
-      var containerClassName = core.classNames('p-mention p-component p-inputwrapper', {
+      var containerClassName = utils.classNames('p-mention p-component p-inputwrapper', {
         'p-inputwrapper-filled': this.isFilled(),
         'p-inputwrapper-focus': this.state.focused
       }, this.props.className);
-      var inputClassName = core.classNames('p-mention-input', this.props.inputClassName);
-      var inputProps = core.ObjectUtils.findDiffKeys(this.props, Mention.defaultProps);
+      var inputClassName = utils.classNames('p-mention-input', this.props.inputClassName);
+      var inputProps = utils.ObjectUtils.findDiffKeys(this.props, Mention.defaultProps);
       var panel = this.renderPanel();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this11.container = el;
         },
         id: this.props.id,
         className: containerClassName,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement(InputTextarea, _extends({
+      }, /*#__PURE__*/React__default["default"].createElement(InputTextarea, _extends({
         ref: this.inputRef,
         id: this.props.inputId
       }, inputProps, {

package/mention/mention.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);function i(){return(i=Object.assign||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}).apply(this,arguments)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function c(e){return(c="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})(e)}function h(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function g(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m=function(n){p(d,e.Component);var s,u,c=(s=d,u=g(),function(){var e,t=f(s);if(u){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function d(t){var n;return o(this,d),(n=c.call(this,t)).onFocus=n.onFocus.bind(a(n)),n.onBlur=n.onBlur.bind(a(n)),n.onKeyUp=n.onKeyUp.bind(a(n)),n.onInput=n.onInput.bind(a(n)),n.elementRef=e.createRef(n.props.forwardRef),n}return l(d,[{key:"onFocus",value:function(e){this.props.autoResize&&this.resize(),this.props.onFocus&&this.props.onFocus(e)}},{key:"onBlur",value:function(e){this.props.autoResize&&this.resize(),this.props.onBlur&&this.props.onBlur(e)}},{key:"onKeyUp",value:function(e){this.props.autoResize&&this.resize(),this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e){this.props.autoResize&&this.resize(),e.target.value.length>0?t.DomHandler.addClass(e.target,"p-filled"):t.DomHandler.removeClass(e.target,"p-filled"),this.props.onInput&&this.props.onInput(e)}},{key:"resize",value:function(e){var n=this.elementRef&&this.elementRef.current;n&&t.DomHandler.isVisible(n)&&(this.cachedScrollHeight||(this.cachedScrollHeight=n.scrollHeight,n.style.overflow="hidden"),(this.cachedScrollHeight!==n.scrollHeight||e)&&(n.style.height="",n.style.height=n.scrollHeight+"px",parseFloat(n.style.height)>=parseFloat(n.style.maxHeight)?(n.style.overflowY="scroll",n.style.height=n.style.maxHeight):n.style.overflow="hidden",this.cachedScrollHeight=n.scrollHeight))}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.elementRef&&this.elementRef.current&&this.elementRef.current.value.toString().length>0}},{key:"updateForwardRef",value:function(){var e=this.props.forwardRef;e&&("function"==typeof e?e(this.elementRef.current):e.current=this.elementRef.current)}},{key:"componentDidMount",value:function(){this.updateForwardRef(),this.props.tooltip&&this.renderTooltip(),this.props.autoResize&&this.resize(!0)}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(v({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.props.autoResize&&this.resize(!0)}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=t.tip({target:this.elementRef.current,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"render",value:function(){var e=t.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":this.props.disabled,"p-filled":this.isFilled(),"p-inputtextarea-resizable":this.props.autoResize},this.props.className),n=t.ObjectUtils.findDiffKeys(this.props,d.defaultProps);return r.default.createElement("textarea",i({ref:this.elementRef},n,{className:e,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyUp,onInput:this.onInput}))}}]),d}();d(m,"defaultProps",{autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null,forwardRef:null});var b=r.default.forwardRef((function(e,t){return r.default.createElement(m,i({forwardRef:t},e))}));function O(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(n){p(d,e.Component);var s,u,c=(s=d,u=R(),function(){var e,t=f(s);if(u){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function d(t){var n;return o(this,d),(n=c.call(this,t)).state={overlayVisible:!1,focused:!1,searching:!1,trigger:null},n.onOverlayEnter=n.onOverlayEnter.bind(a(n)),n.onOverlayEntering=n.onOverlayEntering.bind(a(n)),n.onOverlayEntered=n.onOverlayEntered.bind(a(n)),n.onOverlayExit=n.onOverlayExit.bind(a(n)),n.onOverlayExited=n.onOverlayExited.bind(a(n)),n.onFocus=n.onFocus.bind(a(n)),n.onBlur=n.onBlur.bind(a(n)),n.onKeyDown=n.onKeyDown.bind(a(n)),n.onChange=n.onChange.bind(a(n)),n.onInput=n.onInput.bind(a(n)),n.onKeyUp=n.onKeyUp.bind(a(n)),n.onPanelClick=n.onPanelClick.bind(a(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return l(d,[{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1,trigger:null})}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&t.DomHandler.addClass(this.list.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){var e=this.state.trigger,n=e.key,r=e.index,i=this.inputRef.current.value,o=t.DomHandler.getCursorOffset(this.inputRef.current,i.substring(0,r-1),i.substring(r),n);this.overlayRef.current.style.transformOrigin="top",this.overlayRef.current.style.left="calc(".concat(o.left,"px + 1rem)"),this.overlayRef.current.style.top="calc(".concat(o.top,"px + 1.2rem)")}},{key:"onPanelClick",value:function(e){t.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"getTrigger",value:function(e,t,n){if(!this.state.trigger){var r=Array.isArray(this.props.trigger)?this.props.trigger.find((function(e){return e===t})):this.props.trigger===t?this.props.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=this.getLatestTrigger(e,n);if(o.index>i)return o}return this.state.trigger}},{key:"getLatestTrigger",value:function(e,t){if(Array.isArray(this.props.trigger)){var n={};return this.props.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(this.props.trigger);return{key:this.props.trigger,index:-1!==r?r+1:-1}}},{key:"onSearch",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target,r=n.value,i=n.selectionStart,o=r.substring(i-1,i);if(" "!==o){var s=this.getTrigger(r,o,i);if(s&&s.index>-1){var l=r.substring(s.index,i);this.timeout=setTimeout((function(){t.search(e,l,s)}),this.props.delay)}}else this.hideOverlay()}},{key:"search",value:function(e,t,n){this.props.onSearch&&(this.setState({searching:!0,trigger:n}),this.props.onSearch({originalEvent:e,trigger:n.key,query:t}))}},{key:"selectItem",value:function(e,t){var n=this.inputRef.current.value,r=e.target.selectionStart,i=this.state.trigger,o=n.indexOf(" ",i.index),s=n.substring(i.index,o>-1?o:r),l=this.formatValue(t).replace(/\s+/g,"");if(s.trim()!==l){for(var a=0;a<l.length;){var u=l.charAt(a),p=s.charAt(a);if(u!==p&&" "!==p)break;a++}var c=n.substring(0,i.index),h=n.substring(i.index+a);this.inputRef.current.value="".concat(c).concat(l," ").concat(h),this.props.onChange&&this.props.onChange(e)}var f=i.index+l.length+1;this.inputRef.current.setSelectionRange(f,f),this.hideOverlay(),this.props.onSelect&&this.props.onSelect({originalEvent:e,suggestion:t})}},{key:"formatValue",value:function(e){var n=this;if(e){var r=Array.isArray(this.props.field)?this.props.field[this.props.trigger.findIndex((function(e){return e===n.state.trigger.key}))]:this.props.field;return r?t.ObjectUtils.resolveFieldData(e,r):e}return""}},{key:"onItemClick",value:function(e,t){this.inputRef.current.focus(),this.selectItem(e,t)}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onInput",value:function(e){this.props.onInput&&this.props.onInput(e),e.target.value.length>0?t.DomHandler.addClass(this.container,"p-inputwrapper-filled"):t.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"onKeyUp",value:function(e){37!==e.which&&39!==e.which||this.onSearch(e)}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange(e),this.onSearch(e)}},{key:"onKeyDown",value:function(e){if(this.state.overlayVisible){var n=t.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(n){var r=n.nextElementSibling;r&&(t.DomHandler.addClass(r,"p-highlight"),t.DomHandler.removeClass(n,"p-highlight"),t.DomHandler.scrollInView(this.overlayRef.current,r))}else(n=t.DomHandler.findSingle(this.overlayRef.current,"li"))&&t.DomHandler.addClass(n,"p-highlight");e.preventDefault();break;case 38:if(n){var i=n.previousElementSibling;i&&(t.DomHandler.addClass(i,"p-highlight"),t.DomHandler.removeClass(n,"p-highlight"),t.DomHandler.scrollInView(this.overlayRef.current,i))}e.preventDefault();break;case 8:var o=e.target,s=o.selectionStart;o.value.substring(s-1,s)===this.state.trigger.key&&this.hideOverlay();break;case 13:n&&this.selectItem(e,this.props.suggestions[t.DomHandler.index(n)]),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault()}}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&this.inputRef.current.value.toString().length>0}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.state.overlayVisible&&this.alignOverlay(),this.setState({searching:!1})),!this.isFilled()&&t.DomHandler.hasClass(this.container,"p-inputwrapper-filled")&&t.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderItem",value:function(e,n){var i=this,o=this.props.itemTemplate?t.ObjectUtils.getJSXElement(this.props.itemTemplate,e,{trigger:this.state.trigger?this.state.trigger.key:"",index:n}):this.formatValue(e);return r.default.createElement("li",{key:n+"_item",className:"p-mention-item",onClick:function(t){return i.onItemClick(t,e)}},o,r.default.createElement(t.Ripple,null))}},{key:"renderList",value:function(){var e=this;if(this.props.suggestions){var t=this.props.suggestions.map((function(t,n){return e.renderItem(t,n)}));return r.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-mention-items"},t)}return null}},{key:"renderPanel",value:function(){var e=t.classNames("p-mention-panel p-component",this.props.panelClassName),n=k({maxHeight:this.props.scrollHeight},this.props.panelStyle),i=t.ObjectUtils.getJSXElement(this.props.headerTemplate,this.props),o=t.ObjectUtils.getJSXElement(this.props.footerTemplate,this.props),s=this.renderList();return r.default.createElement(t.Portal,{element:r.default.createElement(t.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},r.default.createElement("div",{ref:this.overlayRef,className:e,style:n,onClick:this.onPanelClick},i,s,o)),appendTo:"self"})}},{key:"render",value:function(){var e=this,n=t.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused},this.props.className),o=t.classNames("p-mention-input",this.props.inputClassName),s=t.ObjectUtils.findDiffKeys(this.props,d.defaultProps),l=this.renderPanel();return r.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:n,style:this.props.style},r.default.createElement(b,i({ref:this.inputRef,id:this.props.inputId},s,{className:o,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onKeyUp:this.onKeyUp,onChange:this.onChange})),l)}}]),d}();d(w,"defaultProps",{id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null}),exports.Mention=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple"),r=require("primereact/overlayservice"),i=require("primereact/csstransition"),o=require("primereact/portal"),s=require("primereact/tooltip"),l=require("primereact/api");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),p=a(l);function c(){return c=Object.assign||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},c.apply(this,arguments)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function m(e){return m="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},m(e)}function b(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},O(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(n){g(l,e.Component);var r,i,o=(r=l,i=S(),function(){var e,t=O(r);if(i){var n=O(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function l(t){var n;return h(this,l),(n=o.call(this,t)).onFocus=n.onFocus.bind(y(n)),n.onBlur=n.onBlur.bind(y(n)),n.onKeyUp=n.onKeyUp.bind(y(n)),n.onInput=n.onInput.bind(y(n)),n.elementRef=e.createRef(n.props.forwardRef),n}return d(l,[{key:"onFocus",value:function(e){this.props.autoResize&&this.resize(),this.props.onFocus&&this.props.onFocus(e)}},{key:"onBlur",value:function(e){this.props.autoResize&&this.resize(),this.props.onBlur&&this.props.onBlur(e)}},{key:"onKeyUp",value:function(e){this.props.autoResize&&this.resize(),this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e){this.props.autoResize&&this.resize(),e.target.value.length>0?t.DomHandler.addClass(e.target,"p-filled"):t.DomHandler.removeClass(e.target,"p-filled"),this.props.onInput&&this.props.onInput(e)}},{key:"resize",value:function(e){var n=this.elementRef&&this.elementRef.current;n&&t.DomHandler.isVisible(n)&&(this.cachedScrollHeight||(this.cachedScrollHeight=n.scrollHeight,n.style.overflow="hidden"),(this.cachedScrollHeight!==n.scrollHeight||e)&&(n.style.height="",n.style.height=n.scrollHeight+"px",parseFloat(n.style.height)>=parseFloat(n.style.maxHeight)?(n.style.overflowY="scroll",n.style.height=n.style.maxHeight):n.style.overflow="hidden",this.cachedScrollHeight=n.scrollHeight))}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.elementRef&&this.elementRef.current&&this.elementRef.current.value.toString().length>0}},{key:"updateForwardRef",value:function(){var e=this.props.forwardRef;e&&("function"==typeof e?e(this.elementRef.current):e.current=this.elementRef.current)}},{key:"componentDidMount",value:function(){this.updateForwardRef(),this.props.tooltip&&this.renderTooltip(),this.props.autoResize&&this.resize(!0)}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(w({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.props.autoResize&&this.resize(!0)}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=s.tip({target:this.elementRef.current,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"render",value:function(){var e=t.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":this.props.disabled,"p-filled":this.isFilled(),"p-inputtextarea-resizable":this.props.autoResize},this.props.className),n=t.ObjectUtils.findDiffKeys(this.props,l.defaultProps);return u.default.createElement("textarea",c({ref:this.elementRef},n,{className:e,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyUp,onInput:this.onInput}))}}]),l}();k(E,"defaultProps",{autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null,forwardRef:null});var x=u.default.forwardRef((function(e,t){return u.default.createElement(E,c({forwardRef:t},e))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var j=function(s){g(v,e.Component);var l,a,f=(l=v,a=H(),function(){var e,t=O(l);if(a){var n=O(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function v(t){var n;return h(this,v),(n=f.call(this,t)).state={overlayVisible:!1,focused:!1,searching:!1,trigger:null},n.onOverlayEnter=n.onOverlayEnter.bind(y(n)),n.onOverlayEntering=n.onOverlayEntering.bind(y(n)),n.onOverlayEntered=n.onOverlayEntered.bind(y(n)),n.onOverlayExit=n.onOverlayExit.bind(y(n)),n.onOverlayExited=n.onOverlayExited.bind(y(n)),n.onFocus=n.onFocus.bind(y(n)),n.onBlur=n.onBlur.bind(y(n)),n.onKeyDown=n.onKeyDown.bind(y(n)),n.onChange=n.onChange.bind(y(n)),n.onInput=n.onInput.bind(y(n)),n.onKeyUp=n.onKeyUp.bind(y(n)),n.onPanelClick=n.onPanelClick.bind(y(n)),n.overlayRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return d(v,[{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1,trigger:null})}},{key:"onOverlayEnter",value:function(){t.ZIndexUtils.set("overlay",this.overlayRef.current,p.default.autoZIndex,p.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&t.DomHandler.addClass(this.list.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){t.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){var e=this.state.trigger,n=e.key,r=e.index,i=this.inputRef.current.value,o=t.DomHandler.getCursorOffset(this.inputRef.current,i.substring(0,r-1),i.substring(r),n);this.overlayRef.current.style.transformOrigin="top",this.overlayRef.current.style.left="calc(".concat(o.left,"px + 1rem)"),this.overlayRef.current.style.top="calc(".concat(o.top,"px + 1.2rem)")}},{key:"onPanelClick",value:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"getTrigger",value:function(e,t,n){if(!this.state.trigger){var r=Array.isArray(this.props.trigger)?this.props.trigger.find((function(e){return e===t})):this.props.trigger===t?this.props.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=this.getLatestTrigger(e,n);if(o.index>i)return o}return this.state.trigger}},{key:"getLatestTrigger",value:function(e,t){if(Array.isArray(this.props.trigger)){var n={};return this.props.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(this.props.trigger);return{key:this.props.trigger,index:-1!==r?r+1:-1}}},{key:"onSearch",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target,r=n.value,i=n.selectionStart,o=r.substring(i-1,i);if(" "!==o){var s=this.getTrigger(r,o,i);if(s&&s.index>-1){var l=r.substring(s.index,i);this.timeout=setTimeout((function(){t.search(e,l,s)}),this.props.delay)}}else this.hideOverlay()}},{key:"search",value:function(e,t,n){this.props.onSearch&&(this.setState({searching:!0,trigger:n}),this.props.onSearch({originalEvent:e,trigger:n.key,query:t}))}},{key:"selectItem",value:function(e,t){var n=this.inputRef.current.value,r=e.target.selectionStart,i=this.state.trigger,o=n.indexOf(" ",i.index),s=n.substring(i.index,o>-1?o:r),l=this.formatValue(t).replace(/\s+/g,"");if(s.trim()!==l){for(var a=0;a<l.length;){var u=l.charAt(a),p=s.charAt(a);if(u!==p&&" "!==p)break;a++}var c=n.substring(0,i.index),h=n.substring(i.index+a);this.inputRef.current.value="".concat(c).concat(l," ").concat(h),this.props.onChange&&this.props.onChange(e)}var f=i.index+l.length+1;this.inputRef.current.setSelectionRange(f,f),this.hideOverlay(),this.props.onSelect&&this.props.onSelect({originalEvent:e,suggestion:t})}},{key:"formatValue",value:function(e){var n=this;if(e){var r=Array.isArray(this.props.field)?this.props.field[this.props.trigger.findIndex((function(e){return e===n.state.trigger.key}))]:this.props.field;return r?t.ObjectUtils.resolveFieldData(e,r):e}return""}},{key:"onItemClick",value:function(e,t){this.inputRef.current.focus(),this.selectItem(e,t)}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onInput",value:function(e){this.props.onInput&&this.props.onInput(e),e.target.value.length>0?t.DomHandler.addClass(this.container,"p-inputwrapper-filled"):t.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"onKeyUp",value:function(e){37!==e.which&&39!==e.which||this.onSearch(e)}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange(e),this.onSearch(e)}},{key:"onKeyDown",value:function(e){if(this.state.overlayVisible){var n=t.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(n){var r=n.nextElementSibling;r&&(t.DomHandler.addClass(r,"p-highlight"),t.DomHandler.removeClass(n,"p-highlight"),t.DomHandler.scrollInView(this.overlayRef.current,r))}else(n=t.DomHandler.findSingle(this.overlayRef.current,"li"))&&t.DomHandler.addClass(n,"p-highlight");e.preventDefault();break;case 38:if(n){var i=n.previousElementSibling;i&&(t.DomHandler.addClass(i,"p-highlight"),t.DomHandler.removeClass(n,"p-highlight"),t.DomHandler.scrollInView(this.overlayRef.current,i))}e.preventDefault();break;case 8:var o=e.target,s=o.selectionStart;o.value.substring(s-1,s)===this.state.trigger.key&&this.hideOverlay();break;case 13:n&&this.selectItem(e,this.props.suggestions[t.DomHandler.index(n)]),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault()}}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new t.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!t.DomHandler.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&this.inputRef.current.value.toString().length>0}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.state.overlayVisible&&this.alignOverlay(),this.setState({searching:!1})),!this.isFilled()&&t.DomHandler.hasClass(this.container,"p-inputwrapper-filled")&&t.DomHandler.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),t.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderItem",value:function(e,r){var i=this,o=this.props.itemTemplate?t.ObjectUtils.getJSXElement(this.props.itemTemplate,e,{trigger:this.state.trigger?this.state.trigger.key:"",index:r}):this.formatValue(e);return u.default.createElement("li",{key:r+"_item",className:"p-mention-item",onClick:function(t){return i.onItemClick(t,e)}},o,u.default.createElement(n.Ripple,null))}},{key:"renderList",value:function(){var e=this;if(this.props.suggestions){var t=this.props.suggestions.map((function(t,n){return e.renderItem(t,n)}));return u.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-mention-items"},t)}return null}},{key:"renderPanel",value:function(){var e=t.classNames("p-mention-panel p-component",this.props.panelClassName),n=D({maxHeight:this.props.scrollHeight},this.props.panelStyle),r=t.ObjectUtils.getJSXElement(this.props.headerTemplate,this.props),s=t.ObjectUtils.getJSXElement(this.props.footerTemplate,this.props),l=this.renderList();return u.default.createElement(o.Portal,{element:u.default.createElement(i.CSSTransition,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},u.default.createElement("div",{ref:this.overlayRef,className:e,style:n,onClick:this.onPanelClick},r,l,s)),appendTo:"self"})}},{key:"render",value:function(){var e=this,n=t.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused},this.props.className),r=t.classNames("p-mention-input",this.props.inputClassName),i=t.ObjectUtils.findDiffKeys(this.props,v.defaultProps),o=this.renderPanel();return u.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:n,style:this.props.style},u.default.createElement(x,c({ref:this.inputRef,id:this.props.inputId},i,{className:r,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onKeyUp:this.onKeyUp,onChange:this.onChange})),o)}}]),v}();k(j,"defaultProps",{id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null}),exports.Mention=j;

package/mention/mention.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
 
 type MentionTriggerType = string | string[];
 
@@ -45,7 +46,7 @@ export interface MentionProps {
     headerTemplate?: MentionHeaderTemplateType;
     footerTemplate?: MentionFooterTemplateType;
     itemTemplate?: MentionItemTemplateType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onChange?(event: React.FormEvent<HTMLInputElement>): void;
     onInput?(event: React.FormEvent<HTMLInputElement>): void;
     onSearch?(e: MentionSearchParams): void;

package/mention/mention.esm.js

@@ -1,5 +1,11 @@
 import React, { createRef, Component } from 'react';
-import { DomHandler, tip, classNames, ObjectUtils, ZIndexUtils, OverlayService, ConnectedOverlayScrollHandler, Ripple, CSSTransition, Portal } from 'primereact/core';
+import { DomHandler, classNames, ObjectUtils, ZIndexUtils, ConnectedOverlayScrollHandler } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
+import { OverlayService } from 'primereact/overlayservice';
+import { CSSTransition } from 'primereact/csstransition';
+import { Portal } from 'primereact/portal';
+import { tip } from 'primereact/tooltip';
+import PrimeReact from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -379,7 +385,7 @@ var Mention = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -748,7 +754,7 @@ var Mention = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this8.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this8.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this8.hideOverlay();
           }
         };

package/mention/mention.esm.min.js

@@ -1 +1 @@
-import e,{createRef as t,Component as n}from"react";import{DomHandler as i,tip as r,classNames as s,ObjectUtils as o,ZIndexUtils as l,OverlayService as u,ConnectedOverlayScrollHandler as a,Ripple as p,CSSTransition as c,Portal as h}from"primereact/core";function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function v(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function b(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function O(e){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,t){if(t&&("object"===O(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}function R(e){return(R=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function E(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){w(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}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(l){b(c,n);var u,a,p=(u=c,a=C(),function(){var e,t=R(u);if(a){var n=R(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return k(this,e)});function c(e){var n;return y(this,c),(n=p.call(this,e)).onFocus=n.onFocus.bind(g(n)),n.onBlur=n.onBlur.bind(g(n)),n.onKeyUp=n.onKeyUp.bind(g(n)),n.onInput=n.onInput.bind(g(n)),n.elementRef=t(n.props.forwardRef),n}return v(c,[{key:"onFocus",value:function(e){this.props.autoResize&&this.resize(),this.props.onFocus&&this.props.onFocus(e)}},{key:"onBlur",value:function(e){this.props.autoResize&&this.resize(),this.props.onBlur&&this.props.onBlur(e)}},{key:"onKeyUp",value:function(e){this.props.autoResize&&this.resize(),this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e){this.props.autoResize&&this.resize(),e.target.value.length>0?i.addClass(e.target,"p-filled"):i.removeClass(e.target,"p-filled"),this.props.onInput&&this.props.onInput(e)}},{key:"resize",value:function(e){var t=this.elementRef&&this.elementRef.current;t&&i.isVisible(t)&&(this.cachedScrollHeight||(this.cachedScrollHeight=t.scrollHeight,t.style.overflow="hidden"),(this.cachedScrollHeight!==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",this.cachedScrollHeight=t.scrollHeight))}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.elementRef&&this.elementRef.current&&this.elementRef.current.value.toString().length>0}},{key:"updateForwardRef",value:function(){var e=this.props.forwardRef;e&&("function"==typeof e?e(this.elementRef.current):e.current=this.elementRef.current)}},{key:"componentDidMount",value:function(){this.updateForwardRef(),this.props.tooltip&&this.renderTooltip(),this.props.autoResize&&this.resize(!0)}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(E({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.props.autoResize&&this.resize(!0)}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=r({target:this.elementRef.current,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"render",value:function(){var t=s("p-inputtextarea p-inputtext p-component",{"p-disabled":this.props.disabled,"p-filled":this.isFilled(),"p-inputtextarea-resizable":this.props.autoResize},this.props.className),n=o.findDiffKeys(this.props,c.defaultProps);return e.createElement("textarea",f({ref:this.elementRef},n,{className:t,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyUp,onInput:this.onInput}))}}]),c}();w(x,"defaultProps",{autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null,forwardRef:null});var L=e.forwardRef((function(t,n){return e.createElement(x,f({forwardRef:n},t))}));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(r){b(w,n);var d,m,O=(d=w,m=I(),function(){var e,t=R(d);if(m){var n=R(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return k(this,e)});function w(e){var n;return y(this,w),(n=O.call(this,e)).state={overlayVisible:!1,focused:!1,searching:!1,trigger:null},n.onOverlayEnter=n.onOverlayEnter.bind(g(n)),n.onOverlayEntering=n.onOverlayEntering.bind(g(n)),n.onOverlayEntered=n.onOverlayEntered.bind(g(n)),n.onOverlayExit=n.onOverlayExit.bind(g(n)),n.onOverlayExited=n.onOverlayExited.bind(g(n)),n.onFocus=n.onFocus.bind(g(n)),n.onBlur=n.onBlur.bind(g(n)),n.onKeyDown=n.onKeyDown.bind(g(n)),n.onChange=n.onChange.bind(g(n)),n.onInput=n.onInput.bind(g(n)),n.onKeyUp=n.onKeyUp.bind(g(n)),n.onPanelClick=n.onPanelClick.bind(g(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n}return v(w,[{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1,trigger:null})}},{key:"onOverlayEnter",value:function(){l.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&i.addClass(this.list.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){l.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){var e=this.state.trigger,t=e.key,n=e.index,r=this.inputRef.current.value,s=i.getCursorOffset(this.inputRef.current,r.substring(0,n-1),r.substring(n),t);this.overlayRef.current.style.transformOrigin="top",this.overlayRef.current.style.left="calc(".concat(s.left,"px + 1rem)"),this.overlayRef.current.style.top="calc(".concat(s.top,"px + 1.2rem)")}},{key:"onPanelClick",value:function(e){u.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"getTrigger",value:function(e,t,n){if(!this.state.trigger){var i=Array.isArray(this.props.trigger)?this.props.trigger.find((function(e){return e===t})):this.props.trigger===t?this.props.trigger:null;if(i)return{key:i,index:n};var r=e.substring(0,n).lastIndexOf(" "),s=this.getLatestTrigger(e,n);if(s.index>r)return s}return this.state.trigger}},{key:"getLatestTrigger",value:function(e,t){if(Array.isArray(this.props.trigger)){var n={};return this.props.trigger.forEach((function(i){var r=e.substring(0,t).lastIndexOf(i);-1!==r&&(r>n.index||!n.index)&&(n={key:i,index:-1!==r?r+1:-1})})),n}var i=e.substring(0,t).lastIndexOf(this.props.trigger);return{key:this.props.trigger,index:-1!==i?i+1:-1}}},{key:"onSearch",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target,i=n.value,r=n.selectionStart,s=i.substring(r-1,r);if(" "!==s){var o=this.getTrigger(i,s,r);if(o&&o.index>-1){var l=i.substring(o.index,r);this.timeout=setTimeout((function(){t.search(e,l,o)}),this.props.delay)}}else this.hideOverlay()}},{key:"search",value:function(e,t,n){this.props.onSearch&&(this.setState({searching:!0,trigger:n}),this.props.onSearch({originalEvent:e,trigger:n.key,query:t}))}},{key:"selectItem",value:function(e,t){var n=this.inputRef.current.value,i=e.target.selectionStart,r=this.state.trigger,s=n.indexOf(" ",r.index),o=n.substring(r.index,s>-1?s:i),l=this.formatValue(t).replace(/\s+/g,"");if(o.trim()!==l){for(var u=0;u<l.length;){var a=l.charAt(u),p=o.charAt(u);if(a!==p&&" "!==p)break;u++}var c=n.substring(0,r.index),h=n.substring(r.index+u);this.inputRef.current.value="".concat(c).concat(l," ").concat(h),this.props.onChange&&this.props.onChange(e)}var f=r.index+l.length+1;this.inputRef.current.setSelectionRange(f,f),this.hideOverlay(),this.props.onSelect&&this.props.onSelect({originalEvent:e,suggestion:t})}},{key:"formatValue",value:function(e){var t=this;if(e){var n=Array.isArray(this.props.field)?this.props.field[this.props.trigger.findIndex((function(e){return e===t.state.trigger.key}))]:this.props.field;return n?o.resolveFieldData(e,n):e}return""}},{key:"onItemClick",value:function(e,t){this.inputRef.current.focus(),this.selectItem(e,t)}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onInput",value:function(e){this.props.onInput&&this.props.onInput(e),e.target.value.length>0?i.addClass(this.container,"p-inputwrapper-filled"):i.removeClass(this.container,"p-inputwrapper-filled")}},{key:"onKeyUp",value:function(e){37!==e.which&&39!==e.which||this.onSearch(e)}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange(e),this.onSearch(e)}},{key:"onKeyDown",value:function(e){if(this.state.overlayVisible){var t=i.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(i.addClass(n,"p-highlight"),i.removeClass(t,"p-highlight"),i.scrollInView(this.overlayRef.current,n))}else(t=i.findSingle(this.overlayRef.current,"li"))&&i.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(i.addClass(r,"p-highlight"),i.removeClass(t,"p-highlight"),i.scrollInView(this.overlayRef.current,r))}e.preventDefault();break;case 8:var s=e.target,o=s.selectionStart;s.value.substring(o-1,o)===this.state.trigger.key&&this.hideOverlay();break;case 13:t&&this.selectItem(e,this.props.suggestions[i.index(t)]),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault()}}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new a(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!i.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&this.inputRef.current.value.toString().length>0}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.state.overlayVisible&&this.alignOverlay(),this.setState({searching:!1})),!this.isFilled()&&i.hasClass(this.container,"p-inputwrapper-filled")&&i.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),l.clear(this.overlayRef.current)}},{key:"renderItem",value:function(t,n){var i=this,r=this.props.itemTemplate?o.getJSXElement(this.props.itemTemplate,t,{trigger:this.state.trigger?this.state.trigger.key:"",index:n}):this.formatValue(t);return e.createElement("li",{key:n+"_item",className:"p-mention-item",onClick:function(e){return i.onItemClick(e,t)}},r,e.createElement(p,null))}},{key:"renderList",value:function(){var t=this;if(this.props.suggestions){var n=this.props.suggestions.map((function(e,n){return t.renderItem(e,n)}));return e.createElement("ul",{ref:function(e){return t.list=e},className:"p-mention-items"},n)}return null}},{key:"renderPanel",value:function(){var t=s("p-mention-panel p-component",this.props.panelClassName),n=j({maxHeight:this.props.scrollHeight},this.props.panelStyle),i=o.getJSXElement(this.props.headerTemplate,this.props),r=o.getJSXElement(this.props.footerTemplate,this.props),l=this.renderList();return e.createElement(h,{element:e.createElement(c,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},e.createElement("div",{ref:this.overlayRef,className:t,style:n,onClick:this.onPanelClick},i,l,r)),appendTo:"self"})}},{key:"render",value:function(){var t=this,n=s("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused},this.props.className),i=s("p-mention-input",this.props.inputClassName),r=o.findDiffKeys(this.props,w.defaultProps),l=this.renderPanel();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement(L,f({ref:this.inputRef,id:this.props.inputId},r,{className:i,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onKeyUp:this.onKeyUp,onChange:this.onChange})),l)}}]),w}();w(D,"defaultProps",{id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null});export{D as Mention};
+import e,{createRef as t,Component as n}from"react";import{DomHandler as i,classNames as r,ObjectUtils as o,ZIndexUtils as s,ConnectedOverlayScrollHandler as l}from"primereact/utils";import{Ripple as a}from"primereact/ripple";import{OverlayService as u}from"primereact/overlayservice";import{CSSTransition as p}from"primereact/csstransition";import{Portal as c}from"primereact/portal";import{tip as h}from"primereact/tooltip";import f from"primereact/api";function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},y.apply(this,arguments)}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function g(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function O(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function k(e){return k="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},k(e)}function R(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(s){O(p,n);var l,a,u=(l=p,a=C(),function(){var e,t=w(l);if(a){var n=w(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return R(this,e)});function p(e){var n;return d(this,p),(n=u.call(this,e)).onFocus=n.onFocus.bind(m(n)),n.onBlur=n.onBlur.bind(m(n)),n.onKeyUp=n.onKeyUp.bind(m(n)),n.onInput=n.onInput.bind(m(n)),n.elementRef=t(n.props.forwardRef),n}return g(p,[{key:"onFocus",value:function(e){this.props.autoResize&&this.resize(),this.props.onFocus&&this.props.onFocus(e)}},{key:"onBlur",value:function(e){this.props.autoResize&&this.resize(),this.props.onBlur&&this.props.onBlur(e)}},{key:"onKeyUp",value:function(e){this.props.autoResize&&this.resize(),this.props.onKeyUp&&this.props.onKeyUp(e)}},{key:"onInput",value:function(e){this.props.autoResize&&this.resize(),e.target.value.length>0?i.addClass(e.target,"p-filled"):i.removeClass(e.target,"p-filled"),this.props.onInput&&this.props.onInput(e)}},{key:"resize",value:function(e){var t=this.elementRef&&this.elementRef.current;t&&i.isVisible(t)&&(this.cachedScrollHeight||(this.cachedScrollHeight=t.scrollHeight,t.style.overflow="hidden"),(this.cachedScrollHeight!==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",this.cachedScrollHeight=t.scrollHeight))}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.elementRef&&this.elementRef.current&&this.elementRef.current.value.toString().length>0}},{key:"updateForwardRef",value:function(){var e=this.props.forwardRef;e&&("function"==typeof e?e(this.elementRef.current):e.current=this.elementRef.current)}},{key:"componentDidMount",value:function(){this.updateForwardRef(),this.props.tooltip&&this.renderTooltip(),this.props.autoResize&&this.resize(!0)}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(x({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip()),this.props.autoResize&&this.resize(!0)}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=h({target:this.elementRef.current,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"render",value:function(){var t=r("p-inputtextarea p-inputtext p-component",{"p-disabled":this.props.disabled,"p-filled":this.isFilled(),"p-inputtextarea-resizable":this.props.autoResize},this.props.className),n=o.findDiffKeys(this.props,p.defaultProps);return e.createElement("textarea",y({ref:this.elementRef},n,{className:t,onFocus:this.onFocus,onBlur:this.onBlur,onKeyUp:this.onKeyUp,onInput:this.onInput}))}}]),p}();S(L,"defaultProps",{autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null,forwardRef:null});var I=e.forwardRef((function(t,n){return e.createElement(L,y({forwardRef:n},t))}));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var z=function(h){O(S,n);var v,b,k=(v=S,b=D(),function(){var e,t=w(v);if(b){var n=w(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return R(this,e)});function S(e){var n;return d(this,S),(n=k.call(this,e)).state={overlayVisible:!1,focused:!1,searching:!1,trigger:null},n.onOverlayEnter=n.onOverlayEnter.bind(m(n)),n.onOverlayEntering=n.onOverlayEntering.bind(m(n)),n.onOverlayEntered=n.onOverlayEntered.bind(m(n)),n.onOverlayExit=n.onOverlayExit.bind(m(n)),n.onOverlayExited=n.onOverlayExited.bind(m(n)),n.onFocus=n.onFocus.bind(m(n)),n.onBlur=n.onBlur.bind(m(n)),n.onKeyDown=n.onKeyDown.bind(m(n)),n.onChange=n.onChange.bind(m(n)),n.onInput=n.onInput.bind(m(n)),n.onKeyUp=n.onKeyUp.bind(m(n)),n.onPanelClick=n.onPanelClick.bind(m(n)),n.overlayRef=t(),n.inputRef=t(n.props.inputRef),n}return g(S,[{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1,trigger:null})}},{key:"onOverlayEnter",value:function(){s.set("overlay",this.overlayRef.current,f.autoZIndex,f.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&i.addClass(this.list.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){s.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){var e=this.state.trigger,t=e.key,n=e.index,r=this.inputRef.current.value,o=i.getCursorOffset(this.inputRef.current,r.substring(0,n-1),r.substring(n),t);this.overlayRef.current.style.transformOrigin="top",this.overlayRef.current.style.left="calc(".concat(o.left,"px + 1rem)"),this.overlayRef.current.style.top="calc(".concat(o.top,"px + 1.2rem)")}},{key:"onPanelClick",value:function(e){u.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"getTrigger",value:function(e,t,n){if(!this.state.trigger){var i=Array.isArray(this.props.trigger)?this.props.trigger.find((function(e){return e===t})):this.props.trigger===t?this.props.trigger:null;if(i)return{key:i,index:n};var r=e.substring(0,n).lastIndexOf(" "),o=this.getLatestTrigger(e,n);if(o.index>r)return o}return this.state.trigger}},{key:"getLatestTrigger",value:function(e,t){if(Array.isArray(this.props.trigger)){var n={};return this.props.trigger.forEach((function(i){var r=e.substring(0,t).lastIndexOf(i);-1!==r&&(r>n.index||!n.index)&&(n={key:i,index:-1!==r?r+1:-1})})),n}var i=e.substring(0,t).lastIndexOf(this.props.trigger);return{key:this.props.trigger,index:-1!==i?i+1:-1}}},{key:"onSearch",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target,i=n.value,r=n.selectionStart,o=i.substring(r-1,r);if(" "!==o){var s=this.getTrigger(i,o,r);if(s&&s.index>-1){var l=i.substring(s.index,r);this.timeout=setTimeout((function(){t.search(e,l,s)}),this.props.delay)}}else this.hideOverlay()}},{key:"search",value:function(e,t,n){this.props.onSearch&&(this.setState({searching:!0,trigger:n}),this.props.onSearch({originalEvent:e,trigger:n.key,query:t}))}},{key:"selectItem",value:function(e,t){var n=this.inputRef.current.value,i=e.target.selectionStart,r=this.state.trigger,o=n.indexOf(" ",r.index),s=n.substring(r.index,o>-1?o:i),l=this.formatValue(t).replace(/\s+/g,"");if(s.trim()!==l){for(var a=0;a<l.length;){var u=l.charAt(a),p=s.charAt(a);if(u!==p&&" "!==p)break;a++}var c=n.substring(0,r.index),h=n.substring(r.index+a);this.inputRef.current.value="".concat(c).concat(l," ").concat(h),this.props.onChange&&this.props.onChange(e)}var f=r.index+l.length+1;this.inputRef.current.setSelectionRange(f,f),this.hideOverlay(),this.props.onSelect&&this.props.onSelect({originalEvent:e,suggestion:t})}},{key:"formatValue",value:function(e){var t=this;if(e){var n=Array.isArray(this.props.field)?this.props.field[this.props.trigger.findIndex((function(e){return e===t.state.trigger.key}))]:this.props.field;return n?o.resolveFieldData(e,n):e}return""}},{key:"onItemClick",value:function(e,t){this.inputRef.current.focus(),this.selectItem(e,t)}},{key:"onFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"onBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onInput",value:function(e){this.props.onInput&&this.props.onInput(e),e.target.value.length>0?i.addClass(this.container,"p-inputwrapper-filled"):i.removeClass(this.container,"p-inputwrapper-filled")}},{key:"onKeyUp",value:function(e){37!==e.which&&39!==e.which||this.onSearch(e)}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange(e),this.onSearch(e)}},{key:"onKeyDown",value:function(e){if(this.state.overlayVisible){var t=i.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(i.addClass(n,"p-highlight"),i.removeClass(t,"p-highlight"),i.scrollInView(this.overlayRef.current,n))}else(t=i.findSingle(this.overlayRef.current,"li"))&&i.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(i.addClass(r,"p-highlight"),i.removeClass(t,"p-highlight"),i.scrollInView(this.overlayRef.current,r))}e.preventDefault();break;case 8:var o=e.target,s=o.selectionStart;o.value.substring(s-1,s)===this.state.trigger.key&&this.hideOverlay();break;case 13:t&&this.selectItem(e,this.props.suggestions[i.index(t)]),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault()}}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new l(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!i.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"isFilled",value:function(){return null!=this.props.value&&this.props.value.toString().length>0||null!=this.props.defaultValue&&this.props.defaultValue.toString().length>0||this.inputRef&&this.inputRef.current&&this.inputRef.current.value.toString().length>0}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.state.overlayVisible&&this.alignOverlay(),this.setState({searching:!1})),!this.isFilled()&&i.hasClass(this.container,"p-inputwrapper-filled")&&i.removeClass(this.container,"p-inputwrapper-filled")}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),s.clear(this.overlayRef.current)}},{key:"renderItem",value:function(t,n){var i=this,r=this.props.itemTemplate?o.getJSXElement(this.props.itemTemplate,t,{trigger:this.state.trigger?this.state.trigger.key:"",index:n}):this.formatValue(t);return e.createElement("li",{key:n+"_item",className:"p-mention-item",onClick:function(e){return i.onItemClick(e,t)}},r,e.createElement(a,null))}},{key:"renderList",value:function(){var t=this;if(this.props.suggestions){var n=this.props.suggestions.map((function(e,n){return t.renderItem(e,n)}));return e.createElement("ul",{ref:function(e){return t.list=e},className:"p-mention-items"},n)}return null}},{key:"renderPanel",value:function(){var t=r("p-mention-panel p-component",this.props.panelClassName),n=j({maxHeight:this.props.scrollHeight},this.props.panelStyle),i=o.getJSXElement(this.props.headerTemplate,this.props),s=o.getJSXElement(this.props.footerTemplate,this.props),l=this.renderList();return e.createElement(c,{element:e.createElement(p,{nodeRef:this.overlayRef,classNames:"p-connected-overlay",in:this.state.overlayVisible,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited},e.createElement("div",{ref:this.overlayRef,className:t,style:n,onClick:this.onPanelClick},i,l,s)),appendTo:"self"})}},{key:"render",value:function(){var t=this,n=r("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused},this.props.className),i=r("p-mention-input",this.props.inputClassName),s=o.findDiffKeys(this.props,S.defaultProps),l=this.renderPanel();return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:n,style:this.props.style},e.createElement(I,y({ref:this.inputRef,id:this.props.inputId},s,{className:i,style:this.props.inputStyle,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onKeyUp:this.onKeyUp,onChange:this.onChange})),l)}}]),S}();S(z,"defaultProps",{id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null});export{z as Mention};