primereact 9.3.1 → 9.5.0

package/utils/utils.js

@@ -1,7 +1,9 @@
 this.primereact = this.primereact || {};
-this.primereact.utils = (function (exports, React) {
+this.primereact.utils = (function (exports, PrimeReact, React) {
   'use strict';
 
+  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);
@@ -20,6 +22,7 @@ this.primereact.utils = (function (exports, React) {
     return Object.freeze(n);
   }
 
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _arrayWithHoles(arr) {
@@ -111,7 +114,7 @@ this.primereact.utils = (function (exports, React) {
           })) : classes;
         }
       }
-      return classes.join(' ');
+      return classes.join(' ').trim();
     }
     return undefined;
   }
@@ -427,6 +430,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       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,
@@ -451,7 +455,9 @@ this.primereact.utils = (function (exports, React) {
             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';
         }
@@ -657,6 +663,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       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);
@@ -665,6 +672,14 @@ this.primereact.utils = (function (exports, React) {
             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 {
@@ -680,7 +695,7 @@ this.primereact.utils = (function (exports, React) {
                     var selector = _step2.value;
                     var el = this.findSingle(parent, selector);
                     if (el && overflowCheck(el)) {
-                      scrollableParents.push(el);
+                      addScrollableParent(el);
                     }
                   }
                 } catch (err) {
@@ -690,7 +705,7 @@ this.primereact.utils = (function (exports, React) {
                 }
               }
               if (parent.nodeType === 1 && overflowCheck(parent)) {
-                scrollableParents.push(parent);
+                addScrollableParent(parent);
               }
             }
           } catch (err) {
@@ -699,6 +714,11 @@ this.primereact.utils = (function (exports, React) {
             _iterator.f();
           }
         }
+
+        // if no parents make it the window
+        if (scrollableParents.length === 0) {
+          scrollableParents.push(window);
+        }
         return scrollableParents;
       }
     }, {
@@ -1231,7 +1251,7 @@ this.primereact.utils = (function (exports, React) {
     _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);
         }
@@ -1278,765 +1298,786 @@ this.primereact.utils = (function (exports, React) {
     };
   }
 
-  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() {
@@ -2045,6 +2086,22 @@ this.primereact.utils = (function (exports, React) {
     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) {
@@ -2106,9 +2163,10 @@ this.primereact.utils = (function (exports, React) {
   exports.ZIndexUtils = ZIndexUtils;
   exports.classNames = classNames;
   exports.mask = mask;
+  exports.mergeProps = mergeProps;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
   return exports;
 
-})({}, React);
+})({}, primereact.api, React);