primereact 8.7.2 → 9.0.0-beta.1

package/utils/utils.cjs.js

@@ -29,42 +29,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray$1(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -99,36 +97,28 @@ function classNames() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   if (args) {
     var classes = [];
-
     for (var i = 0; i < args.length; i++) {
       var className = args[i];
       if (!className) continue;
-
       var type = _typeof(className);
-
       if (type === 'string' || type === 'number') {
         classes.push(className);
       } else if (type === 'object') {
         var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
           var _ref2 = _slicedToArray(_ref, 2),
-              key = _ref2[0],
-              value = _ref2[1];
-
+            key = _ref2[0],
+            value = _ref2[1];
           return !!value ? key : null;
         });
-
         classes = _classes.length ? classes.concat(_classes.filter(function (c) {
           return !!c;
         })) : classes;
       }
     }
-
     return classes.join(' ');
   }
-
   return undefined;
 }
 
@@ -138,16 +128,31 @@ function _classCallCheck(instance, Constructor) {
   }
 }
 
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -158,6 +163,7 @@ function _createClass(Constructor, protoProps, staticProps) {
 }
 
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -168,21 +174,16 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var DomHandler = /*#__PURE__*/function () {
   function DomHandler() {
     _classCallCheck(this, DomHandler);
   }
-
   _createClass(DomHandler, null, [{
     key: "innerWidth",
     value:
@@ -193,6 +194,7 @@ var DomHandler = /*#__PURE__*/function () {
     /**
      * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
      */
+
     function innerWidth(el) {
       if (el) {
         var width = el.offsetWidth;
@@ -200,7 +202,6 @@ var DomHandler = /*#__PURE__*/function () {
         width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
         return width;
       }
-
       return 0;
     }
   }, {
@@ -212,7 +213,6 @@ var DomHandler = /*#__PURE__*/function () {
         width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
         return width;
       }
-
       return 0;
     }
   }, {
@@ -237,15 +237,12 @@ var DomHandler = /*#__PURE__*/function () {
     value: function getOuterWidth(el, margin) {
       if (el) {
         var width = el.offsetWidth || el.getBoundingClientRect().width;
-
         if (margin) {
           var style = getComputedStyle(el);
           width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         }
-
         return width;
       }
-
       return 0;
     }
   }, {
@@ -253,15 +250,12 @@ var DomHandler = /*#__PURE__*/function () {
     value: function getOuterHeight(el, margin) {
       if (el) {
         var height = el.offsetHeight || el.getBoundingClientRect().height;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       }
-
       return 0;
     }
   }, {
@@ -269,15 +263,12 @@ var DomHandler = /*#__PURE__*/function () {
     value: function getClientHeight(el, margin) {
       if (el) {
         var height = el.clientHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       }
-
       return 0;
     }
   }, {
@@ -285,26 +276,23 @@ var DomHandler = /*#__PURE__*/function () {
     value: function getClientWidth(el, margin) {
       if (el) {
         var width = el.clientWidth;
-
         if (margin) {
           var style = getComputedStyle(el);
           width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         }
-
         return width;
       }
-
       return 0;
     }
   }, {
     key: "getViewport",
     value: function getViewport() {
       var win = window,
-          d = document,
-          e = d.documentElement,
-          g = d.getElementsByTagName('body')[0],
-          w = win.innerWidth || e.clientWidth || g.clientWidth,
-          h = win.innerHeight || e.clientHeight || g.clientHeight;
+        d = document,
+        e = d.documentElement,
+        g = d.getElementsByTagName('body')[0],
+        w = win.innerWidth || e.clientWidth || g.clientWidth,
+        h = win.innerHeight || e.clientHeight || g.clientHeight;
       return {
         width: w,
         height: h
@@ -320,7 +308,6 @@ var DomHandler = /*#__PURE__*/function () {
           left: rect.left + (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0)
         };
       }
-
       return {
         top: 'auto',
         left: 'auto'
@@ -332,13 +319,11 @@ var DomHandler = /*#__PURE__*/function () {
       if (element) {
         var children = element.parentNode.childNodes;
         var num = 0;
-
         for (var i = 0; i < children.length; i++) {
           if (children[i] === element) return num;
           if (children[i].nodeType === 1) num++;
         }
       }
-
       return -1;
     }
   }, {
@@ -347,13 +332,11 @@ var DomHandler = /*#__PURE__*/function () {
       if (element && className) {
         if (element.classList) {
           var styles = className.split(' ');
-
           for (var i = 0; i < styles.length; i++) {
             element.classList.add(styles[i]);
           }
         } else {
           var _styles = className.split(' ');
-
           for (var _i = 0; _i < _styles.length; _i++) {
             element.className += ' ' + _styles[_i];
           }
@@ -366,13 +349,11 @@ var DomHandler = /*#__PURE__*/function () {
       if (element && className) {
         if (element.classList) {
           var styles = className.split(' ');
-
           for (var i = 0; i < styles.length; i++) {
             element.classList.remove(styles[i]);
           }
         } else {
           var _styles2 = className.split(' ');
-
           for (var _i2 = 0; _i2 < _styles2.length; _i2++) {
             element.className = element.className.replace(new RegExp('(^|\\b)' + _styles2[_i2].split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
           }
@@ -399,7 +380,6 @@ var DomHandler = /*#__PURE__*/function () {
       if (element) {
         if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
       }
-
       return false;
     }
   }, {
@@ -413,7 +393,6 @@ var DomHandler = /*#__PURE__*/function () {
       if (element) {
         return element.querySelector(selector);
       }
-
       return null;
     }
   }, {
@@ -425,7 +404,6 @@ var DomHandler = /*#__PURE__*/function () {
         height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
         return height;
       }
-
       return 0;
     }
   }, {
@@ -437,14 +415,12 @@ var DomHandler = /*#__PURE__*/function () {
         width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
         return width;
       }
-
       return 0;
     }
   }, {
     key: "alignOverlay",
     value: function alignOverlay(overlay, target, appendTo) {
       var calculateMinWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-
       if (overlay && target) {
         if (appendTo === 'self') {
           this.relativePosition(overlay, target);
@@ -471,20 +447,16 @@ var DomHandler = /*#__PURE__*/function () {
         var windowScrollLeft = this.getWindowScrollLeft();
         var viewport = this.getViewport();
         var top, left;
-
         if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
           top = targetOffset.top + windowScrollTop - elementOuterHeight;
-
           if (top < 0) {
             top = windowScrollTop;
           }
-
           element.style.transformOrigin = 'bottom';
         } else {
           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;
         element.style.top = top + 'px';
         element.style.left = left + 'px';
@@ -502,20 +474,16 @@ var DomHandler = /*#__PURE__*/function () {
         var targetOffset = target.getBoundingClientRect();
         var viewport = this.getViewport();
         var top, left;
-
         if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
           top = -1 * elementDimensions.height;
-
           if (targetOffset.top + top < 0) {
             top = -1 * targetOffset.top;
           }
-
           element.style.transformOrigin = 'bottom';
         } else {
           top = targetHeight;
           element.style.transformOrigin = 'top';
         }
-
         if (elementDimensions.width > viewport.width) {
           // element wider then viewport and cannot fit on screen (align at left side of viewport)
           left = targetOffset.left * -1;
@@ -526,7 +494,6 @@ var DomHandler = /*#__PURE__*/function () {
           // element fits on screen (align with target)
           left = 0;
         }
-
         element.style.top = top + 'px';
         element.style.left = left + 'px';
       }
@@ -535,21 +502,17 @@ var DomHandler = /*#__PURE__*/function () {
     key: "flipfitCollision",
     value: function flipfitCollision(element, target) {
       var _this = this;
-
       var my = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left top';
       var at = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'left bottom';
       var callback = arguments.length > 4 ? arguments[4] : undefined;
-
       if (element && target) {
         var targetOffset = target.getBoundingClientRect();
         var viewport = this.getViewport();
         var myArr = my.split(' ');
         var atArr = at.split(' ');
-
         var getPositionValue = function getPositionValue(arr, isOffset) {
           return isOffset ? +arr.substring(arr.search(/(\+|-)/g)) || 0 : arr.substring(0, arr.search(/(\+|-)/g)) || arr;
         };
-
         var position = {
           my: {
             x: getPositionValue(myArr[0]),
@@ -583,7 +546,6 @@ var DomHandler = /*#__PURE__*/function () {
             var left = myOffset.left();
             var scrollLeft = DomHandler.getWindowScrollLeft();
             element.style.left = left + scrollLeft + 'px';
-
             if (this.count.x === 2) {
               element.style.left = scrollLeft + 'px';
               this.count.x = 0;
@@ -600,7 +562,6 @@ var DomHandler = /*#__PURE__*/function () {
             var left = myOffset.left() + DomHandler.getOuterWidth(target);
             var scrollLeft = DomHandler.getWindowScrollLeft();
             element.style.left = left + scrollLeft + 'px';
-
             if (this.count.x === 2) {
               element.style.left = viewport.width - DomHandler.getOuterWidth(element) + scrollLeft + 'px';
               this.count.x = 0;
@@ -617,7 +578,6 @@ var DomHandler = /*#__PURE__*/function () {
             var top = myOffset.top();
             var scrollTop = DomHandler.getWindowScrollTop();
             element.style.top = top + scrollTop + 'px';
-
             if (this.count.y === 2) {
               element.style.left = scrollTop + 'px';
               this.count.y = 0;
@@ -634,7 +594,6 @@ var DomHandler = /*#__PURE__*/function () {
             var top = myOffset.top() + DomHandler.getOuterHeight(target);
             var scrollTop = DomHandler.getWindowScrollTop();
             element.style.top = top + scrollTop + 'px';
-
             if (this.count.y === 2) {
               element.style.left = viewport.height - DomHandler.getOuterHeight(element) + scrollTop + 'px';
               this.count.y = 0;
@@ -651,7 +610,6 @@ var DomHandler = /*#__PURE__*/function () {
             if (axis === 'y') {
               var top = myOffset.top() + DomHandler.getOuterHeight(target) / 2;
               element.style.top = top + DomHandler.getWindowScrollTop() + 'px';
-
               if (top < 0) {
                 this.bottom();
               } else if (top + DomHandler.getOuterHeight(target) > viewport.height) {
@@ -660,7 +618,6 @@ var DomHandler = /*#__PURE__*/function () {
             } else {
               var left = myOffset.left() + DomHandler.getOuterWidth(target) / 2;
               element.style.left = left + DomHandler.getWindowScrollLeft() + 'px';
-
               if (left < 0) {
                 this.left();
               } else if (left + DomHandler.getOuterWidth(element) > viewport.width) {
@@ -671,7 +628,6 @@ var DomHandler = /*#__PURE__*/function () {
         };
         alignWithAt[position.at.x]('x');
         alignWithAt[position.at.y]('y');
-
         if (this.isFunction(callback)) {
           callback(position);
         }
@@ -684,7 +640,6 @@ var DomHandler = /*#__PURE__*/function () {
         var isAxisY = position === 'top' || position === 'bottom';
         var myXPosition = position === 'left' ? 'right' : 'left';
         var myYPosition = position === 'top' ? 'bottom' : 'top';
-
         if (isAxisY) {
           return {
             axis: 'y',
@@ -692,7 +647,6 @@ var DomHandler = /*#__PURE__*/function () {
             at: "center ".concat(position)
           };
         }
-
         return {
           axis: 'x',
           my: "".concat(myXPosition, " center"),
@@ -710,35 +664,27 @@ var DomHandler = /*#__PURE__*/function () {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
       var scrollableParents = [];
-
       if (element) {
         var parents = this.getParents(element);
         var overflowRegex = /(auto|scroll)/;
-
         var overflowCheck = function overflowCheck(node) {
           var styleDeclaration = node ? getComputedStyle(node) : null;
           return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY')));
         };
-
         var _iterator = _createForOfIteratorHelper(parents),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var parent = _step.value;
             var scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
-
               var _iterator2 = _createForOfIteratorHelper(selectors),
-                  _step2;
-
+                _step2;
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   var selector = _step2.value;
                   var el = this.findSingle(parent, selector);
-
                   if (el && overflowCheck(el)) {
                     scrollableParents.push(el);
                   }
@@ -749,7 +695,6 @@ var DomHandler = /*#__PURE__*/function () {
                 _iterator2.f();
               }
             }
-
             if (parent.nodeType !== 9 && overflowCheck(parent)) {
               scrollableParents.push(parent);
             }
@@ -760,7 +705,6 @@ var DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return scrollableParents;
     }
   }, {
@@ -774,7 +718,6 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.visibility = 'visible';
         return elementHeight;
       }
-
       return 0;
     }
   }, {
@@ -788,14 +731,12 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.visibility = 'visible';
         return elementWidth;
       }
-
       return 0;
     }
   }, {
     key: "getHiddenElementDimensions",
     value: function getHiddenElementDimensions(element) {
       var dimensions = {};
-
       if (element) {
         element.style.visibility = 'hidden';
         element.style.display = 'block';
@@ -804,7 +745,6 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.display = 'none';
         element.style.visibility = 'visible';
       }
-
       return dimensions;
     }
   }, {
@@ -814,17 +754,14 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.opacity = 0;
         var last = +new Date();
         var opacity = 0;
-
         var tick = function tick() {
           opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
           element.style.opacity = opacity;
           last = +new Date();
-
           if (+opacity < 1) {
             window.requestAnimationFrame && requestAnimationFrame(tick) || setTimeout(tick, 16);
           }
         };
-
         tick();
       }
     }
@@ -833,16 +770,14 @@ var DomHandler = /*#__PURE__*/function () {
     value: function fadeOut(element, duration) {
       if (element) {
         var opacity = 1,
-            interval = 50,
-            gap = interval / duration;
+          interval = 50,
+          gap = interval / duration;
         var fading = setInterval(function () {
           opacity -= gap;
-
           if (opacity <= 0) {
             opacity = 0;
             clearInterval(fading);
           }
-
           element.style.opacity = opacity;
         }, interval);
       }
@@ -862,6 +797,11 @@ var DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isChrome",
+    value: function isChrome() {
+      return /(chrome)/i.test(navigator.userAgent);
+    }
   }, {
     key: "isTouchDevice",
     value: function isTouchDevice() {
@@ -900,7 +840,6 @@ var DomHandler = /*#__PURE__*/function () {
       var scroll = container.scrollTop;
       var elementHeight = container.clientHeight;
       var itemHeight = this.getOuterHeight(item);
-
       if (offset < 0) {
         container.scrollTop = scroll + offset;
       } else if (offset + itemHeight > elementHeight) {
@@ -919,7 +858,8 @@ var DomHandler = /*#__PURE__*/function () {
       } else if (document['selection'] && document['selection'].empty) {
         try {
           document['selection'].empty();
-        } catch (error) {//ignore IE bug
+        } catch (error) {
+          //ignore IE bug
         }
       }
     }
@@ -946,19 +886,16 @@ var DomHandler = /*#__PURE__*/function () {
       if (!this.browser) {
         var matched = this.resolveUserAgent();
         this.browser = {};
-
         if (matched.browser) {
           this.browser[matched.browser] = true;
           this.browser['version'] = matched.version;
         }
-
         if (this.browser['chrome']) {
           this.browser['webkit'] = true;
         } else if (this.browser['webkit']) {
           this.browser['safari'] = true;
         }
       }
-
       return this.browser;
     }
   }, {
@@ -980,7 +917,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isExist",
     value: function isExist(element) {
-      return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
+      return !!(element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode);
     }
   }, {
     key: "hasDOM",
@@ -993,10 +930,8 @@ var DomHandler = /*#__PURE__*/function () {
       var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])".concat(selector, ",\n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])").concat(selector, ",\n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])").concat(selector, ",\n                select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])").concat(selector, ",\n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])").concat(selector, ",\n                [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])").concat(selector, ",\n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])").concat(selector));
       var visibleFocusableElements = [];
-
       var _iterator3 = _createForOfIteratorHelper(focusableElements),
-          _step3;
-
+        _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
@@ -1007,7 +942,6 @@ var DomHandler = /*#__PURE__*/function () {
       } finally {
         _iterator3.f();
       }
-
       return visibleFocusableElements;
     }
   }, {
@@ -1022,13 +956,13 @@ var DomHandler = /*#__PURE__*/function () {
       var focusableElements = DomHandler.getFocusableElements(element, selector);
       return focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;
     }
+
     /**
      * Focus an input element if it does not already have focus.
      *
      * @param {HTMLElement} el a HTML element
      * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default
      */
-
   }, {
     key: "focus",
     value: function focus(el, scrollTo) {
@@ -1037,6 +971,22 @@ var DomHandler = /*#__PURE__*/function () {
         preventScroll: preventScroll
       });
     }
+
+    /**
+     * Focus the first focusable element if it does not already have focus.
+     *
+     * @param {HTMLElement} el a HTML element
+     * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default
+     * @return {HTMLElement | undefined} the first focusable HTML element found
+     */
+  }, {
+    key: "focusFirstElement",
+    value: function focusFirstElement(el, scrollTo) {
+      if (!el) return;
+      var firstFocusableElement = DomHandler.getFirstFocusableElement(el);
+      firstFocusableElement && DomHandler.focus(firstFocusableElement, scrollTo);
+      return firstFocusableElement;
+    }
   }, {
     key: "getCursorOffset",
     value: function getCursorOffset(el, prevText, nextText, currentText) {
@@ -1064,15 +1014,14 @@ var DomHandler = /*#__PURE__*/function () {
         ghostDiv.appendChild(text);
         document.body.appendChild(ghostDiv);
         var offsetLeft = ghostSpan.offsetLeft,
-            offsetTop = ghostSpan.offsetTop,
-            clientHeight = ghostSpan.clientHeight;
+          offsetTop = ghostSpan.offsetTop,
+          clientHeight = ghostSpan.clientHeight;
         document.body.removeChild(ghostDiv);
         return {
           left: Math.abs(offsetLeft - el.scrollLeft),
           top: Math.abs(offsetTop - el.scrollTop) + clientHeight
         };
       }
-
       return {
         top: 'auto',
         left: 'auto'
@@ -1107,7 +1056,6 @@ var DomHandler = /*#__PURE__*/function () {
       var blob = new Blob([csv], {
         type: 'application/csv;charset=utf-8;'
       });
-
       if (window.navigator.msSaveOrOpenBlob) {
         navigator.msSaveOrOpenBlob(blob, filename + '.csv');
       } else {
@@ -1115,7 +1063,6 @@ var DomHandler = /*#__PURE__*/function () {
           name: filename + '.csv',
           src: URL.createObjectURL(blob)
         });
-
         if (!isDownloaded) {
           csv = 'data:text/csv;charset=utf-8,' + csv;
           window.open(encodeURI(csv));
@@ -1127,10 +1074,9 @@ var DomHandler = /*#__PURE__*/function () {
     value: function saveAs(file) {
       if (file) {
         var link = document.createElement('a');
-
         if (link.download !== undefined) {
           var name = file.name,
-              src = file.src;
+            src = file.src;
           link.setAttribute('href', src);
           link.setAttribute('download', name);
           link.style.display = 'none';
@@ -1140,21 +1086,19 @@ var DomHandler = /*#__PURE__*/function () {
           return true;
         }
       }
-
       return false;
     }
   }, {
     key: "createInlineStyle",
     value: function createInlineStyle(nonce) {
       var styleElement = document.createElement('style');
-
       try {
         if (!nonce) {
           nonce = process.env.REACT_APP_CSS_NONCE;
         }
-      } catch (error) {// NOOP
+      } catch (error) {
+        // NOOP
       }
-
       nonce && styleElement.setAttribute('nonce', nonce);
       document.head.appendChild(styleElement);
       return styleElement;
@@ -1165,19 +1109,17 @@ var DomHandler = /*#__PURE__*/function () {
       if (this.isExist(styleElement)) {
         try {
           document.head.removeChild(styleElement);
-        } catch (error) {// style element may have already been removed in a fast refresh
+        } catch (error) {
+          // style element may have already been removed in a fast refresh
         }
-
         styleElement = null;
       }
-
       return styleElement;
     }
   }, {
     key: "getTargetElement",
     value: function getTargetElement(target) {
       if (!target) return null;
-
       if (target === 'document') {
         return document;
       } else if (target === 'window') {
@@ -1188,29 +1130,27 @@ var DomHandler = /*#__PURE__*/function () {
         var isFunction = function isFunction(obj) {
           return !!(obj && obj.constructor && obj.call && obj.apply);
         };
-
         var element = isFunction(target) ? target() : target;
         return element && element.nodeType === 9 || this.isExist(element) ? element : null;
       }
     }
+
     /**
      * Get the attribute names for an element and sorts them alpha for comparison
      */
-
   }, {
     key: "getAttributeNames",
     value: function getAttributeNames(node) {
       var index, rv, attrs;
       rv = [];
       attrs = node.attributes;
-
       for (index = 0; index < attrs.length; ++index) {
         rv.push(attrs[index].nodeName);
       }
-
       rv.sort();
       return rv;
     }
+
     /**
      * Compare two elements for equality.  Even will compare if the style element
      * is out of order for example:
@@ -1218,34 +1158,30 @@ var DomHandler = /*#__PURE__*/function () {
      * elem1 = style="color: red; font-size: 28px"
      * elem2 = style="font-size: 28px; color: red"
      */
-
   }, {
     key: "isEqualElement",
     value: function isEqualElement(elm1, elm2) {
-      var attrs1, attrs2, name, node1, node2; // Compare attributes without order sensitivity
+      var attrs1, attrs2, name, node1, node2;
 
+      // Compare attributes without order sensitivity
       attrs1 = DomHandler.getAttributeNames(elm1);
       attrs2 = DomHandler.getAttributeNames(elm2);
-
       if (attrs1.join(',') !== attrs2.join(',')) {
         // console.log("Found nodes with different sets of attributes; not equiv");
         return false;
-      } // ...and values
+      }
+
+      // ...and values
       // unless you want to compare DOM0 event handlers
       // (onclick="...")
-
-
       for (var index = 0; index < attrs1.length; ++index) {
         name = attrs1[index];
-
         if (name === 'style') {
           var astyle = elm1.style;
           var bstyle = elm2.style;
           var rexDigitsOnly = /^\d+$/;
-
           for (var _i3 = 0, _Object$keys = Object.keys(astyle); _i3 < _Object$keys.length; _i3++) {
             var key = _Object$keys[_i3];
-
             if (!rexDigitsOnly.test(key) && astyle[key] !== bstyle[key]) {
               // Not equivalent, stop
               //console.log("Found nodes with mis-matched values for attribute '" + name + "'; not equiv");
@@ -1258,15 +1194,14 @@ var DomHandler = /*#__PURE__*/function () {
             return false;
           }
         }
-      } // Walk the children
-
+      }
 
+      // Walk the children
       for (node1 = elm1.firstChild, node2 = elm2.firstChild; node1 && node2; node1 = node1.nextSibling, node2 = node2.nextSibling) {
         if (node1.nodeType !== node2.nodeType) {
           // display("Found nodes of different types; not equiv");
           return false;
         }
-
         if (node1.nodeType === 1) {
           // Element
           if (!DomHandler.isEqualElement(node1, node2)) {
@@ -1277,40 +1212,32 @@ var DomHandler = /*#__PURE__*/function () {
           return false;
         }
       }
-
       if (node1 || node2) {
         // One of the elements had more nodes than the other
         // console.log("Found more children of one element than the other; not equivalent");
         return false;
-      } // Seem the same
-
+      }
 
+      // Seem the same
       return true;
     }
   }]);
-
   return DomHandler;
 }();
-
 _defineProperty(DomHandler, "DATA_PROPS", ['data-']);
-
 _defineProperty(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
 
 var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   function ConnectedOverlayScrollHandler(element) {
     var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-
     _classCallCheck(this, ConnectedOverlayScrollHandler);
-
     this.element = element;
     this.listener = listener;
   }
-
   _createClass(ConnectedOverlayScrollHandler, [{
     key: "bindScrollListener",
     value: function bindScrollListener() {
       this.scrollableParents = DomHandler.getScrollableParents(this.element);
-
       for (var i = 0; i < this.scrollableParents.length; i++) {
         this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
@@ -1333,7 +1260,6 @@ var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
       this.scrollableParents = null;
     }
   }]);
-
   return ConnectedOverlayScrollHandler;
 }();
 
@@ -1359,7 +1285,6 @@ 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 = {
@@ -1375,18 +1300,14 @@ function mask(el, options) {
   };
   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']) {
@@ -1405,57 +1326,44 @@ function mask(el, options) {
         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;
     }
-
     for (i = begin, j = seekNext(end); i < len; i++) {
       if (tests[i]) {
         if (j < len && tests[i].test(buffer[j])) {
@@ -1464,24 +1372,19 @@ function mask(el, options) {
         } else {
           break;
         }
-
         j = seekNext(j);
       }
     }
-
     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 {
@@ -1490,36 +1393,28 @@ function mask(el, options) {
       }
     }
   };
-
   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,
@@ -1527,41 +1422,35 @@ function mask(el, options) {
       });
     }
   };
-
   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);
     }
   };
-
   var onKeyDown = function onKeyDown(e) {
     if (options.readOnly) {
       return;
     }
-
     var k = e.which || e.keyCode,
-        pos,
-        begin,
-        end;
-    var iPhone = /iphone/i.test(DomHandler.getUserAgent());
-    oldVal = el.value; //backspace, delete, and escape get special treatment
+      pos,
+      begin,
+      end;
+    oldVal = el.value;
 
-    if (k === 8 || k === 46 || iPhone && k === 127) {
+    //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);
@@ -1578,19 +1467,16 @@ function mask(el, options) {
       e.preventDefault();
     }
   };
-
   var onKeyPress = function onKeyPress(e) {
     if (options.readOnly) {
       return;
     }
-
     var k = e.which || e.keyCode,
-        pos = caret(),
-        p,
-        c,
-        next,
-        completed;
-
+      pos = caret(),
+      p,
+      c,
+      next,
+      completed;
     if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
       //Ignore
       return;
@@ -1599,40 +1485,31 @@ function mask(el, options) {
         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 (/android/i.test(DomHandler.getUserAgent())) {
+          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();
           }
         }
       }
-
       e.preventDefault();
     }
-
     updateModel(e);
-
     if (options.onComplete && completed) {
       options.onComplete({
         originalEvent: e,
@@ -1640,43 +1517,35 @@ function mask(el, options) {
       });
     }
   };
-
   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;
-
+      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;
@@ -1685,13 +1554,11 @@ function mask(el, options) {
         if (buffer[i] === test.charAt(pos)) {
           pos++;
         }
-
         if (i < partialPosition) {
           lastMatch = i;
         }
       }
     }
-
     if (allow) {
       writeBuffer();
     } else if (lastMatch + 1 < partialPosition) {
@@ -1709,15 +1576,12 @@ function mask(el, options) {
       writeBuffer();
       el.value = el.value.substring(0, lastMatch + 1);
     }
-
     return partialPosition ? i : firstNonMaskPos;
   };
-
   var onFocus = function onFocus(e) {
     if (options.readOnly) {
       return;
     }
-
     clearTimeout(caretTimeoutId);
     var pos;
     focusText = el.value;
@@ -1726,34 +1590,27 @@ function mask(el, options) {
       if (el !== document.activeElement) {
         return;
       }
-
       writeBuffer();
-
       if (pos === options.mask.replace('?', '').length) {
         caret(0, pos);
       } else {
         caret(pos);
       }
     }, 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;
     }
-
     var pos = checkVal(true);
     caret(pos);
     updateModel(e);
-
     if (options.onComplete && isCompleted()) {
       options.onComplete({
         originalEvent: e,
@@ -1761,21 +1618,16 @@ function mask(el, options) {
       });
     }
   };
-
   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 unmaskedBuffer.join('');
   };
-
   var updateModel = function updateModel(e) {
     if (options.onChange) {
       var val = getValue().replace(options.slotChar, '');
@@ -1785,7 +1637,6 @@ function mask(el, options) {
       });
     }
   };
-
   var bindEvents = function bindEvents() {
     el.addEventListener('focus', onFocus);
     el.addEventListener('blur', onBlur);
@@ -1794,7 +1645,6 @@ function mask(el, options) {
     el.addEventListener('input', onInput);
     el.addEventListener('paste', handleInputChange);
   };
-
   var unbindEvents = function unbindEvents() {
     el.removeEventListener('focus', onFocus);
     el.removeEventListener('blur', onBlur);
@@ -1803,7 +1653,6 @@ function mask(el, options) {
     el.removeEventListener('input', onInput);
     el.removeEventListener('paste', handleInputChange);
   };
-
   var init = function init() {
     tests = [];
     partialPosition = options.mask.length;
@@ -1814,23 +1663,18 @@ function mask(el, options) {
       a: '[A-Za-z]',
       '*': '[A-Za-z0-9]'
     };
-    var ua = DomHandler.getUserAgent();
-    androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
+    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;
         }
@@ -1838,25 +1682,19 @@ function mask(el, options) {
         tests.push(null);
       }
     }
-
     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,
@@ -1886,7 +1724,6 @@ var ObjectUtils = /*#__PURE__*/function () {
   function ObjectUtils() {
     _classCallCheck(this, ObjectUtils);
   }
-
   _createClass(ObjectUtils, null, [{
     key: "equals",
     value: function equals(obj1, obj2, field) {
@@ -1896,52 +1733,43 @@ var ObjectUtils = /*#__PURE__*/function () {
     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;
-
+          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;
+          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;
+          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"*/
-
 
+      /*eslint no-self-compare: "off"*/
       return a !== a && b !== b;
     }
   }, {
@@ -1957,15 +1785,12 @@ var ObjectUtils = /*#__PURE__*/function () {
         } 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;
         }
       } else {
@@ -1977,13 +1802,17 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function isFunction(obj) {
       return !!(obj && obj.constructor && obj.call && obj.apply);
     }
+  }, {
+    key: "isLetter",
+    value: function isLetter(_char) {
+      return _char && (_char.toUpperCase() != _char.toLowerCase() || _char.codePointAt(0) > 127);
+    }
   }, {
     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) {
@@ -1991,6 +1820,7 @@ var ObjectUtils = /*#__PURE__*/function () {
         return result;
       }, {});
     }
+
     /**
      * Removes keys from a JSON object that start with a string such as "data" to get all "data-id" type properties.
      *
@@ -1998,16 +1828,13 @@ var ObjectUtils = /*#__PURE__*/function () {
      * @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;
       }
-
       Object.keys(obj).filter(function (key) {
         return startsWiths.some(function (value) {
           return key.startsWith(value);
@@ -2021,17 +1848,11 @@ var ObjectUtils = /*#__PURE__*/function () {
   }, {
     key: "reorderArray",
     value: function reorderArray(value, from, to) {
-      var target;
-
       if (value && from !== to) {
         if (to >= value.length) {
-          target = to - value.length;
-
-          while (target-- + 1) {
-            value.push(undefined);
-          }
+          to %= value.length;
+          from %= value.length;
         }
-
         value.splice(to, 0, value.splice(from, 1)[0]);
       }
     }
@@ -2039,7 +1860,6 @@ var ObjectUtils = /*#__PURE__*/function () {
     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);
@@ -2047,7 +1867,6 @@ var ObjectUtils = /*#__PURE__*/function () {
           return item === value;
         });
       }
-
       return -1;
     }
   }, {
@@ -2056,7 +1875,6 @@ var ObjectUtils = /*#__PURE__*/function () {
       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;
     }
   }, {
@@ -2065,13 +1883,10 @@ var ObjectUtils = /*#__PURE__*/function () {
       for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
         params[_key2 - 1] = arguments[_key2];
       }
-
       var methodParams = params;
-
       if (params && params.length === 1) {
         methodParams = params[0];
       }
-
       return this.isFunction(obj) ? obj.apply(void 0, _toConsumableArray(methodParams)) : obj;
     }
   }, {
@@ -2080,7 +1895,6 @@ var ObjectUtils = /*#__PURE__*/function () {
       if (ref) {
         return _typeof(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
       }
-
       return null;
     }
   }, {
@@ -2100,7 +1914,6 @@ var ObjectUtils = /*#__PURE__*/function () {
       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;
     }
   }, {
@@ -2119,9 +1932,13 @@ var ObjectUtils = /*#__PURE__*/function () {
       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); // nullSortOrder == 1 means Excel like sort nulls at bottom
+      var result = ObjectUtils.compare(value1, value2, locale, order);
+      var finalSortOrder = order;
 
-      var finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
+      // nullSortOrder == 1 means Excel like sort nulls at bottom
+      if (ObjectUtils.isEmpty(value1) || ObjectUtils.isEmpty(value2)) {
+        finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
+      }
       return finalSortOrder * result;
     }
   }, {
@@ -2129,15 +1946,14 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function compare(value1, value2, locale) {
       var order = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
       var result = -1;
-      var emptyValue1 = this.isEmpty(value1);
-      var emptyValue2 = this.isEmpty(value2);
+      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;
 }();
 
@@ -2145,57 +1961,46 @@ 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 target;
   };
   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);
   }
-
   _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);
         }
       }
-
       return content;
     }
   }]);
-
   return IconUtils;
 }();
 
@@ -2208,7 +2013,6 @@ function UniqueComponentId() {
 
 function handler() {
   var zIndexes = [];
-
   var generateZIndex = function generateZIndex(key, autoZIndex) {
     var baseZIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 999;
     var lastZIndex = getLastZIndex(key, autoZIndex, baseZIndex);
@@ -2219,17 +2023,14 @@ function handler() {
     });
     return newZIndex;
   };
-
   var revertZIndex = function revertZIndex(zIndex) {
     zIndexes = zIndexes.filter(function (obj) {
       return obj.value !== zIndex;
     });
   };
-
   var getCurrentZIndex = function getCurrentZIndex(key, autoZIndex) {
     return getLastZIndex(key, autoZIndex).value;
   };
-
   var getLastZIndex = function getLastZIndex(key, autoZIndex) {
     var baseZIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     return _toConsumableArray(zIndexes).reverse().find(function (obj) {
@@ -2239,11 +2040,9 @@ function handler() {
       value: baseZIndex
     };
   };
-
   var getZIndex = function getZIndex(el) {
     return el ? parseInt(el.style.zIndex, 10) || 0 : 0;
   };
-
   return {
     get: getZIndex,
     set: function set(key, el, autoZIndex, baseZIndex) {
@@ -2262,7 +2061,6 @@ function handler() {
     }
   };
 }
-
 var ZIndexUtils = handler();
 
 exports.ConnectedOverlayScrollHandler = ConnectedOverlayScrollHandler;