primereact 8.7.2 → 9.0.0-beta.1

package/utils/utils.js

@@ -27,42 +27,40 @@ this.primereact.utils = (function (exports, React) {
   }
 
   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;
   }
 
@@ -97,36 +95,28 @@ this.primereact.utils = (function (exports, React) {
     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;
   }
 
@@ -136,16 +126,31 @@ this.primereact.utils = (function (exports, React) {
     }
   }
 
+  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);
@@ -156,6 +161,7 @@ this.primereact.utils = (function (exports, React) {
   }
 
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -166,21 +172,16 @@ this.primereact.utils = (function (exports, React) {
     } 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:
@@ -191,6 +192,7 @@ this.primereact.utils = (function (exports, React) {
       /**
        * 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;
@@ -198,7 +200,6 @@ this.primereact.utils = (function (exports, React) {
           width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
           return width;
         }
-
         return 0;
       }
     }, {
@@ -210,7 +211,6 @@ this.primereact.utils = (function (exports, React) {
           width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
           return width;
         }
-
         return 0;
       }
     }, {
@@ -235,15 +235,12 @@ this.primereact.utils = (function (exports, React) {
       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;
       }
     }, {
@@ -251,15 +248,12 @@ this.primereact.utils = (function (exports, React) {
       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;
       }
     }, {
@@ -267,15 +261,12 @@ this.primereact.utils = (function (exports, React) {
       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;
       }
     }, {
@@ -283,26 +274,23 @@ this.primereact.utils = (function (exports, React) {
       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
@@ -318,7 +306,6 @@ this.primereact.utils = (function (exports, React) {
             left: rect.left + (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0)
           };
         }
-
         return {
           top: 'auto',
           left: 'auto'
@@ -330,13 +317,11 @@ this.primereact.utils = (function (exports, React) {
         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;
       }
     }, {
@@ -345,13 +330,11 @@ this.primereact.utils = (function (exports, React) {
         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];
             }
@@ -364,13 +347,11 @@ this.primereact.utils = (function (exports, React) {
         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'), ' ');
             }
@@ -397,7 +378,6 @@ this.primereact.utils = (function (exports, React) {
         if (element) {
           if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
         }
-
         return false;
       }
     }, {
@@ -411,7 +391,6 @@ this.primereact.utils = (function (exports, React) {
         if (element) {
           return element.querySelector(selector);
         }
-
         return null;
       }
     }, {
@@ -423,7 +402,6 @@ this.primereact.utils = (function (exports, React) {
           height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
           return height;
         }
-
         return 0;
       }
     }, {
@@ -435,14 +413,12 @@ this.primereact.utils = (function (exports, React) {
           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);
@@ -469,20 +445,16 @@ this.primereact.utils = (function (exports, React) {
           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';
@@ -500,20 +472,16 @@ this.primereact.utils = (function (exports, React) {
           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;
@@ -524,7 +492,6 @@ this.primereact.utils = (function (exports, React) {
             // element fits on screen (align with target)
             left = 0;
           }
-
           element.style.top = top + 'px';
           element.style.left = left + 'px';
         }
@@ -533,21 +500,17 @@ this.primereact.utils = (function (exports, React) {
       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]),
@@ -581,7 +544,6 @@ this.primereact.utils = (function (exports, React) {
               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;
@@ -598,7 +560,6 @@ this.primereact.utils = (function (exports, React) {
               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;
@@ -615,7 +576,6 @@ this.primereact.utils = (function (exports, React) {
               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;
@@ -632,7 +592,6 @@ this.primereact.utils = (function (exports, React) {
               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;
@@ -649,7 +608,6 @@ this.primereact.utils = (function (exports, React) {
               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) {
@@ -658,7 +616,6 @@ this.primereact.utils = (function (exports, React) {
               } 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) {
@@ -669,7 +626,6 @@ this.primereact.utils = (function (exports, React) {
           };
           alignWithAt[position.at.x]('x');
           alignWithAt[position.at.y]('y');
-
           if (this.isFunction(callback)) {
             callback(position);
           }
@@ -682,7 +638,6 @@ this.primereact.utils = (function (exports, React) {
           var isAxisY = position === 'top' || position === 'bottom';
           var myXPosition = position === 'left' ? 'right' : 'left';
           var myYPosition = position === 'top' ? 'bottom' : 'top';
-
           if (isAxisY) {
             return {
               axis: 'y',
@@ -690,7 +645,6 @@ this.primereact.utils = (function (exports, React) {
               at: "center ".concat(position)
             };
           }
-
           return {
             axis: 'x',
             my: "".concat(myXPosition, " center"),
@@ -708,35 +662,27 @@ this.primereact.utils = (function (exports, React) {
       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);
                     }
@@ -747,7 +693,6 @@ this.primereact.utils = (function (exports, React) {
                   _iterator2.f();
                 }
               }
-
               if (parent.nodeType !== 9 && overflowCheck(parent)) {
                 scrollableParents.push(parent);
               }
@@ -758,7 +703,6 @@ this.primereact.utils = (function (exports, React) {
             _iterator.f();
           }
         }
-
         return scrollableParents;
       }
     }, {
@@ -772,7 +716,6 @@ this.primereact.utils = (function (exports, React) {
           element.style.visibility = 'visible';
           return elementHeight;
         }
-
         return 0;
       }
     }, {
@@ -786,14 +729,12 @@ this.primereact.utils = (function (exports, React) {
           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';
@@ -802,7 +743,6 @@ this.primereact.utils = (function (exports, React) {
           element.style.display = 'none';
           element.style.visibility = 'visible';
         }
-
         return dimensions;
       }
     }, {
@@ -812,17 +752,14 @@ this.primereact.utils = (function (exports, React) {
           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();
         }
       }
@@ -831,16 +768,14 @@ this.primereact.utils = (function (exports, React) {
       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);
         }
@@ -860,6 +795,11 @@ this.primereact.utils = (function (exports, React) {
       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() {
@@ -898,7 +838,6 @@ this.primereact.utils = (function (exports, React) {
         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) {
@@ -917,7 +856,8 @@ this.primereact.utils = (function (exports, React) {
         } else if (document['selection'] && document['selection'].empty) {
           try {
             document['selection'].empty();
-          } catch (error) {//ignore IE bug
+          } catch (error) {
+            //ignore IE bug
           }
         }
       }
@@ -944,19 +884,16 @@ this.primereact.utils = (function (exports, React) {
         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;
       }
     }, {
@@ -978,7 +915,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       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",
@@ -991,10 +928,8 @@ this.primereact.utils = (function (exports, React) {
         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;
@@ -1005,7 +940,6 @@ this.primereact.utils = (function (exports, React) {
         } finally {
           _iterator3.f();
         }
-
         return visibleFocusableElements;
       }
     }, {
@@ -1020,13 +954,13 @@ this.primereact.utils = (function (exports, React) {
         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) {
@@ -1035,6 +969,22 @@ this.primereact.utils = (function (exports, React) {
           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) {
@@ -1062,15 +1012,14 @@ this.primereact.utils = (function (exports, React) {
           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'
@@ -1105,7 +1054,6 @@ this.primereact.utils = (function (exports, React) {
         var blob = new Blob([csv], {
           type: 'application/csv;charset=utf-8;'
         });
-
         if (window.navigator.msSaveOrOpenBlob) {
           navigator.msSaveOrOpenBlob(blob, filename + '.csv');
         } else {
@@ -1113,7 +1061,6 @@ this.primereact.utils = (function (exports, React) {
             name: filename + '.csv',
             src: URL.createObjectURL(blob)
           });
-
           if (!isDownloaded) {
             csv = 'data:text/csv;charset=utf-8,' + csv;
             window.open(encodeURI(csv));
@@ -1125,10 +1072,9 @@ this.primereact.utils = (function (exports, React) {
       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';
@@ -1138,21 +1084,19 @@ this.primereact.utils = (function (exports, React) {
             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;
@@ -1163,19 +1107,17 @@ this.primereact.utils = (function (exports, React) {
         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') {
@@ -1186,29 +1128,27 @@ this.primereact.utils = (function (exports, React) {
           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:
@@ -1216,34 +1156,30 @@ this.primereact.utils = (function (exports, React) {
        * 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");
@@ -1256,15 +1192,14 @@ this.primereact.utils = (function (exports, React) {
               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)) {
@@ -1275,40 +1210,32 @@ this.primereact.utils = (function (exports, React) {
             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);
         }
@@ -1331,7 +1258,6 @@ this.primereact.utils = (function (exports, React) {
         this.scrollableParents = null;
       }
     }]);
-
     return ConnectedOverlayScrollHandler;
   }();
 
@@ -1357,7 +1283,6 @@ 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 = {
@@ -1373,18 +1298,14 @@ this.primereact.utils = (function (exports, React) {
     };
     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']) {
@@ -1403,57 +1324,44 @@ this.primereact.utils = (function (exports, React) {
           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])) {
@@ -1462,24 +1370,19 @@ this.primereact.utils = (function (exports, React) {
           } 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 {
@@ -1488,36 +1391,28 @@ this.primereact.utils = (function (exports, React) {
         }
       }
     };
-
     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,
@@ -1525,41 +1420,35 @@ this.primereact.utils = (function (exports, React) {
         });
       }
     };
-
     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);
@@ -1576,19 +1465,16 @@ this.primereact.utils = (function (exports, React) {
         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;
@@ -1597,40 +1483,31 @@ this.primereact.utils = (function (exports, React) {
           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,
@@ -1638,43 +1515,35 @@ this.primereact.utils = (function (exports, React) {
         });
       }
     };
-
     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;
@@ -1683,13 +1552,11 @@ this.primereact.utils = (function (exports, React) {
           if (buffer[i] === test.charAt(pos)) {
             pos++;
           }
-
           if (i < partialPosition) {
             lastMatch = i;
           }
         }
       }
-
       if (allow) {
         writeBuffer();
       } else if (lastMatch + 1 < partialPosition) {
@@ -1707,15 +1574,12 @@ this.primereact.utils = (function (exports, React) {
         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;
@@ -1724,34 +1588,27 @@ this.primereact.utils = (function (exports, React) {
         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,
@@ -1759,21 +1616,16 @@ this.primereact.utils = (function (exports, React) {
         });
       }
     };
-
     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, '');
@@ -1783,7 +1635,6 @@ this.primereact.utils = (function (exports, React) {
         });
       }
     };
-
     var bindEvents = function bindEvents() {
       el.addEventListener('focus', onFocus);
       el.addEventListener('blur', onBlur);
@@ -1792,7 +1643,6 @@ this.primereact.utils = (function (exports, React) {
       el.addEventListener('input', onInput);
       el.addEventListener('paste', handleInputChange);
     };
-
     var unbindEvents = function unbindEvents() {
       el.removeEventListener('focus', onFocus);
       el.removeEventListener('blur', onBlur);
@@ -1801,7 +1651,6 @@ this.primereact.utils = (function (exports, React) {
       el.removeEventListener('input', onInput);
       el.removeEventListener('paste', handleInputChange);
     };
-
     var init = function init() {
       tests = [];
       partialPosition = options.mask.length;
@@ -1812,23 +1661,18 @@ this.primereact.utils = (function (exports, React) {
         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;
           }
@@ -1836,25 +1680,19 @@ this.primereact.utils = (function (exports, React) {
           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,
@@ -1884,7 +1722,6 @@ this.primereact.utils = (function (exports, React) {
     function ObjectUtils() {
       _classCallCheck(this, ObjectUtils);
     }
-
     _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
@@ -1894,52 +1731,43 @@ this.primereact.utils = (function (exports, React) {
       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;
       }
     }, {
@@ -1955,15 +1783,12 @@ this.primereact.utils = (function (exports, React) {
           } 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 {
@@ -1975,13 +1800,17 @@ this.primereact.utils = (function (exports, React) {
       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) {
@@ -1989,6 +1818,7 @@ this.primereact.utils = (function (exports, React) {
           return result;
         }, {});
       }
+
       /**
        * Removes keys from a JSON object that start with a string such as "data" to get all "data-id" type properties.
        *
@@ -1996,16 +1826,13 @@ this.primereact.utils = (function (exports, React) {
        * @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);
@@ -2019,17 +1846,11 @@ this.primereact.utils = (function (exports, React) {
     }, {
       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]);
         }
       }
@@ -2037,7 +1858,6 @@ this.primereact.utils = (function (exports, React) {
       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);
@@ -2045,7 +1865,6 @@ this.primereact.utils = (function (exports, React) {
             return item === value;
           });
         }
-
         return -1;
       }
     }, {
@@ -2054,7 +1873,6 @@ this.primereact.utils = (function (exports, React) {
         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;
       }
     }, {
@@ -2063,13 +1881,10 @@ this.primereact.utils = (function (exports, React) {
         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;
       }
     }, {
@@ -2078,7 +1893,6 @@ this.primereact.utils = (function (exports, React) {
         if (ref) {
           return _typeof(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
         }
-
         return null;
       }
     }, {
@@ -2098,7 +1912,6 @@ this.primereact.utils = (function (exports, React) {
         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;
       }
     }, {
@@ -2117,9 +1930,13 @@ this.primereact.utils = (function (exports, React) {
         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;
       }
     }, {
@@ -2127,15 +1944,14 @@ this.primereact.utils = (function (exports, React) {
       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;
   }();
 
@@ -2143,57 +1959,46 @@ this.primereact.utils = (function (exports, React) {
     _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;
   }();
 
@@ -2206,7 +2011,6 @@ this.primereact.utils = (function (exports, React) {
 
   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);
@@ -2217,17 +2021,14 @@ this.primereact.utils = (function (exports, React) {
       });
       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) {
@@ -2237,11 +2038,9 @@ this.primereact.utils = (function (exports, React) {
         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) {
@@ -2260,7 +2059,6 @@ this.primereact.utils = (function (exports, React) {
       }
     };
   }
-
   var ZIndexUtils = handler();
 
   exports.ConnectedOverlayScrollHandler = ConnectedOverlayScrollHandler;