Latest updates from IceHrmPro

web/node_modules/rc-mentions/es/DropdownMenu.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { MentionsContextProps } from './MentionsContext';
+import { OptionProps } from './Option';
+interface DropdownMenuProps {
+    prefixCls?: string;
+    options: OptionProps[];
+}
+/**
+ * We only use Menu to display the candidate.
+ * The focus is controlled by textarea to make accessibility easy.
+ */
+declare class DropdownMenu extends React.Component<DropdownMenuProps, {}> {
+    renderDropdown: ({ notFoundContent, activeIndex, setActiveIndex, selectOption, onFocus, onBlur, }: MentionsContextProps) => JSX.Element;
+    render(): JSX.Element;
+}
+export default DropdownMenu;

web/node_modules/rc-mentions/es/DropdownMenu.js

@@ -0,0 +1,96 @@
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+import Menu, { MenuItem } from 'rc-menu';
+import * as React from 'react';
+import { MentionsContextConsumer } from './MentionsContext';
+/**
+ * We only use Menu to display the candidate.
+ * The focus is controlled by textarea to make accessibility easy.
+ */
+
+var DropdownMenu =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(DropdownMenu, _React$Component);
+
+  function DropdownMenu() {
+    var _this;
+
+    _classCallCheck(this, DropdownMenu);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(DropdownMenu).apply(this, arguments));
+
+    _this.renderDropdown = function (_ref) {
+      var notFoundContent = _ref.notFoundContent,
+          activeIndex = _ref.activeIndex,
+          setActiveIndex = _ref.setActiveIndex,
+          selectOption = _ref.selectOption,
+          onFocus = _ref.onFocus,
+          onBlur = _ref.onBlur;
+      var _this$props = _this.props,
+          prefixCls = _this$props.prefixCls,
+          options = _this$props.options;
+      var activeOption = options[activeIndex] || {};
+      return React.createElement(Menu, {
+        prefixCls: "".concat(prefixCls, "-menu"),
+        activeKey: activeOption.value,
+        onSelect: function onSelect(_ref2) {
+          var key = _ref2.key;
+          var option = options.find(function (_ref3) {
+            var value = _ref3.value;
+            return value === key;
+          });
+          selectOption(option);
+        },
+        onFocus: onFocus,
+        onBlur: onBlur
+      }, options.map(function (option, index) {
+        var value = option.value,
+            disabled = option.disabled,
+            children = option.children,
+            className = option.className,
+            style = option.style;
+        return React.createElement(MenuItem, {
+          key: value,
+          disabled: disabled,
+          className: className,
+          style: style,
+          onMouseEnter: function onMouseEnter() {
+            setActiveIndex(index);
+          }
+        }, children);
+      }), !options.length && React.createElement(MenuItem, {
+        disabled: true
+      }, notFoundContent));
+    };
+
+    return _this;
+  }
+
+  _createClass(DropdownMenu, [{
+    key: "render",
+    value: function render() {
+      return React.createElement(MentionsContextConsumer, null, this.renderDropdown);
+    }
+  }]);
+
+  return DropdownMenu;
+}(React.Component);
+
+export default DropdownMenu;

web/node_modules/rc-mentions/es/KeywordTrigger.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { OptionProps } from './Option';
+import { Placement, Direction } from './Mentions';
+interface KeywordTriggerProps {
+    loading?: boolean;
+    options: OptionProps[];
+    prefixCls?: string;
+    placement?: Placement;
+    direction?: Direction;
+    visible?: boolean;
+    transitionName?: string;
+    children?: React.ReactElement;
+    getPopupContainer?: () => HTMLElement;
+}
+declare class KeywordTrigger extends React.Component<KeywordTriggerProps, {}> {
+    getDropdownPrefix: () => string;
+    getDropdownElement: () => JSX.Element;
+    getDropDownPlacement: () => string;
+    render(): JSX.Element;
+}
+export default KeywordTrigger;

web/node_modules/rc-mentions/es/KeywordTrigger.js

@@ -0,0 +1,123 @@
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+import Trigger from 'rc-trigger';
+import * as React from 'react';
+import DropdownMenu from './DropdownMenu';
+var BUILT_IN_PLACEMENTS = {
+  bottomRight: {
+    points: ['tl', 'br'],
+    offset: [0, 4],
+    overflow: {
+      adjustX: 0,
+      adjustY: 1
+    }
+  },
+  bottomLeft: {
+    points: ['tr', 'bl'],
+    offset: [0, 4],
+    overflow: {
+      adjustX: 0,
+      adjustY: 1
+    }
+  },
+  topRight: {
+    points: ['bl', 'tr'],
+    offset: [0, -4],
+    overflow: {
+      adjustX: 0,
+      adjustY: 1
+    }
+  },
+  topLeft: {
+    points: ['br', 'tl'],
+    offset: [0, -4],
+    overflow: {
+      adjustX: 0,
+      adjustY: 1
+    }
+  }
+};
+
+var KeywordTrigger =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(KeywordTrigger, _React$Component);
+
+  function KeywordTrigger() {
+    var _this;
+
+    _classCallCheck(this, KeywordTrigger);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(KeywordTrigger).apply(this, arguments));
+
+    _this.getDropdownPrefix = function () {
+      return "".concat(_this.props.prefixCls, "-dropdown");
+    };
+
+    _this.getDropdownElement = function () {
+      var options = _this.props.options;
+      return React.createElement(DropdownMenu, {
+        prefixCls: _this.getDropdownPrefix(),
+        options: options
+      });
+    };
+
+    _this.getDropDownPlacement = function () {
+      var _this$props = _this.props,
+          placement = _this$props.placement,
+          direction = _this$props.direction;
+      var popupPlacement = 'topRight';
+
+      if (direction === 'rtl') {
+        popupPlacement = placement === 'top' ? 'topLeft' : 'bottomLeft';
+      } else {
+        popupPlacement = placement === 'top' ? 'topRight' : 'bottomRight';
+      }
+
+      return popupPlacement;
+    };
+
+    return _this;
+  }
+
+  _createClass(KeywordTrigger, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          children = _this$props2.children,
+          visible = _this$props2.visible,
+          transitionName = _this$props2.transitionName,
+          getPopupContainer = _this$props2.getPopupContainer;
+      var popupElement = this.getDropdownElement();
+      return React.createElement(Trigger, {
+        prefixCls: this.getDropdownPrefix(),
+        popupVisible: visible,
+        popup: popupElement,
+        popupPlacement: this.getDropDownPlacement(),
+        popupTransitionName: transitionName,
+        builtinPlacements: BUILT_IN_PLACEMENTS,
+        getPopupContainer: getPopupContainer
+      }, children);
+    }
+  }]);
+
+  return KeywordTrigger;
+}(React.Component);
+
+export default KeywordTrigger;

web/node_modules/rc-mentions/es/Mentions.d.ts

@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { OptionProps } from './Option';
+import { filterOption as defaultFilterOption, Omit, validateSearch as defaultValidateSearch } from './util';
+declare type BaseTextareaAttrs = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix' | 'onChange' | 'onSelect'>;
+export declare type Placement = 'top' | 'bottom';
+export declare type Direction = 'ltr' | 'rtl';
+export interface MentionsProps extends BaseTextareaAttrs {
+    autoFocus?: boolean;
+    className?: string;
+    defaultValue?: string;
+    notFoundContent?: React.ReactNode;
+    split?: string;
+    style?: React.CSSProperties;
+    transitionName?: string;
+    placement?: Placement;
+    direction?: Direction;
+    prefix?: string | string[];
+    prefixCls?: string;
+    value?: string;
+    filterOption?: false | typeof defaultFilterOption;
+    validateSearch?: typeof defaultValidateSearch;
+    onChange?: (text: string) => void;
+    onSelect?: (option: OptionProps, prefix: string) => void;
+    onSearch?: (text: string, prefix: string) => void;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    getPopupContainer?: () => HTMLElement;
+}
+interface MentionsState {
+    value: string;
+    measuring: boolean;
+    measureText: string | null;
+    measurePrefix: string;
+    measureLocation: number;
+    activeIndex: number;
+    isFocus: boolean;
+}
+declare class Mentions extends React.Component<MentionsProps, MentionsState> {
+    static Option: React.FunctionComponent<OptionProps>;
+    textarea?: HTMLTextAreaElement;
+    measure?: HTMLDivElement;
+    focusId: number | undefined;
+    static defaultProps: {
+        prefixCls: string;
+        prefix: string;
+        split: string;
+        validateSearch: typeof defaultValidateSearch;
+        filterOption: typeof defaultFilterOption;
+        notFoundContent: string;
+        rows: number;
+    };
+    static getDerivedStateFromProps(props: MentionsProps, prevState: MentionsState): Partial<MentionsState>;
+    constructor(props: MentionsProps);
+    componentDidUpdate(): void;
+    triggerChange: (value: string) => void;
+    onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+    onKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /**
+     * When to start measure:
+     * 1. When user press `prefix`
+     * 2. When measureText !== prevMeasureText
+     *  - If measure hit
+     *  - If measuring
+     *
+     * When to stop measure:
+     * 1. Selection is out of range
+     * 2. Contains `space`
+     * 3. ESC or select one
+     */
+    onKeyUp: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    onInputFocus: React.FocusEventHandler<HTMLTextAreaElement>;
+    onInputBlur: React.FocusEventHandler<HTMLTextAreaElement>;
+    onDropdownFocus: () => void;
+    onDropdownBlur: () => void;
+    onFocus: (event?: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur: (event?: React.FocusEvent<HTMLTextAreaElement>) => void;
+    selectOption: (option: OptionProps) => void;
+    setActiveIndex: (activeIndex: number) => void;
+    setTextAreaRef: (element: HTMLTextAreaElement) => void;
+    setMeasureRef: (element: HTMLDivElement) => void;
+    getOptions: (measureText?: string) => OptionProps[];
+    startMeasure(measureText: string, measurePrefix: string, measureLocation: number): void;
+    stopMeasure(callback?: () => void): void;
+    focus(): void;
+    blur(): void;
+    render(): JSX.Element;
+}
+export default Mentions;

web/node_modules/rc-mentions/es/Mentions.js

@@ -0,0 +1,411 @@
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+import classNames from 'classnames';
+import toArray from "rc-util/es/Children/toArray";
+import KeyCode from "rc-util/es/KeyCode";
+import * as React from 'react';
+import KeywordTrigger from './KeywordTrigger';
+import { MentionsContextProvider } from './MentionsContext';
+import Option from './Option';
+import { filterOption as defaultFilterOption, getBeforeSelectionText, getLastMeasureIndex, omit, replaceWithMeasure, setInputSelection, validateSearch as defaultValidateSearch } from './util';
+
+var Mentions =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(Mentions, _React$Component);
+
+  function Mentions(props) {
+    var _this;
+
+    _classCallCheck(this, Mentions);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Mentions).call(this, props));
+    _this.focusId = undefined;
+
+    _this.triggerChange = function (value) {
+      var onChange = _this.props.onChange;
+
+      if (!('value' in _this.props)) {
+        _this.setState({
+          value: value
+        });
+      }
+
+      if (onChange) {
+        onChange(value);
+      }
+    };
+
+    _this.onChange = function (_ref) {
+      var value = _ref.target.value;
+
+      _this.triggerChange(value);
+    }; // Check if hit the measure keyword
+
+
+    _this.onKeyDown = function (event) {
+      var which = event.which;
+      var _this$state = _this.state,
+          activeIndex = _this$state.activeIndex,
+          measuring = _this$state.measuring; // Skip if not measuring
+
+      if (!measuring) {
+        return;
+      }
+
+      if (which === KeyCode.UP || which === KeyCode.DOWN) {
+        // Control arrow function
+        var optionLen = _this.getOptions().length;
+
+        var offset = which === KeyCode.UP ? -1 : 1;
+        var newActiveIndex = (activeIndex + offset + optionLen) % optionLen;
+
+        _this.setState({
+          activeIndex: newActiveIndex
+        });
+
+        event.preventDefault();
+      } else if (which === KeyCode.ESC) {
+        _this.stopMeasure();
+      } else if (which === KeyCode.ENTER) {
+        // Measure hit
+        var option = _this.getOptions()[activeIndex];
+
+        _this.selectOption(option);
+
+        event.preventDefault();
+      }
+    };
+    /**
+     * When to start measure:
+     * 1. When user press `prefix`
+     * 2. When measureText !== prevMeasureText
+     *  - If measure hit
+     *  - If measuring
+     *
+     * When to stop measure:
+     * 1. Selection is out of range
+     * 2. Contains `space`
+     * 3. ESC or select one
+     */
+
+
+    _this.onKeyUp = function (event) {
+      var key = event.key,
+          which = event.which;
+      var _this$state2 = _this.state,
+          prevMeasureText = _this$state2.measureText,
+          measuring = _this$state2.measuring;
+      var _this$props = _this.props,
+          _this$props$prefix = _this$props.prefix,
+          prefix = _this$props$prefix === void 0 ? '' : _this$props$prefix,
+          onSearch = _this$props.onSearch,
+          validateSearch = _this$props.validateSearch;
+      var target = event.target;
+      var selectionStartText = getBeforeSelectionText(target);
+
+      var _getLastMeasureIndex = getLastMeasureIndex(selectionStartText, prefix),
+          measureIndex = _getLastMeasureIndex.location,
+          measurePrefix = _getLastMeasureIndex.prefix; // Skip if match the white key list
+
+
+      if ([KeyCode.ESC, KeyCode.UP, KeyCode.DOWN, KeyCode.ENTER].indexOf(which) !== -1) {
+        return;
+      }
+
+      if (measureIndex !== -1) {
+        var measureText = selectionStartText.slice(measureIndex + measurePrefix.length);
+        var validateMeasure = validateSearch(measureText, _this.props);
+        var matchOption = !!_this.getOptions(measureText).length;
+
+        if (validateMeasure) {
+          if (key === measurePrefix || measuring || measureText !== prevMeasureText && matchOption) {
+            _this.startMeasure(measureText, measurePrefix, measureIndex);
+          }
+        } else if (measuring) {
+          // Stop if measureText is invalidate
+          _this.stopMeasure();
+        }
+        /**
+         * We will trigger `onSearch` to developer since they may use for async update.
+         * If met `space` means user finished searching.
+         */
+
+
+        if (onSearch && validateMeasure) {
+          onSearch(measureText, measurePrefix);
+        }
+      } else if (measuring) {
+        _this.stopMeasure();
+      }
+    };
+
+    _this.onInputFocus = function (event) {
+      _this.onFocus(event);
+    };
+
+    _this.onInputBlur = function (event) {
+      _this.onBlur(event);
+    };
+
+    _this.onDropdownFocus = function () {
+      _this.onFocus();
+    };
+
+    _this.onDropdownBlur = function () {
+      _this.onBlur();
+    };
+
+    _this.onFocus = function (event) {
+      window.clearTimeout(_this.focusId);
+      var isFocus = _this.state.isFocus;
+      var onFocus = _this.props.onFocus;
+
+      if (!isFocus && event && onFocus) {
+        onFocus(event);
+      }
+
+      _this.setState({
+        isFocus: true
+      });
+    };
+
+    _this.onBlur = function (event) {
+      _this.focusId = window.setTimeout(function () {
+        var onBlur = _this.props.onBlur;
+
+        _this.setState({
+          isFocus: false
+        });
+
+        _this.stopMeasure();
+
+        if (onBlur) {
+          onBlur(event);
+        }
+      }, 0);
+    };
+
+    _this.selectOption = function (option) {
+      var _this$state3 = _this.state,
+          value = _this$state3.value,
+          measureLocation = _this$state3.measureLocation,
+          measurePrefix = _this$state3.measurePrefix;
+      var _this$props2 = _this.props,
+          split = _this$props2.split,
+          onSelect = _this$props2.onSelect;
+      var _option$value = option.value,
+          mentionValue = _option$value === void 0 ? '' : _option$value;
+
+      var _replaceWithMeasure = replaceWithMeasure(value, {
+        measureLocation: measureLocation,
+        targetText: mentionValue,
+        prefix: measurePrefix,
+        selectionStart: _this.textarea.selectionStart,
+        split: split
+      }),
+          text = _replaceWithMeasure.text,
+          selectionLocation = _replaceWithMeasure.selectionLocation;
+
+      _this.triggerChange(text);
+
+      _this.stopMeasure(function () {
+        // We need restore the selection position
+        setInputSelection(_this.textarea, selectionLocation);
+      });
+
+      if (onSelect) {
+        onSelect(option, measurePrefix);
+      }
+    };
+
+    _this.setActiveIndex = function (activeIndex) {
+      _this.setState({
+        activeIndex: activeIndex
+      });
+    };
+
+    _this.setTextAreaRef = function (element) {
+      _this.textarea = element;
+    };
+
+    _this.setMeasureRef = function (element) {
+      _this.measure = element;
+    };
+
+    _this.getOptions = function (measureText) {
+      var targetMeasureText = measureText || _this.state.measureText || '';
+      var _this$props3 = _this.props,
+          children = _this$props3.children,
+          filterOption = _this$props3.filterOption;
+      var list = toArray(children).map(function (_ref2) {
+        var props = _ref2.props;
+        return props;
+      }).filter(function (option) {
+        /** Return all result if `filterOption` is false. */
+        if (filterOption === false) {
+          return true;
+        }
+
+        return filterOption(targetMeasureText, option);
+      });
+      return list;
+    };
+
+    _this.state = {
+      value: props.defaultValue || props.value || '',
+      measuring: false,
+      measureLocation: 0,
+      measureText: null,
+      measurePrefix: '',
+      activeIndex: 0,
+      isFocus: false
+    };
+    return _this;
+  }
+
+  _createClass(Mentions, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var measuring = this.state.measuring; // Sync measure div top with textarea for rc-trigger usage
+
+      if (measuring) {
+        this.measure.scrollTop = this.textarea.scrollTop;
+      }
+    }
+  }, {
+    key: "startMeasure",
+    value: function startMeasure(measureText, measurePrefix, measureLocation) {
+      this.setState({
+        measuring: true,
+        measureText: measureText,
+        measurePrefix: measurePrefix,
+        measureLocation: measureLocation,
+        activeIndex: 0
+      });
+    }
+  }, {
+    key: "stopMeasure",
+    value: function stopMeasure(callback) {
+      this.setState({
+        measuring: false,
+        measureLocation: 0,
+        measureText: null
+      }, callback);
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      this.textarea.focus();
+    }
+  }, {
+    key: "blur",
+    value: function blur() {
+      this.textarea.blur();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state4 = this.state,
+          value = _this$state4.value,
+          measureLocation = _this$state4.measureLocation,
+          measurePrefix = _this$state4.measurePrefix,
+          measuring = _this$state4.measuring,
+          activeIndex = _this$state4.activeIndex;
+
+      var _this$props4 = this.props,
+          prefixCls = _this$props4.prefixCls,
+          placement = _this$props4.placement,
+          direction = _this$props4.direction,
+          transitionName = _this$props4.transitionName,
+          className = _this$props4.className,
+          style = _this$props4.style,
+          autoFocus = _this$props4.autoFocus,
+          notFoundContent = _this$props4.notFoundContent,
+          getPopupContainer = _this$props4.getPopupContainer,
+          restProps = _objectWithoutProperties(_this$props4, ["prefixCls", "placement", "direction", "transitionName", "className", "style", "autoFocus", "notFoundContent", "getPopupContainer"]);
+
+      var inputProps = omit(restProps, 'value', 'defaultValue', 'prefix', 'split', 'children', 'validateSearch', 'filterOption', 'onSelect', 'onSearch');
+      var options = measuring ? this.getOptions() : [];
+      return React.createElement("div", {
+        className: classNames(prefixCls, className),
+        style: style
+      }, React.createElement("textarea", Object.assign({
+        autoFocus: autoFocus,
+        ref: this.setTextAreaRef,
+        value: value
+      }, inputProps, {
+        onChange: this.onChange,
+        onKeyDown: this.onKeyDown,
+        onKeyUp: this.onKeyUp,
+        onFocus: this.onInputFocus,
+        onBlur: this.onInputBlur
+      })), measuring && React.createElement("div", {
+        ref: this.setMeasureRef,
+        className: "".concat(prefixCls, "-measure")
+      }, value.slice(0, measureLocation), React.createElement(MentionsContextProvider, {
+        value: {
+          notFoundContent: notFoundContent,
+          activeIndex: activeIndex,
+          setActiveIndex: this.setActiveIndex,
+          selectOption: this.selectOption,
+          onFocus: this.onDropdownFocus,
+          onBlur: this.onDropdownBlur
+        }
+      }, React.createElement(KeywordTrigger, {
+        prefixCls: prefixCls,
+        transitionName: transitionName,
+        placement: placement,
+        direction: direction,
+        options: options,
+        visible: true,
+        getPopupContainer: getPopupContainer
+      }, React.createElement("span", null, measurePrefix))), value.slice(measureLocation + measurePrefix.length)));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, prevState) {
+      var newState = {};
+
+      if ('value' in props && props.value !== prevState.value) {
+        newState.value = props.value || '';
+      }
+
+      return newState;
+    }
+  }]);
+
+  return Mentions;
+}(React.Component);
+
+Mentions.Option = Option;
+Mentions.defaultProps = {
+  prefixCls: 'rc-mentions',
+  prefix: '@',
+  split: ' ',
+  validateSearch: defaultValidateSearch,
+  filterOption: defaultFilterOption,
+  notFoundContent: 'Not Found',
+  rows: 1
+};
+export default Mentions;

web/node_modules/rc-mentions/es/MentionsContext.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { OptionProps } from './Option';
+export interface MentionsContextProps {
+    notFoundContent: React.ReactNode;
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
+    selectOption: (option: OptionProps) => void;
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    onBlur: React.FocusEventHandler<HTMLElement>;
+}
+export declare const MentionsContextProvider: React.ProviderExoticComponent<React.ProviderProps<MentionsContextProps>>;
+export declare const MentionsContextConsumer: React.ExoticComponent<React.ConsumerProps<MentionsContextProps>>;

web/node_modules/rc-mentions/es/MentionsContext.js

@@ -0,0 +1,6 @@
+/* tslint:disable: no-object-literal-type-assertion */
+import * as React from 'react'; // We will never use default, here only to fix TypeScript warning
+
+var MentionsContext = React.createContext(null);
+export var MentionsContextProvider = MentionsContext.Provider;
+export var MentionsContextConsumer = MentionsContext.Consumer;

web/node_modules/rc-mentions/es/Option.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface OptionProps {
+    value?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Option: React.SFC<OptionProps>;
+export default Option;

web/node_modules/rc-mentions/es/Option.js

@@ -0,0 +1,5 @@
+var Option = function Option() {
+  return null;
+};
+
+export default Option;

web/node_modules/rc-mentions/es/index.d.ts

@@ -0,0 +1,2 @@
+import Mentions from './Mentions';
+export default Mentions;

web/node_modules/rc-mentions/es/index.js

@@ -0,0 +1,2 @@
+import Mentions from './Mentions';
+export default Mentions;

web/node_modules/rc-mentions/es/util.d.ts

@@ -0,0 +1,40 @@
+import { MentionsProps } from './Mentions';
+import { OptionProps } from './Option';
+export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+declare type OmitFunc = <T extends object, K extends [...(keyof T)[]]>(obj: T, ...keys: K) => {
+    [K2 in Exclude<keyof T, K[number]>]: T[K2];
+};
+export declare const omit: OmitFunc;
+/**
+ * Cut input selection into 2 part and return text before selection start
+ */
+export declare function getBeforeSelectionText(input: HTMLTextAreaElement): string;
+interface MeasureIndex {
+    location: number;
+    prefix: string;
+}
+/**
+ * Find the last match prefix index
+ */
+export declare function getLastMeasureIndex(text: string, prefix?: string | string[]): MeasureIndex;
+interface MeasureConfig {
+    measureLocation: number;
+    prefix: string;
+    targetText: string;
+    selectionStart: number;
+    split: string;
+}
+/**
+ * Paint targetText into current text:
+ *  text: little@litest
+ *  targetText: light
+ *  => little @light test
+ */
+export declare function replaceWithMeasure(text: string, measureConfig: MeasureConfig): {
+    text: string;
+    selectionLocation: number;
+};
+export declare function setInputSelection(input: HTMLTextAreaElement, location: number): void;
+export declare function validateSearch(text: string, props: MentionsProps): boolean;
+export declare function filterOption(input: string, { value }: OptionProps): boolean;
+export {};

web/node_modules/rc-mentions/es/util.js

@@ -0,0 +1,134 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export var omit = function omit(obj) {
+  var clone = _objectSpread({}, obj);
+
+  for (var _len = arguments.length, keys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    keys[_key - 1] = arguments[_key];
+  }
+
+  keys.forEach(function (key) {
+    delete clone[key];
+  });
+  return clone;
+};
+/**
+ * Cut input selection into 2 part and return text before selection start
+ */
+
+export function getBeforeSelectionText(input) {
+  var selectionStart = input.selectionStart;
+  return input.value.slice(0, selectionStart);
+}
+/**
+ * Find the last match prefix index
+ */
+
+export function getLastMeasureIndex(text) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var prefixList = Array.isArray(prefix) ? prefix : [prefix];
+  return prefixList.reduce(function (lastMatch, prefixStr) {
+    var lastIndex = text.lastIndexOf(prefixStr);
+
+    if (lastIndex > lastMatch.location) {
+      return {
+        location: lastIndex,
+        prefix: prefixStr
+      };
+    }
+
+    return lastMatch;
+  }, {
+    location: -1,
+    prefix: ''
+  });
+}
+
+function lower(char) {
+  return (char || '').toLowerCase();
+}
+
+function reduceText(text, targetText, split) {
+  var firstChar = text[0];
+
+  if (!firstChar || firstChar === split) {
+    return text;
+  } // Reuse rest text as it can
+
+
+  var restText = text;
+  var targetTextLen = targetText.length;
+
+  for (var i = 0; i < targetTextLen; i += 1) {
+    if (lower(restText[i]) !== lower(targetText[i])) {
+      restText = restText.slice(i);
+      break;
+    } else if (i === targetTextLen - 1) {
+      restText = restText.slice(targetTextLen);
+    }
+  }
+
+  return restText;
+}
+/**
+ * Paint targetText into current text:
+ *  text: little@litest
+ *  targetText: light
+ *  => little @light test
+ */
+
+
+export function replaceWithMeasure(text, measureConfig) {
+  var measureLocation = measureConfig.measureLocation,
+      prefix = measureConfig.prefix,
+      targetText = measureConfig.targetText,
+      selectionStart = measureConfig.selectionStart,
+      split = measureConfig.split; // Before text will append one space if have other text
+
+  var beforeMeasureText = text.slice(0, measureLocation);
+
+  if (beforeMeasureText[beforeMeasureText.length - split.length] === split) {
+    beforeMeasureText = beforeMeasureText.slice(0, beforeMeasureText.length - split.length);
+  }
+
+  if (beforeMeasureText) {
+    beforeMeasureText = "".concat(beforeMeasureText).concat(split);
+  } // Cut duplicate string with current targetText
+
+
+  var restText = reduceText(text.slice(selectionStart), targetText.slice(selectionStart - measureLocation - prefix.length), split);
+
+  if (restText.slice(0, split.length) === split) {
+    restText = restText.slice(split.length);
+  }
+
+  var connectedStartText = "".concat(beforeMeasureText).concat(prefix).concat(targetText).concat(split);
+  return {
+    text: "".concat(connectedStartText).concat(restText),
+    selectionLocation: connectedStartText.length
+  };
+}
+export function setInputSelection(input, location) {
+  input.setSelectionRange(location, location);
+  /**
+   * Reset caret into view.
+   * Since this function always called by user control, it's safe to focus element.
+   */
+
+  input.blur();
+  input.focus();
+}
+export function validateSearch(text, props) {
+  var split = props.split;
+  return !split || text.indexOf(split) === -1;
+}
+export function filterOption(input, _ref) {
+  var _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value;
+  var lowerCase = input.toLowerCase();
+  return value.toLowerCase().indexOf(lowerCase) !== -1;
+}