primereact 9.3.1 → 9.5.0

package/utils/utils.cjs.js

@@ -2,8 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var PrimeReact = require('primereact/api');
 var React = require('react');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -22,6 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _arrayWithHoles(arr) {
@@ -113,7 +117,7 @@ function classNames() {
         })) : classes;
       }
     }
-    return classes.join(' ');
+    return classes.join(' ').trim();
   }
   return undefined;
 }
@@ -429,6 +433,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "absolutePosition",
     value: function absolutePosition(element, target) {
+      var align = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left';
       if (element && target) {
         var elementDimensions = element.offsetParent ? {
           width: element.offsetWidth,
@@ -453,7 +458,9 @@ var DomHandler = /*#__PURE__*/function () {
           top = targetOuterHeight + targetOffset.top + windowScrollTop;
           element.style.transformOrigin = 'top';
         }
-        if (targetOffset.left + targetOuterWidth + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
+        var targetOffsetPx = targetOffset.left;
+        var alignOffset = align === 'left' ? 0 : elementOuterWidth - targetOuterWidth;
+        if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffsetPx - alignOffset + windowScrollLeft;
         element.style.top = top + 'px';
         element.style.left = left + 'px';
       }
@@ -659,6 +666,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
+      var hideOverlaysOnDocumentScrolling = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var scrollableParents = [];
       if (element) {
         var parents = this.getParents(element);
@@ -667,6 +675,14 @@ var DomHandler = /*#__PURE__*/function () {
           var styleDeclaration = node ? getComputedStyle(node) : null;
           return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY')));
         };
+        var addScrollableParent = function addScrollableParent(node) {
+          if (hideOverlaysOnDocumentScrolling) {
+            // nodeType 9 is for document element
+            scrollableParents.push(node.nodeName === 'BODY' || node.nodeName === 'HTML' || node.nodeType === 9 ? window : node);
+          } else {
+            scrollableParents.push(node);
+          }
+        };
         var _iterator = _createForOfIteratorHelper(parents),
           _step;
         try {
@@ -682,7 +698,7 @@ var DomHandler = /*#__PURE__*/function () {
                   var selector = _step2.value;
                   var el = this.findSingle(parent, selector);
                   if (el && overflowCheck(el)) {
-                    scrollableParents.push(el);
+                    addScrollableParent(el);
                   }
                 }
               } catch (err) {
@@ -692,7 +708,7 @@ var DomHandler = /*#__PURE__*/function () {
               }
             }
             if (parent.nodeType === 1 && overflowCheck(parent)) {
-              scrollableParents.push(parent);
+              addScrollableParent(parent);
             }
           }
         } catch (err) {
@@ -701,6 +717,11 @@ var DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
+
+      // if no parents make it the window
+      if (scrollableParents.length === 0) {
+        scrollableParents.push(window);
+      }
       return scrollableParents;
     }
   }, {
@@ -1233,7 +1254,7 @@ var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   _createClass(ConnectedOverlayScrollHandler, [{
     key: "bindScrollListener",
     value: function bindScrollListener() {
-      this.scrollableParents = DomHandler.getScrollableParents(this.element);
+      this.scrollableParents = DomHandler.getScrollableParents(this.element, PrimeReact__default["default"].hideOverlaysOnDocumentScrolling);
       for (var i = 0; i < this.scrollableParents.length; i++) {
         this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
@@ -1280,765 +1301,786 @@ function EventBus() {
   };
 }
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function mask(el, options) {
-  var defaultOptions = {
-    mask: null,
-    slotChar: '_',
-    autoClear: true,
-    unmask: false,
-    readOnly: false,
-    onComplete: null,
-    onChange: null,
-    onFocus: null,
-    onBlur: null
-  };
-  options = _objectSpread$1(_objectSpread$1({}, defaultOptions), options);
-  var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
-  var caret = function caret(first, last) {
-    var range, begin, end;
-    if (!el.offsetParent || el !== document.activeElement) {
-      return;
-    }
-    if (typeof first === 'number') {
-      begin = first;
-      end = typeof last === 'number' ? last : begin;
-      if (el.setSelectionRange) {
-        el.setSelectionRange(begin, end);
-      } else if (el['createTextRange']) {
-        range = el['createTextRange']();
-        range.collapse(true);
-        range.moveEnd('character', end);
-        range.moveStart('character', begin);
-        range.select();
-      }
-    } else {
-      if (el.setSelectionRange) {
-        begin = el.selectionStart;
-        end = el.selectionEnd;
-      } else if (document['selection'] && document['selection'].createRange) {
-        range = document['selection'].createRange();
-        begin = 0 - range.duplicate().moveStart('character', -100000);
-        end = begin + range.text.length;
-      }
-      return {
-        begin: begin,
-        end: end
-      };
-    }
-  };
-  var isCompleted = function isCompleted() {
-    for (var i = firstNonMaskPos; i <= lastRequiredNonMaskPos; i++) {
-      if (tests[i] && buffer[i] === getPlaceholder(i)) {
-        return false;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
       }
     }
-    return true;
-  };
-  var getPlaceholder = function getPlaceholder(i) {
-    if (i < options.slotChar.length) {
-      return options.slotChar.charAt(i);
-    }
-    return options.slotChar.charAt(0);
-  };
-  var getValue = function getValue() {
-    return options.unmask ? getUnmaskedValue() : el && el.value;
-  };
-  var seekNext = function seekNext(pos) {
-    while (++pos < len && !tests[pos]);
-    return pos;
-  };
-  var seekPrev = function seekPrev(pos) {
-    while (--pos >= 0 && !tests[pos]);
-    return pos;
+    return target;
   };
-  var shiftL = function shiftL(begin, end) {
-    var i, j;
-    if (begin < 0) {
-      return;
+  return _extends.apply(this, arguments);
+}
+
+var ObjectUtils = /*#__PURE__*/function () {
+  function ObjectUtils() {
+    _classCallCheck(this, ObjectUtils);
+  }
+  _createClass(ObjectUtils, null, [{
+    key: "equals",
+    value: function equals(obj1, obj2, field) {
+      if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
     }
-    for (i = begin, j = seekNext(end); i < len; i++) {
-      if (tests[i]) {
-        if (j < len && tests[i].test(buffer[j])) {
-          buffer[i] = buffer[j];
-          buffer[j] = getPlaceholder(j);
-        } else {
-          break;
+  }, {
+    key: "deepEquals",
+    value: function deepEquals(a, b) {
+      if (a === b) return true;
+      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
+        var arrA = Array.isArray(a),
+          arrB = Array.isArray(b),
+          i,
+          length,
+          key;
+        if (arrA && arrB) {
+          length = a.length;
+          if (length !== b.length) return false;
+          for (i = length; i-- !== 0;) if (!this.deepEquals(a[i], b[i])) return false;
+          return true;
         }
-        j = seekNext(j);
+        if (arrA !== arrB) return false;
+        var dateA = a instanceof Date,
+          dateB = b instanceof Date;
+        if (dateA !== dateB) return false;
+        if (dateA && dateB) return a.getTime() === b.getTime();
+        var regexpA = a instanceof RegExp,
+          regexpB = b instanceof RegExp;
+        if (regexpA !== regexpB) return false;
+        if (regexpA && regexpB) return a.toString() === b.toString();
+        var keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length) return false;
+        for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+        for (i = length; i-- !== 0;) {
+          key = keys[i];
+          if (!this.deepEquals(a[key], b[key])) return false;
+        }
+        return true;
       }
+
+      /*eslint no-self-compare: "off"*/
+      return a !== a && b !== b;
     }
-    writeBuffer();
-    caret(Math.max(firstNonMaskPos, begin));
-  };
-  var shiftR = function shiftR(pos) {
-    var i, c, j, t;
-    for (i = pos, c = getPlaceholder(pos); i < len; i++) {
-      if (tests[i]) {
-        j = seekNext(i);
-        t = buffer[i];
-        buffer[i] = c;
-        if (j < len && tests[j].test(t)) {
-          c = t;
+  }, {
+    key: "resolveFieldData",
+    value: function resolveFieldData(data, field) {
+      if (data && Object.keys(data).length && field) {
+        if (this.isFunction(field)) {
+          return field(data);
+        } else if (ObjectUtils.isNotEmpty(data[field])) {
+          return data[field];
+        } else if (field.indexOf('.') === -1) {
+          return data[field];
         } else {
-          break;
+          var fields = field.split('.');
+          var value = data;
+          for (var i = 0, len = fields.length; i < len; ++i) {
+            if (value == null) {
+              return null;
+            }
+            value = value[fields[i]];
+          }
+          return value;
         }
+      } else {
+        return null;
       }
     }
-  };
-  var handleAndroidInput = function handleAndroidInput(e) {
-    var curVal = el.value;
-    var pos = caret();
-    if (oldVal && oldVal.length && oldVal.length > curVal.length) {
-      // a deletion or backspace happened
-      checkVal(true);
-      while (pos.begin > 0 && !tests[pos.begin - 1]) pos.begin--;
-      if (pos.begin === 0) {
-        while (pos.begin < firstNonMaskPos && !tests[pos.begin]) pos.begin++;
-      }
-      caret(pos.begin, pos.begin);
-    } else {
-      checkVal(true);
-      while (pos.begin < len && !tests[pos.begin]) pos.begin++;
-      caret(pos.begin, pos.begin);
-    }
-    if (options.onComplete && isCompleted()) {
-      options.onComplete({
-        originalEvent: e,
-        value: getValue()
-      });
+  }, {
+    key: "isFunction",
+    value: function isFunction(obj) {
+      return !!(obj && obj.constructor && obj.call && obj.apply);
     }
-  };
-  var onBlur = function onBlur(e) {
-    checkVal();
-    options.onBlur && options.onBlur(e);
-    updateModel(e);
-    if (el.value !== focusText) {
-      var event = document.createEvent('HTMLEvents');
-      event.initEvent('change', true, false);
-      el.dispatchEvent(event);
+  }, {
+    key: "isLetter",
+    value: function isLetter(_char) {
+      return _char && (_char.toUpperCase() != _char.toLowerCase() || _char.codePointAt(0) > 127);
     }
-  };
-  var onKeyDown = function onKeyDown(e) {
-    if (options.readOnly) {
-      return;
+  }, {
+    key: "findDiffKeys",
+    value: function findDiffKeys(obj1, obj2) {
+      if (!obj1 || !obj2) {
+        return {};
+      }
+      return Object.keys(obj1).filter(function (key) {
+        return !obj2.hasOwnProperty(key);
+      }).reduce(function (result, current) {
+        result[current] = obj1[current];
+        return result;
+      }, {});
     }
-    var k = e.which || e.keyCode,
-      pos,
-      begin,
-      end;
-    oldVal = el.value;
 
-    //backspace, delete, and escape get special treatment
-    if (k === 8 || k === 46 || DomHandler.isIOS() && k === 127) {
-      pos = caret();
-      begin = pos.begin;
-      end = pos.end;
-      if (end - begin === 0) {
-        begin = k !== 46 ? seekPrev(begin) : end = seekNext(begin - 1);
-        end = k === 46 ? seekNext(end) : end;
-      }
-      clearBuffer(begin, end);
-      shiftL(begin, end - 1);
-      updateModel(e);
-      e.preventDefault();
-    } else if (k === 13) {
-      // enter
-      onBlur(e);
-      updateModel(e);
-    } else if (k === 27) {
-      // escape
-      el.value = focusText;
-      caret(0, checkVal());
-      updateModel(e);
-      e.preventDefault();
-    }
-  };
-  var onKeyPress = function onKeyPress(e) {
-    if (options.readOnly) {
-      return;
-    }
-    var k = e.which || e.keyCode,
-      pos = caret(),
-      p,
-      c,
-      next,
-      completed;
-    if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
-      //Ignore
-      return;
-    } else if (k && k !== 13) {
-      if (pos.end - pos.begin !== 0) {
-        clearBuffer(pos.begin, pos.end);
-        shiftL(pos.begin, pos.end - 1);
-      }
-      p = seekNext(pos.begin - 1);
-      if (p < len) {
-        c = String.fromCharCode(k);
-        if (tests[p].test(c)) {
-          shiftR(p);
-          buffer[p] = c;
-          writeBuffer();
-          next = seekNext(p);
-          if (DomHandler.isAndroid()) {
-            //Path for CSP Violation on FireFox OS 1.1
-            var proxy = function proxy() {
-              caret(next);
-            };
-            setTimeout(proxy, 0);
-          } else {
-            caret(next);
-          }
-          if (pos.begin <= lastRequiredNonMaskPos) {
-            completed = isCompleted();
-          }
-        }
+    /**
+     * Removes keys from a JSON object that start with a string such as "data" to get all "data-id" type properties.
+     *
+     * @param {any} obj the JSON object to reduce
+     * @param {string[]} startsWiths the string(s) to check if the property starts with this key
+     * @returns the JSON object containing only the key/values that match the startsWith string
+     */
+  }, {
+    key: "reduceKeys",
+    value: function reduceKeys(obj, startsWiths) {
+      var result = {};
+      if (!obj || !startsWiths || startsWiths.length === 0) {
+        return result;
       }
-      e.preventDefault();
-    }
-    updateModel(e);
-    if (options.onComplete && completed) {
-      options.onComplete({
-        originalEvent: e,
-        value: getValue()
+      Object.keys(obj).filter(function (key) {
+        return startsWiths.some(function (value) {
+          return key.startsWith(value);
+        });
+      }).forEach(function (key) {
+        result[key] = obj[key];
+        delete obj[key];
       });
+      return result;
     }
-  };
-  var clearBuffer = function clearBuffer(start, end) {
-    var i;
-    for (i = start; i < end && i < len; i++) {
-      if (tests[i]) {
-        buffer[i] = getPlaceholder(i);
-      }
-    }
-  };
-  var writeBuffer = function writeBuffer() {
-    el.value = buffer.join('');
-  };
-  var checkVal = function checkVal(allow) {
-    //try to place characters where they belong
-    var test = el.value,
-      lastMatch = -1,
-      i,
-      c,
-      pos;
-    for (i = 0, pos = 0; i < len; i++) {
-      if (tests[i]) {
-        buffer[i] = getPlaceholder(i);
-        while (pos++ < test.length) {
-          c = test.charAt(pos - 1);
-          if (tests[i].test(c)) {
-            buffer[i] = c;
-            lastMatch = i;
-            break;
-          }
-        }
-        if (pos > test.length) {
-          clearBuffer(i + 1, len);
-          break;
-        }
-      } else {
-        if (buffer[i] === test.charAt(pos)) {
-          pos++;
-        }
-        if (i < partialPosition) {
-          lastMatch = i;
+  }, {
+    key: "reorderArray",
+    value: function reorderArray(value, from, to) {
+      if (value && from !== to) {
+        if (to >= value.length) {
+          to %= value.length;
+          from %= value.length;
         }
+        value.splice(to, 0, value.splice(from, 1)[0]);
       }
     }
-    if (allow) {
-      writeBuffer();
-    } else if (lastMatch + 1 < partialPosition) {
-      if (options.autoClear || buffer.join('') === defaultBuffer) {
-        // Invalid value. Remove it and replace it with the
-        // mask, which is the default behavior.
-        if (el.value) el.value = '';
-        clearBuffer(0, len);
-      } else {
-        // Invalid value, but we opt to show the value to the
-        // user and allow them to correct their mistake.
-        writeBuffer();
+  }, {
+    key: "findIndexInList",
+    value: function findIndexInList(value, list, dataKey) {
+      var _this = this;
+      if (list) {
+        return dataKey ? list.findIndex(function (item) {
+          return _this.equals(item, value, dataKey);
+        }) : list.findIndex(function (item) {
+          return item === value;
+        });
       }
-    } else {
-      writeBuffer();
-      el.value = el.value.substring(0, lastMatch + 1);
-    }
-    return partialPosition ? i : firstNonMaskPos;
-  };
-  var onFocus = function onFocus(e) {
-    if (options.readOnly) {
-      return;
+      return -1;
     }
-    clearTimeout(caretTimeoutId);
-    var pos;
-    focusText = el.value;
-    pos = checkVal();
-    caretTimeoutId = setTimeout(function () {
-      if (el !== document.activeElement) {
-        return;
-      }
-      writeBuffer();
-      if (pos === options.mask.replace('?', '').length) {
-        caret(0, pos);
-      } else {
-        caret(pos);
+  }, {
+    key: "getJSXElement",
+    value: function getJSXElement(obj) {
+      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        params[_key - 1] = arguments[_key];
       }
-    }, 10);
-    if (options.onFocus) {
-      options.onFocus(e);
-    }
-  };
-  var onInput = function onInput(event) {
-    if (androidChrome) handleAndroidInput(event);else handleInputChange(event);
-  };
-  var handleInputChange = function handleInputChange(e) {
-    if (options.readOnly) {
-      return;
+      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
     }
-    var pos = checkVal(true);
-    caret(pos);
-    updateModel(e);
-    if (options.onComplete && isCompleted()) {
-      options.onComplete({
-        originalEvent: e,
-        value: getValue()
-      });
+  }, {
+    key: "getProp",
+    value: function getProp(props) {
+      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var value = props ? props[prop] : undefined;
+      return value === undefined ? defaultProps[prop] : value;
     }
-  };
-  var getUnmaskedValue = function getUnmaskedValue() {
-    var unmaskedBuffer = [];
-    for (var i = 0; i < buffer.length; i++) {
-      var c = buffer[i];
-      if (tests[i] && c !== getPlaceholder(i)) {
-        unmaskedBuffer.push(c);
-      }
+  }, {
+    key: "getMergedProps",
+    value: function getMergedProps(props, defaultProps) {
+      return Object.assign({}, defaultProps, props);
     }
-    return unmaskedBuffer.join('');
-  };
-  var updateModel = function updateModel(e) {
-    if (options.onChange) {
-      var val = getValue().replace(options.slotChar, '');
-      options.onChange({
-        originalEvent: e,
-        value: defaultBuffer !== val ? val : ''
-      });
+  }, {
+    key: "getDiffProps",
+    value: function getDiffProps(props, defaultProps) {
+      return this.findDiffKeys(props, defaultProps);
     }
-  };
-  var bindEvents = function bindEvents() {
-    el.addEventListener('focus', onFocus);
-    el.addEventListener('blur', onBlur);
-    el.addEventListener('keydown', onKeyDown);
-    el.addEventListener('keypress', onKeyPress);
-    el.addEventListener('input', onInput);
-    el.addEventListener('paste', handleInputChange);
-  };
-  var unbindEvents = function unbindEvents() {
-    el.removeEventListener('focus', onFocus);
-    el.removeEventListener('blur', onBlur);
-    el.removeEventListener('keydown', onKeyDown);
-    el.removeEventListener('keypress', onKeyPress);
-    el.removeEventListener('input', onInput);
-    el.removeEventListener('paste', handleInputChange);
-  };
-  var init = function init() {
-    tests = [];
-    partialPosition = options.mask.length;
-    len = options.mask.length;
-    firstNonMaskPos = null;
-    defs = {
-      9: '[0-9]',
-      a: '[A-Za-z]',
-      '*': '[A-Za-z0-9]'
-    };
-    androidChrome = DomHandler.isChrome() && DomHandler.isAndroid();
-    var maskTokens = options.mask.split('');
-    for (var i = 0; i < maskTokens.length; i++) {
-      var c = maskTokens[i];
-      if (c === '?') {
-        len--;
-        partialPosition = i;
-      } else if (defs[c]) {
-        tests.push(new RegExp(defs[c]));
-        if (firstNonMaskPos === null) {
-          firstNonMaskPos = tests.length - 1;
-        }
-        if (i < partialPosition) {
-          lastRequiredNonMaskPos = tests.length - 1;
-        }
-      } else {
-        tests.push(null);
+  }, {
+    key: "getPropValue",
+    value: function getPropValue(obj) {
+      for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        params[_key2 - 1] = arguments[_key2];
       }
+      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
     }
-    buffer = [];
-    for (var _i = 0; _i < maskTokens.length; _i++) {
-      var _c = maskTokens[_i];
-      if (_c !== '?') {
-        if (defs[_c]) buffer.push(getPlaceholder(_i));else buffer.push(_c);
-      }
+  }, {
+    key: "getComponentProp",
+    value: function getComponentProp(component) {
+      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      return this.isNotEmpty(component) ? this.getProp(component.props, prop, defaultProps) : undefined;
     }
-    defaultBuffer = buffer.join('');
-  };
-  if (el && options.mask) {
-    init();
-    bindEvents();
-  }
-  return {
-    init: init,
-    bindEvents: bindEvents,
-    unbindEvents: unbindEvents,
-    updateModel: updateModel,
-    getValue: getValue
-  };
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
-}
-
-var ObjectUtils = /*#__PURE__*/function () {
-  function ObjectUtils() {
-    _classCallCheck(this, ObjectUtils);
-  }
-  _createClass(ObjectUtils, null, [{
-    key: "equals",
-    value: function equals(obj1, obj2, field) {
-      if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+  }, {
+    key: "getComponentProps",
+    value: function getComponentProps(component, defaultProps) {
+      return this.isNotEmpty(component) ? this.getMergedProps(component.props, defaultProps) : undefined;
     }
   }, {
-    key: "deepEquals",
-    value: function deepEquals(a, b) {
-      if (a === b) return true;
-      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
-        var arrA = Array.isArray(a),
-          arrB = Array.isArray(b),
-          i,
-          length,
-          key;
-        if (arrA && arrB) {
-          length = a.length;
-          if (length !== b.length) return false;
-          for (i = length; i-- !== 0;) if (!this.deepEquals(a[i], b[i])) return false;
-          return true;
-        }
-        if (arrA !== arrB) return false;
-        var dateA = a instanceof Date,
-          dateB = b instanceof Date;
-        if (dateA !== dateB) return false;
-        if (dateA && dateB) return a.getTime() === b.getTime();
-        var regexpA = a instanceof RegExp,
-          regexpB = b instanceof RegExp;
-        if (regexpA !== regexpB) return false;
-        if (regexpA && regexpB) return a.toString() === b.toString();
-        var keys = Object.keys(a);
-        length = keys.length;
-        if (length !== Object.keys(b).length) return false;
-        for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-        for (i = length; i-- !== 0;) {
-          key = keys[i];
-          if (!this.deepEquals(a[key], b[key])) return false;
+    key: "getComponentDiffProps",
+    value: function getComponentDiffProps(component, defaultProps) {
+      return this.isNotEmpty(component) ? this.getDiffProps(component.props, defaultProps) : undefined;
+    }
+  }, {
+    key: "isValidChild",
+    value: function isValidChild(child, type, validTypes) {
+      /* eslint-disable */
+      if (child) {
+        var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+        var isValid = childType === type;
+        try {
+          var messageTypes; if ("production" !== 'production' && !isValid) ;
+        } catch (error) {
+          // NOOP
         }
-        return true;
+        return isValid;
       }
-
-      /*eslint no-self-compare: "off"*/
-      return a !== a && b !== b;
+      return false;
+      /* eslint-enable */
     }
   }, {
-    key: "resolveFieldData",
-    value: function resolveFieldData(data, field) {
-      if (data && Object.keys(data).length && field) {
-        if (this.isFunction(field)) {
-          return field(data);
-        } else if (ObjectUtils.isNotEmpty(data[field])) {
-          return data[field];
-        } else if (field.indexOf('.') === -1) {
-          return data[field];
+    key: "getRefElement",
+    value: function getRefElement(ref) {
+      if (ref) {
+        return _typeof(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
+      }
+      return null;
+    }
+  }, {
+    key: "combinedRefs",
+    value: function combinedRefs(innerRef, forwardRef) {
+      if (innerRef && forwardRef) {
+        if (typeof forwardRef === 'function') {
+          forwardRef(innerRef.current);
         } else {
-          var fields = field.split('.');
-          var value = data;
-          for (var i = 0, len = fields.length; i < len; ++i) {
-            if (value == null) {
-              return null;
-            }
-            value = value[fields[i]];
-          }
-          return value;
+          forwardRef.current = innerRef.current;
         }
-      } else {
-        return null;
       }
     }
   }, {
-    key: "isFunction",
-    value: function isFunction(obj) {
-      return !!(obj && obj.constructor && obj.call && obj.apply);
+    key: "removeAccents",
+    value: function removeAccents(str) {
+      if (str && str.search(/[\xC0-\xFF]/g) > -1) {
+        str = str.replace(/[\xC0-\xC5]/g, 'A').replace(/[\xC6]/g, 'AE').replace(/[\xC7]/g, 'C').replace(/[\xC8-\xCB]/g, 'E').replace(/[\xCC-\xCF]/g, 'I').replace(/[\xD0]/g, 'D').replace(/[\xD1]/g, 'N').replace(/[\xD2-\xD6\xD8]/g, 'O').replace(/[\xD9-\xDC]/g, 'U').replace(/[\xDD]/g, 'Y').replace(/[\xDE]/g, 'P').replace(/[\xE0-\xE5]/g, 'a').replace(/[\xE6]/g, 'ae').replace(/[\xE7]/g, 'c').replace(/[\xE8-\xEB]/g, 'e').replace(/[\xEC-\xEF]/g, 'i').replace(/[\xF1]/g, 'n').replace(/[\xF2-\xF6\xF8]/g, 'o').replace(/[\xF9-\xFC]/g, 'u').replace(/[\xFE]/g, 'p').replace(/[\xFD\xFF]/g, 'y');
+      }
+      return str;
     }
   }, {
-    key: "isLetter",
-    value: function isLetter(_char) {
-      return _char && (_char.toUpperCase() != _char.toLowerCase() || _char.codePointAt(0) > 127);
+    key: "convertToFlatCase",
+    value: function convertToFlatCase(str) {
+      // convert snake, kebab, camel and pascal cases to flat case
+      return this.isNotEmpty(str) ? str.replace(/(-|_)/g, '').toLowerCase() : str;
     }
   }, {
-    key: "findDiffKeys",
-    value: function findDiffKeys(obj1, obj2) {
-      if (!obj1 || !obj2) {
-        return {};
+    key: "isEmpty",
+    value: function isEmpty(value) {
+      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof(value) === 'object' && Object.keys(value).length === 0;
+    }
+  }, {
+    key: "isNotEmpty",
+    value: function isNotEmpty(value) {
+      return !this.isEmpty(value);
+    }
+  }, {
+    key: "sort",
+    value: function sort(value1, value2) {
+      var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      var locale = arguments.length > 3 ? arguments[3] : undefined;
+      var nullSortOrder = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+      var result = ObjectUtils.compare(value1, value2, locale, order);
+      var finalSortOrder = order;
+
+      // nullSortOrder == 1 means Excel like sort nulls at bottom
+      if (ObjectUtils.isEmpty(value1) || ObjectUtils.isEmpty(value2)) {
+        finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
       }
-      return Object.keys(obj1).filter(function (key) {
-        return !obj2.hasOwnProperty(key);
-      }).reduce(function (result, current) {
-        result[current] = obj1[current];
-        return result;
-      }, {});
+      return finalSortOrder * result;
+    }
+  }, {
+    key: "compare",
+    value: function compare(value1, value2, locale) {
+      var order = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+      var result = -1;
+      var emptyValue1 = ObjectUtils.isEmpty(value1);
+      var emptyValue2 = ObjectUtils.isEmpty(value2);
+      if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
+        numeric: true
+      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+      return result;
+    }
+  }]);
+  return ObjectUtils;
+}();
+
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var IconUtils = /*#__PURE__*/function () {
+  function IconUtils() {
+    _classCallCheck(this, IconUtils);
+  }
+  _createClass(IconUtils, null, [{
+    key: "getJSXIcon",
+    value: function getJSXIcon(icon) {
+      var iconProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var content = null;
+      if (icon !== null) {
+        var iconType = _typeof(icon);
+        var className = classNames(iconProps.className, iconType === 'string' && icon);
+        content = /*#__PURE__*/React__namespace.createElement("span", _extends({}, iconProps, {
+          className: className
+        }));
+        if (iconType !== 'string') {
+          var defaultContentOptions = _objectSpread$2({
+            iconProps: iconProps,
+            element: content
+          }, options);
+          return ObjectUtils.getJSXElement(icon, defaultContentOptions);
+        }
+      }
+      return content;
+    }
+  }]);
+  return IconUtils;
+}();
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function mask(el, options) {
+  var defaultOptions = {
+    mask: null,
+    slotChar: '_',
+    autoClear: true,
+    unmask: false,
+    readOnly: false,
+    onComplete: null,
+    onChange: null,
+    onFocus: null,
+    onBlur: null
+  };
+  options = _objectSpread$1(_objectSpread$1({}, defaultOptions), options);
+  var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
+  var caret = function caret(first, last) {
+    var range, begin, end;
+    if (!el.offsetParent || el !== document.activeElement) {
+      return;
+    }
+    if (typeof first === 'number') {
+      begin = first;
+      end = typeof last === 'number' ? last : begin;
+      if (el.setSelectionRange) {
+        el.setSelectionRange(begin, end);
+      } else if (el['createTextRange']) {
+        range = el['createTextRange']();
+        range.collapse(true);
+        range.moveEnd('character', end);
+        range.moveStart('character', begin);
+        range.select();
+      }
+    } else {
+      if (el.setSelectionRange) {
+        begin = el.selectionStart;
+        end = el.selectionEnd;
+      } else if (document['selection'] && document['selection'].createRange) {
+        range = document['selection'].createRange();
+        begin = 0 - range.duplicate().moveStart('character', -100000);
+        end = begin + range.text.length;
+      }
+      return {
+        begin: begin,
+        end: end
+      };
+    }
+  };
+  var isCompleted = function isCompleted() {
+    for (var i = firstNonMaskPos; i <= lastRequiredNonMaskPos; i++) {
+      if (tests[i] && buffer[i] === getPlaceholder(i)) {
+        return false;
+      }
+    }
+    return true;
+  };
+  var getPlaceholder = function getPlaceholder(i) {
+    if (i < options.slotChar.length) {
+      return options.slotChar.charAt(i);
+    }
+    return options.slotChar.charAt(0);
+  };
+  var getValue = function getValue() {
+    return options.unmask ? getUnmaskedValue() : el && el.value;
+  };
+  var seekNext = function seekNext(pos) {
+    while (++pos < len && !tests[pos]);
+    return pos;
+  };
+  var seekPrev = function seekPrev(pos) {
+    while (--pos >= 0 && !tests[pos]);
+    return pos;
+  };
+  var shiftL = function shiftL(begin, end) {
+    var i, j;
+    if (begin < 0) {
+      return;
     }
-
-    /**
-     * Removes keys from a JSON object that start with a string such as "data" to get all "data-id" type properties.
-     *
-     * @param {any} obj the JSON object to reduce
-     * @param {string[]} startsWiths the string(s) to check if the property starts with this key
-     * @returns the JSON object containing only the key/values that match the startsWith string
-     */
-  }, {
-    key: "reduceKeys",
-    value: function reduceKeys(obj, startsWiths) {
-      var result = {};
-      if (!obj || !startsWiths || startsWiths.length === 0) {
-        return result;
+    for (i = begin, j = seekNext(end); i < len; i++) {
+      if (tests[i]) {
+        if (j < len && tests[i].test(buffer[j])) {
+          buffer[i] = buffer[j];
+          buffer[j] = getPlaceholder(j);
+        } else {
+          break;
+        }
+        j = seekNext(j);
       }
-      Object.keys(obj).filter(function (key) {
-        return startsWiths.some(function (value) {
-          return key.startsWith(value);
-        });
-      }).forEach(function (key) {
-        result[key] = obj[key];
-        delete obj[key];
-      });
-      return result;
     }
-  }, {
-    key: "reorderArray",
-    value: function reorderArray(value, from, to) {
-      if (value && from !== to) {
-        if (to >= value.length) {
-          to %= value.length;
-          from %= value.length;
+    writeBuffer();
+    caret(Math.max(firstNonMaskPos, begin));
+  };
+  var shiftR = function shiftR(pos) {
+    var i, c, j, t;
+    for (i = pos, c = getPlaceholder(pos); i < len; i++) {
+      if (tests[i]) {
+        j = seekNext(i);
+        t = buffer[i];
+        buffer[i] = c;
+        if (j < len && tests[j].test(t)) {
+          c = t;
+        } else {
+          break;
         }
-        value.splice(to, 0, value.splice(from, 1)[0]);
       }
     }
-  }, {
-    key: "findIndexInList",
-    value: function findIndexInList(value, list, dataKey) {
-      var _this = this;
-      if (list) {
-        return dataKey ? list.findIndex(function (item) {
-          return _this.equals(item, value, dataKey);
-        }) : list.findIndex(function (item) {
-          return item === value;
-        });
+  };
+  var handleAndroidInput = function handleAndroidInput(e) {
+    var curVal = el.value;
+    var pos = caret();
+    if (oldVal && oldVal.length && oldVal.length > curVal.length) {
+      // a deletion or backspace happened
+      checkVal(true);
+      while (pos.begin > 0 && !tests[pos.begin - 1]) pos.begin--;
+      if (pos.begin === 0) {
+        while (pos.begin < firstNonMaskPos && !tests[pos.begin]) pos.begin++;
       }
-      return -1;
+      caret(pos.begin, pos.begin);
+    } else {
+      checkVal(true);
+      while (pos.begin < len && !tests[pos.begin]) pos.begin++;
+      caret(pos.begin, pos.begin);
     }
-  }, {
-    key: "getJSXElement",
-    value: function getJSXElement(obj) {
-      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        params[_key - 1] = arguments[_key];
-      }
-      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+    if (options.onComplete && isCompleted()) {
+      options.onComplete({
+        originalEvent: e,
+        value: getValue()
+      });
     }
-  }, {
-    key: "getProp",
-    value: function getProp(props) {
-      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var value = props ? props[prop] : undefined;
-      return value === undefined ? defaultProps[prop] : value;
+  };
+  var onBlur = function onBlur(e) {
+    checkVal();
+    options.onBlur && options.onBlur(e);
+    updateModel(e);
+    if (el.value !== focusText) {
+      var event = document.createEvent('HTMLEvents');
+      event.initEvent('change', true, false);
+      el.dispatchEvent(event);
     }
-  }, {
-    key: "getMergedProps",
-    value: function getMergedProps(props, defaultProps) {
-      return Object.assign({}, defaultProps, props);
+  };
+  var onKeyDown = function onKeyDown(e) {
+    if (options.readOnly) {
+      return;
     }
-  }, {
-    key: "getDiffProps",
-    value: function getDiffProps(props, defaultProps) {
-      return this.findDiffKeys(props, defaultProps);
+    var k = e.which || e.keyCode,
+      pos,
+      begin,
+      end;
+    oldVal = el.value;
+
+    //backspace, delete, and escape get special treatment
+    if (k === 8 || k === 46 || DomHandler.isIOS() && k === 127) {
+      pos = caret();
+      begin = pos.begin;
+      end = pos.end;
+      if (end - begin === 0) {
+        begin = k !== 46 ? seekPrev(begin) : end = seekNext(begin - 1);
+        end = k === 46 ? seekNext(end) : end;
+      }
+      clearBuffer(begin, end);
+      shiftL(begin, end - 1);
+      updateModel(e);
+      e.preventDefault();
+    } else if (k === 13) {
+      // enter
+      onBlur(e);
+      updateModel(e);
+    } else if (k === 27) {
+      // escape
+      el.value = focusText;
+      caret(0, checkVal());
+      updateModel(e);
+      e.preventDefault();
     }
-  }, {
-    key: "getPropValue",
-    value: function getPropValue(obj) {
-      for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        params[_key2 - 1] = arguments[_key2];
+  };
+  var onKeyPress = function onKeyPress(e) {
+    if (options.readOnly) {
+      return;
+    }
+    var k = e.which || e.keyCode,
+      pos = caret(),
+      p,
+      c,
+      next,
+      completed;
+    if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
+      //Ignore
+      return;
+    } else if (k && k !== 13) {
+      if (pos.end - pos.begin !== 0) {
+        clearBuffer(pos.begin, pos.end);
+        shiftL(pos.begin, pos.end - 1);
       }
-      var methodParams = params;
-      if (params && params.length === 1) {
-        methodParams = params[0];
+      p = seekNext(pos.begin - 1);
+      if (p < len) {
+        c = String.fromCharCode(k);
+        if (tests[p].test(c)) {
+          shiftR(p);
+          buffer[p] = c;
+          writeBuffer();
+          next = seekNext(p);
+          if (DomHandler.isAndroid()) {
+            //Path for CSP Violation on FireFox OS 1.1
+            var proxy = function proxy() {
+              caret(next);
+            };
+            setTimeout(proxy, 0);
+          } else {
+            caret(next);
+          }
+          if (pos.begin <= lastRequiredNonMaskPos) {
+            completed = isCompleted();
+          }
+        }
       }
-      return this.isFunction(obj) ? obj.apply(void 0, _toConsumableArray(methodParams)) : obj;
-    }
-  }, {
-    key: "getComponentProp",
-    value: function getComponentProp(component) {
-      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      return this.isNotEmpty(component) ? this.getProp(component.props, prop, defaultProps) : undefined;
+      e.preventDefault();
     }
-  }, {
-    key: "getComponentProps",
-    value: function getComponentProps(component, defaultProps) {
-      return this.isNotEmpty(component) ? this.getMergedProps(component.props, defaultProps) : undefined;
+    updateModel(e);
+    if (options.onComplete && completed) {
+      options.onComplete({
+        originalEvent: e,
+        value: getValue()
+      });
     }
-  }, {
-    key: "getComponentDiffProps",
-    value: function getComponentDiffProps(component, defaultProps) {
-      return this.isNotEmpty(component) ? this.getDiffProps(component.props, defaultProps) : undefined;
+  };
+  var clearBuffer = function clearBuffer(start, end) {
+    var i;
+    for (i = start; i < end && i < len; i++) {
+      if (tests[i]) {
+        buffer[i] = getPlaceholder(i);
+      }
     }
-  }, {
-    key: "isValidChild",
-    value: function isValidChild(child, type, validTypes) {
-      /* eslint-disable */
-      if (child) {
-        var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
-        var isValid = childType === type;
-        try {
-          var messageTypes; if ("production" !== 'production' && !isValid) ;
-        } catch (error) {
-          // NOOP
+  };
+  var writeBuffer = function writeBuffer() {
+    el.value = buffer.join('');
+  };
+  var checkVal = function checkVal(allow) {
+    //try to place characters where they belong
+    var test = el.value,
+      lastMatch = -1,
+      i,
+      c,
+      pos;
+    for (i = 0, pos = 0; i < len; i++) {
+      if (tests[i]) {
+        buffer[i] = getPlaceholder(i);
+        while (pos++ < test.length) {
+          c = test.charAt(pos - 1);
+          if (tests[i].test(c)) {
+            buffer[i] = c;
+            lastMatch = i;
+            break;
+          }
+        }
+        if (pos > test.length) {
+          clearBuffer(i + 1, len);
+          break;
+        }
+      } else {
+        if (buffer[i] === test.charAt(pos)) {
+          pos++;
+        }
+        if (i < partialPosition) {
+          lastMatch = i;
         }
-        return isValid;
       }
-      return false;
-      /* eslint-enable */
     }
-  }, {
-    key: "getRefElement",
-    value: function getRefElement(ref) {
-      if (ref) {
-        return _typeof(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
+    if (allow) {
+      writeBuffer();
+    } else if (lastMatch + 1 < partialPosition) {
+      if (options.autoClear || buffer.join('') === defaultBuffer) {
+        // Invalid value. Remove it and replace it with the
+        // mask, which is the default behavior.
+        if (el.value) el.value = '';
+        clearBuffer(0, len);
+      } else {
+        // Invalid value, but we opt to show the value to the
+        // user and allow them to correct their mistake.
+        writeBuffer();
       }
-      return null;
+    } else {
+      writeBuffer();
+      el.value = el.value.substring(0, lastMatch + 1);
     }
-  }, {
-    key: "combinedRefs",
-    value: function combinedRefs(innerRef, forwardRef) {
-      if (innerRef && forwardRef) {
-        if (typeof forwardRef === 'function') {
-          forwardRef(innerRef.current);
-        } else {
-          forwardRef.current = innerRef.current;
-        }
-      }
+    return partialPosition ? i : firstNonMaskPos;
+  };
+  var onFocus = function onFocus(e) {
+    if (options.readOnly) {
+      return;
     }
-  }, {
-    key: "removeAccents",
-    value: function removeAccents(str) {
-      if (str && str.search(/[\xC0-\xFF]/g) > -1) {
-        str = str.replace(/[\xC0-\xC5]/g, 'A').replace(/[\xC6]/g, 'AE').replace(/[\xC7]/g, 'C').replace(/[\xC8-\xCB]/g, 'E').replace(/[\xCC-\xCF]/g, 'I').replace(/[\xD0]/g, 'D').replace(/[\xD1]/g, 'N').replace(/[\xD2-\xD6\xD8]/g, 'O').replace(/[\xD9-\xDC]/g, 'U').replace(/[\xDD]/g, 'Y').replace(/[\xDE]/g, 'P').replace(/[\xE0-\xE5]/g, 'a').replace(/[\xE6]/g, 'ae').replace(/[\xE7]/g, 'c').replace(/[\xE8-\xEB]/g, 'e').replace(/[\xEC-\xEF]/g, 'i').replace(/[\xF1]/g, 'n').replace(/[\xF2-\xF6\xF8]/g, 'o').replace(/[\xF9-\xFC]/g, 'u').replace(/[\xFE]/g, 'p').replace(/[\xFD\xFF]/g, 'y');
+    clearTimeout(caretTimeoutId);
+    var pos;
+    focusText = el.value;
+    pos = checkVal();
+    caretTimeoutId = setTimeout(function () {
+      if (el !== document.activeElement) {
+        return;
       }
-      return str;
+      writeBuffer();
+      if (pos === options.mask.replace('?', '').length) {
+        caret(0, pos);
+      } else {
+        caret(pos);
+      }
+    }, 10);
+    if (options.onFocus) {
+      options.onFocus(e);
     }
-  }, {
-    key: "isEmpty",
-    value: function isEmpty(value) {
-      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof(value) === 'object' && Object.keys(value).length === 0;
+  };
+  var onInput = function onInput(event) {
+    if (androidChrome) handleAndroidInput(event);else handleInputChange(event);
+  };
+  var handleInputChange = function handleInputChange(e) {
+    if (options.readOnly) {
+      return;
     }
-  }, {
-    key: "isNotEmpty",
-    value: function isNotEmpty(value) {
-      return !this.isEmpty(value);
+    var pos = checkVal(true);
+    caret(pos);
+    updateModel(e);
+    if (options.onComplete && isCompleted()) {
+      options.onComplete({
+        originalEvent: e,
+        value: getValue()
+      });
     }
-  }, {
-    key: "sort",
-    value: function sort(value1, value2) {
-      var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-      var locale = arguments.length > 3 ? arguments[3] : undefined;
-      var nullSortOrder = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-      var result = ObjectUtils.compare(value1, value2, locale, order);
-      var finalSortOrder = order;
-
-      // nullSortOrder == 1 means Excel like sort nulls at bottom
-      if (ObjectUtils.isEmpty(value1) || ObjectUtils.isEmpty(value2)) {
-        finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
+  };
+  var getUnmaskedValue = function getUnmaskedValue() {
+    var unmaskedBuffer = [];
+    for (var i = 0; i < buffer.length; i++) {
+      var c = buffer[i];
+      if (tests[i] && c !== getPlaceholder(i)) {
+        unmaskedBuffer.push(c);
       }
-      return finalSortOrder * result;
     }
-  }, {
-    key: "compare",
-    value: function compare(value1, value2, locale) {
-      var order = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-      var result = -1;
-      var emptyValue1 = ObjectUtils.isEmpty(value1);
-      var emptyValue2 = ObjectUtils.isEmpty(value2);
-      if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
-        numeric: true
-      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-      return result;
+    return unmaskedBuffer.join('');
+  };
+  var updateModel = function updateModel(e) {
+    if (options.onChange) {
+      var val = getValue().replace(options.slotChar, '');
+      options.onChange({
+        originalEvent: e,
+        value: defaultBuffer !== val ? val : ''
+      });
     }
-  }]);
-  return ObjectUtils;
-}();
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+  };
+  var bindEvents = function bindEvents() {
+    el.addEventListener('focus', onFocus);
+    el.addEventListener('blur', onBlur);
+    el.addEventListener('keydown', onKeyDown);
+    el.addEventListener('keypress', onKeyPress);
+    el.addEventListener('input', onInput);
+    el.addEventListener('paste', handleInputChange);
+  };
+  var unbindEvents = function unbindEvents() {
+    el.removeEventListener('focus', onFocus);
+    el.removeEventListener('blur', onBlur);
+    el.removeEventListener('keydown', onKeyDown);
+    el.removeEventListener('keypress', onKeyPress);
+    el.removeEventListener('input', onInput);
+    el.removeEventListener('paste', handleInputChange);
+  };
+  var init = function init() {
+    tests = [];
+    partialPosition = options.mask.length;
+    len = options.mask.length;
+    firstNonMaskPos = null;
+    defs = {
+      9: '[0-9]',
+      a: '[A-Za-z]',
+      '*': '[A-Za-z0-9]'
+    };
+    androidChrome = DomHandler.isChrome() && DomHandler.isAndroid();
+    var maskTokens = options.mask.split('');
+    for (var i = 0; i < maskTokens.length; i++) {
+      var c = maskTokens[i];
+      if (c === '?') {
+        len--;
+        partialPosition = i;
+      } else if (defs[c]) {
+        tests.push(new RegExp(defs[c]));
+        if (firstNonMaskPos === null) {
+          firstNonMaskPos = tests.length - 1;
+        }
+        if (i < partialPosition) {
+          lastRequiredNonMaskPos = tests.length - 1;
         }
+      } else {
+        tests.push(null);
       }
     }
-    return target;
+    buffer = [];
+    for (var _i = 0; _i < maskTokens.length; _i++) {
+      var _c = maskTokens[_i];
+      if (_c !== '?') {
+        if (defs[_c]) buffer.push(getPlaceholder(_i));else buffer.push(_c);
+      }
+    }
+    defaultBuffer = buffer.join('');
+  };
+  if (el && options.mask) {
+    init();
+    bindEvents();
+  }
+  return {
+    init: init,
+    bindEvents: bindEvents,
+    unbindEvents: unbindEvents,
+    updateModel: updateModel,
+    getValue: getValue
   };
-  return _extends.apply(this, arguments);
 }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var IconUtils = /*#__PURE__*/function () {
-  function IconUtils() {
-    _classCallCheck(this, IconUtils);
+function mergeProps() {
+  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+    props[_key] = arguments[_key];
   }
-  _createClass(IconUtils, null, [{
-    key: "getJSXIcon",
-    value: function getJSXIcon(icon) {
-      var iconProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var content = null;
-      if (icon !== null) {
-        var iconType = _typeof(icon);
-        var className = classNames(iconProps.className, iconType === 'string' && icon);
-        content = /*#__PURE__*/React__namespace.createElement("span", _extends({}, iconProps, {
-          className: className
-        }));
-        if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread({
-            iconProps: iconProps,
-            element: content
-          }, options);
-          return ObjectUtils.getJSXElement(icon, defaultContentOptions);
+  if (props) {
+    var isFn = function isFn(o) {
+      return !!(o && o.constructor && o.call && o.apply);
+    };
+    return props.reduce(function (merged, ps) {
+      var _loop = function _loop() {
+        if (key === 'style') {
+          merged['style'] = _objectSpread(_objectSpread({}, merged['style']), ps['style']);
+        } else if (key === 'className') {
+          merged['className'] = [merged['className'], ps['className']].join(' ').trim();
+        } else if (isFn(ps[key])) {
+          var fn = merged[key];
+          merged[key] = fn ? function () {
+            fn.apply(void 0, arguments);
+            value.apply(void 0, arguments);
+          } : ps[key];
+        } else {
+          merged[key] = ps[key];
         }
+      };
+      for (var key in ps) {
+        _loop();
       }
-      return content;
-    }
-  }]);
-  return IconUtils;
-}();
+      return merged;
+    }, {});
+  }
+  return undefined;
+}
 
 var lastId = 0;
 function UniqueComponentId() {
@@ -2047,6 +2089,22 @@ function UniqueComponentId() {
   return "".concat(prefix).concat(lastId);
 }
 
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+}
+
 function handler() {
   var zIndexes = [];
   var generateZIndex = function generateZIndex(key, autoZIndex) {
@@ -2108,3 +2166,4 @@ exports.UniqueComponentId = UniqueComponentId;
 exports.ZIndexUtils = ZIndexUtils;
 exports.classNames = classNames;
 exports.mask = mask;
+exports.mergeProps = mergeProps;