primereact 6.6.0 → 7.0.0-rc.1

package/core/core.esm.js

@@ -8,7 +8,7 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
   if (_i == null) return;
   var _arr = [];
@@ -37,7 +37,7 @@ function _iterableToArrayLimit(arr, i) {
   return _arr;
 }
 
-function _arrayLikeToArray$2(arr, len) {
+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++) {
@@ -47,13 +47,13 @@ function _arrayLikeToArray$2(arr, len) {
   return arr2;
 }
 
-function _unsupportedIterableToArray$2(o, minLen) {
+function _unsupportedIterableToArray$1(o, minLen) {
   if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$2(o, minLen);
+  if (typeof o === "string") return _arrayLikeToArray$1(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$2(o, minLen);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
 }
 
 function _nonIterableRest() {
@@ -61,7 +61,7 @@ function _nonIterableRest() {
 }
 
 function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
 function _typeof(obj) {
@@ -139,11 +139,11 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 
-function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(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 _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$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(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$1(o, minLen); }
+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$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; }
+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() {
@@ -235,6 +235,22 @@ var DomHandler = /*#__PURE__*/function () {
       return 0;
     }
   }, {
+    key: "getClientWidth",
+    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,
@@ -298,6 +314,25 @@ var DomHandler = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "removeMultipleClasses",
+    value: function removeMultipleClasses(element, className) {
+      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'), ' ');
+          }
+        }
+      }
+    }
   }, {
     key: "addClass",
     value: function addClass(element, className) {
@@ -360,11 +395,13 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     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);
         } else {
-          overlay.style.minWidth = DomHandler.getOuterWidth(target) + 'px';
+          calculateMinWidth && (overlay.style.minWidth = DomHandler.getOuterWidth(target) + 'px');
           this.absolutePosition(overlay, target);
         }
       }
@@ -632,7 +669,7 @@ var DomHandler = /*#__PURE__*/function () {
           return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
         };
 
-        var _iterator = _createForOfIteratorHelper$1(parents),
+        var _iterator = _createForOfIteratorHelper(parents),
             _step;
 
         try {
@@ -643,7 +680,7 @@ var DomHandler = /*#__PURE__*/function () {
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
 
-              var _iterator2 = _createForOfIteratorHelper$1(selectors),
+              var _iterator2 = _createForOfIteratorHelper(selectors),
                   _step2;
 
               try {
@@ -682,8 +719,8 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.visibility = 'hidden';
         element.style.display = 'block';
         var elementHeight = element.offsetHeight;
-        element.style.display = '';
-        element.style.visibility = '';
+        element.style.display = 'none';
+        element.style.visibility = 'visible';
         return elementHeight;
       }
 
@@ -696,8 +733,8 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.visibility = 'hidden';
         element.style.display = 'block';
         var elementWidth = element.offsetWidth;
-        element.style.display = '';
-        element.style.visibility = '';
+        element.style.display = 'none';
+        element.style.visibility = 'visible';
         return elementWidth;
       }
 
@@ -713,8 +750,8 @@ var DomHandler = /*#__PURE__*/function () {
         element.style.display = 'block';
         dimensions.width = element.offsetWidth;
         dimensions.height = element.offsetHeight;
-        element.style.display = '';
-        element.style.visibility = '';
+        element.style.display = 'none';
+        element.style.visibility = 'visible';
       }
 
       return dimensions;
@@ -891,10 +928,11 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "getFocusableElements",
     value: function getFocusableElements(element) {
-      var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]),\n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]),\n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]),\n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]),\n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])");
+      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$1(focusableElements),
+      var _iterator3 = _createForOfIteratorHelper(focusableElements),
           _step3;
 
       try {
@@ -912,14 +950,14 @@ var DomHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "getFirstFocusableElement",
-    value: function getFirstFocusableElement(element) {
-      var focusableElements = DomHandler.getFocusableElements(element);
+    value: function getFirstFocusableElement(element, selector) {
+      var focusableElements = DomHandler.getFocusableElements(element, selector);
       return focusableElements.length > 0 ? focusableElements[0] : null;
     }
   }, {
     key: "getLastFocusableElement",
-    value: function getLastFocusableElement(element) {
-      var focusableElements = DomHandler.getFocusableElements(element);
+    value: function getLastFocusableElement(element, selector) {
+      var focusableElements = DomHandler.getFocusableElements(element, selector);
       return focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;
     }
   }, {
@@ -963,445 +1001,121 @@ var DomHandler = /*#__PURE__*/function () {
         left: 'auto'
       };
     }
-  }]);
-
-  return DomHandler;
-}();
-
-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);
-      }
-    }
   }, {
-    key: "unbindScrollListener",
-    value: function unbindScrollListener() {
-      if (this.scrollableParents) {
-        for (var i = 0; i < this.scrollableParents.length; i++) {
-          this.scrollableParents[i].removeEventListener('scroll', this.listener);
-        }
-      }
+    key: "invokeElementMethod",
+    value: function invokeElementMethod(element, methodName, args) {
+      element[methodName].apply(element, args);
     }
   }, {
-    key: "destroy",
-    value: function destroy() {
-      this.unbindScrollListener();
-      this.element = null;
-      this.listener = null;
-      this.scrollableParents = null;
-    }
-  }]);
-
-  return ConnectedOverlayScrollHandler;
-}();
-
-function EventBus () {
-  var allHandlers = new Map();
-  return {
-    on: function on(type, handler) {
-      var handlers = allHandlers.get(type);
-      if (!handlers) handlers = [handler];else handlers.push(handler);
-      allHandlers.set(type, handlers);
-    },
-    off: function off(type, handler) {
-      var handlers = allHandlers.get(type);
-      handlers && handlers.splice(handlers.indexOf(handler) >>> 0, 1);
-    },
-    emit: function emit(type, evt) {
-      var handlers = allHandlers.get(type);
-      handlers && handlers.slice().forEach(function (handler) {
-        return handler(evt);
-      });
-    }
-  };
-}
-
-var ObjectUtils = /*#__PURE__*/function () {
-  function ObjectUtils() {
-    _classCallCheck(this, ObjectUtils);
-  }
-
-  _createClass(ObjectUtils, null, [{
-    key: "equals",
-    value: function equals(obj1, obj2, field) {
-      if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+    key: "isClickable",
+    value: function isClickable(element) {
+      var targetNode = element.nodeName;
+      var parentNode = element.parentElement && element.parentElement.nodeName;
+      return targetNode === 'INPUT' || targetNode === 'BUTTON' || targetNode === 'A' || parentNode === 'INPUT' || parentNode === 'BUTTON' || parentNode === 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
   }, {
-    key: "deepEquals",
-    value: function deepEquals(a, b) {
-      if (a === b) return true;
-
-      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
-        var arrA = Array.isArray(a),
-            arrB = Array.isArray(b),
-            i,
-            length,
-            key;
-
-        if (arrA && arrB) {
-          length = a.length;
-          if (length !== b.length) return false;
-
-          for (i = length; i-- !== 0;) {
-            if (!this.deepEquals(a[i], b[i])) return false;
-          }
-
-          return true;
-        }
-
-        if (arrA !== arrB) return false;
-        var dateA = a instanceof Date,
-            dateB = b instanceof Date;
-        if (dateA !== dateB) return false;
-        if (dateA && dateB) return a.getTime() === b.getTime();
-        var regexpA = a instanceof RegExp,
-            regexpB = b instanceof RegExp;
-        if (regexpA !== regexpB) return false;
-        if (regexpA && regexpB) return a.toString() === b.toString();
-        var keys = Object.keys(a);
-        length = keys.length;
-        if (length !== Object.keys(b).length) return false;
-
-        for (i = length; i-- !== 0;) {
-          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-        }
-
-        for (i = length; i-- !== 0;) {
-          key = keys[i];
-          if (!this.deepEquals(a[key], b[key])) return false;
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = this.style;
+      } else {
+        for (var prop in this.style) {
+          element.style[prop] = style[prop];
         }
-
-        return true;
       }
-      /*eslint no-self-compare: "off"*/
-
-
-      return a !== a && b !== b;
     }
   }, {
-    key: "resolveFieldData",
-    value: function resolveFieldData(data, field) {
-      if (data && Object.keys(data).length && field) {
-        if (this.isFunction(field)) {
-          return field(data);
-        } else if (field.indexOf('.') === -1) {
-          return data[field];
-        } 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]];
-          }
+    key: "exportCSV",
+    value: function exportCSV(csv, filename) {
+      var blob = new Blob([csv], {
+        type: 'application/csv;charset=utf-8;'
+      });
 
-          return value;
-        }
+      if (window.navigator.msSaveOrOpenBlob) {
+        navigator.msSaveOrOpenBlob(blob, filename + '.csv');
       } else {
-        return null;
-      }
-    }
-  }, {
-    key: "isFunction",
-    value: function isFunction(obj) {
-      return !!(obj && obj.constructor && obj.call && obj.apply);
-    }
-  }, {
-    key: "findDiffKeys",
-    value: function findDiffKeys(obj1, obj2) {
-      if (!obj1 || !obj2) {
-        return {};
-      }
-
-      return Object.keys(obj1).filter(function (key) {
-        return !obj2.hasOwnProperty(key);
-      }).reduce(function (result, current) {
-        result[current] = obj1[current];
-        return result;
-      }, {});
-    }
-  }, {
-    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);
-          }
+        var link = document.createElement("a");
+
+        if (link.download !== undefined) {
+          link.setAttribute('href', URL.createObjectURL(blob));
+          link.setAttribute('download', filename + '.csv');
+          link.style.display = 'none';
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+        } else {
+          csv = 'data:text/csv;charset=utf-8,' + csv;
+          window.open(encodeURI(csv));
         }
-
-        value.splice(to, 0, value.splice(from, 1)[0]);
       }
     }
-  }, {
-    key: "findIndexInList",
-    value: function findIndexInList(value, list, dataKey) {
-      var _this = this;
-
-      if (list) {
-        return dataKey ? list.findIndex(function (item) {
-          return _this.equals(item, value, dataKey);
-        }) : list.findIndex(function (item) {
-          return item === value;
-        });
-      }
-
-      return -1;
-    }
-  }, {
-    key: "getJSXElement",
-    value: function getJSXElement(obj) {
-      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        params[_key - 1] = arguments[_key];
-      }
-
-      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
-    }
-  }, {
-    key: "removeAccents",
-    value: function removeAccents(str) {
-      if (str && str.search(/[\xC0-\xFF]/g) > -1) {
-        str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
-      }
-
-      return str;
-    }
-  }, {
-    key: "isEmpty",
-    value: function isEmpty(value) {
-      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || _typeof(value) === 'object' && Object.keys(value).length === 0;
-    }
-  }, {
-    key: "isNotEmpty",
-    value: function isNotEmpty(value) {
-      return !this.isEmpty(value);
-    }
   }]);
 
-  return ObjectUtils;
-}();
-
-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 FilterUtils = /*#__PURE__*/function () {
-  function FilterUtils() {
-    _classCallCheck(this, FilterUtils);
-  }
-
-  _createClass(FilterUtils, null, [{
-    key: "filter",
-    value: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {
-      var filteredItems = [];
-      var filterText = ObjectUtils.removeAccents(filterValue).toLocaleLowerCase(filterLocale);
-
-      if (value) {
-        var _iterator = _createForOfIteratorHelper(value),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
-
-            var _iterator2 = _createForOfIteratorHelper(fields),
-                _step2;
-
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var field = _step2.value;
-                var fieldValue = ObjectUtils.removeAccents(String(ObjectUtils.resolveFieldData(item, field))).toLocaleLowerCase(filterLocale);
-
-                if (FilterUtils[filterMatchMode](fieldValue, filterText, filterLocale)) {
-                  filteredItems.push(item);
-                  break;
-                }
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-
-      return filteredItems;
-    }
-  }, {
-    key: "startsWith",
-    value: function startsWith(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.trim() === '') {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
-      }
-
-      var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-      var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-      return stringValue.slice(0, filterValue.length) === filterValue;
-    }
-  }, {
-    key: "contains",
-    value: function contains(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
-      }
-
-      var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-      var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-      return stringValue.indexOf(filterValue) !== -1;
-    }
-  }, {
-    key: "endsWith",
-    value: function endsWith(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.trim() === '') {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
-      }
-
-      var filterValue = ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-      var stringValue = ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale);
-      return stringValue.indexOf(filterValue, stringValue.length - filterValue.length) !== -1;
-    }
-  }, {
-    key: "equals",
-    value: function equals(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
-      }
-
-      if (value.getTime && filter.getTime) return value.getTime() === filter.getTime();else return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) === ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-    }
-  }, {
-    key: "notEquals",
-    value: function notEquals(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
-        return false;
-      }
-
-      if (value === undefined || value === null) {
-        return true;
-      }
-
-      if (value.getTime && filter.getTime) return value.getTime() !== filter.getTime();else return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) !== ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
-    }
-  }, {
-    key: "in",
-    value: function _in(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.length === 0) {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
-      }
+  return DomHandler;
+}();
 
-      for (var i = 0; i < filter.length; i++) {
-        if (ObjectUtils.equals(value, filter[i])) {
-          return true;
-        }
-      }
+var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
+  function ConnectedOverlayScrollHandler(element) {
+    var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
 
-      return false;
-    }
-  }, {
-    key: "lt",
-    value: function lt(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.trim && filter.trim().length === 0) {
-        return true;
-      }
+    _classCallCheck(this, ConnectedOverlayScrollHandler);
 
-      if (value === undefined || value === null) {
-        return false;
-      }
+    this.element = element;
+    this.listener = listener;
+  }
 
-      if (value.getTime && filter.getTime) return value.getTime() < filter.getTime();else return value < parseFloat(filter);
-    }
-  }, {
-    key: "lte",
-    value: function lte(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.trim && filter.trim().length === 0) {
-        return true;
-      }
+  _createClass(ConnectedOverlayScrollHandler, [{
+    key: "bindScrollListener",
+    value: function bindScrollListener() {
+      this.scrollableParents = DomHandler.getScrollableParents(this.element);
 
-      if (value === undefined || value === null) {
-        return false;
+      for (var i = 0; i < this.scrollableParents.length; i++) {
+        this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
-
-      if (value.getTime && filter.getTime) return value.getTime() <= filter.getTime();else return value <= parseFloat(filter);
     }
   }, {
-    key: "gt",
-    value: function gt(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.trim && filter.trim().length === 0) {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
+    key: "unbindScrollListener",
+    value: function unbindScrollListener() {
+      if (this.scrollableParents) {
+        for (var i = 0; i < this.scrollableParents.length; i++) {
+          this.scrollableParents[i].removeEventListener('scroll', this.listener);
+        }
       }
-
-      if (value.getTime && filter.getTime) return value.getTime() > filter.getTime();else return value > parseFloat(filter);
     }
   }, {
-    key: "gte",
-    value: function gte(value, filter, filterLocale) {
-      if (filter === undefined || filter === null || filter.trim && filter.trim().length === 0) {
-        return true;
-      }
-
-      if (value === undefined || value === null) {
-        return false;
-      }
-
-      if (value.getTime && filter.getTime) return value.getTime() >= filter.getTime();else return value >= parseFloat(filter);
+    key: "destroy",
+    value: function destroy() {
+      this.unbindScrollListener();
+      this.element = null;
+      this.listener = null;
+      this.scrollableParents = null;
     }
   }]);
 
-  return FilterUtils;
+  return ConnectedOverlayScrollHandler;
 }();
 
+function EventBus () {
+  var allHandlers = new Map();
+  return {
+    on: function on(type, handler) {
+      var handlers = allHandlers.get(type);
+      if (!handlers) handlers = [handler];else handlers.push(handler);
+      allHandlers.set(type, handlers);
+    },
+    off: function off(type, handler) {
+      var handlers = allHandlers.get(type);
+      handlers && handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+    },
+    emit: function emit(type, evt) {
+      var handlers = allHandlers.get(type);
+      handlers && handlers.slice().forEach(function (handler) {
+        return handler(evt);
+      });
+    }
+  };
+}
+
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -1928,6 +1642,196 @@ function mask(el, options) {
   };
 }
 
+var ObjectUtils = /*#__PURE__*/function () {
+  function ObjectUtils() {
+    _classCallCheck(this, ObjectUtils);
+  }
+
+  _createClass(ObjectUtils, null, [{
+    key: "equals",
+    value: function equals(obj1, obj2, field) {
+      if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
+    }
+  }, {
+    key: "deepEquals",
+    value: function deepEquals(a, b) {
+      if (a === b) return true;
+
+      if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
+        var arrA = Array.isArray(a),
+            arrB = Array.isArray(b),
+            i,
+            length,
+            key;
+
+        if (arrA && arrB) {
+          length = a.length;
+          if (length !== b.length) return false;
+
+          for (i = length; i-- !== 0;) {
+            if (!this.deepEquals(a[i], b[i])) return false;
+          }
+
+          return true;
+        }
+
+        if (arrA !== arrB) return false;
+        var dateA = a instanceof Date,
+            dateB = b instanceof Date;
+        if (dateA !== dateB) return false;
+        if (dateA && dateB) return a.getTime() === b.getTime();
+        var regexpA = a instanceof RegExp,
+            regexpB = b instanceof RegExp;
+        if (regexpA !== regexpB) return false;
+        if (regexpA && regexpB) return a.toString() === b.toString();
+        var keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length) return false;
+
+        for (i = length; i-- !== 0;) {
+          if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+        }
+
+        for (i = length; i-- !== 0;) {
+          key = keys[i];
+          if (!this.deepEquals(a[key], b[key])) return false;
+        }
+
+        return true;
+      }
+      /*eslint no-self-compare: "off"*/
+
+
+      return a !== a && b !== b;
+    }
+  }, {
+    key: "resolveFieldData",
+    value: function resolveFieldData(data, field) {
+      if (data && Object.keys(data).length && field) {
+        if (this.isFunction(field)) {
+          return field(data);
+        } else if (field.indexOf('.') === -1) {
+          return data[field];
+        } 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 {
+        return null;
+      }
+    }
+  }, {
+    key: "isFunction",
+    value: function isFunction(obj) {
+      return !!(obj && obj.constructor && obj.call && obj.apply);
+    }
+  }, {
+    key: "findDiffKeys",
+    value: function findDiffKeys(obj1, obj2) {
+      if (!obj1 || !obj2) {
+        return {};
+      }
+
+      return Object.keys(obj1).filter(function (key) {
+        return !obj2.hasOwnProperty(key);
+      }).reduce(function (result, current) {
+        result[current] = obj1[current];
+        return result;
+      }, {});
+    }
+  }, {
+    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);
+          }
+        }
+
+        value.splice(to, 0, value.splice(from, 1)[0]);
+      }
+    }
+  }, {
+    key: "findIndexInList",
+    value: function findIndexInList(value, list, dataKey) {
+      var _this = this;
+
+      if (list) {
+        return dataKey ? list.findIndex(function (item) {
+          return _this.equals(item, value, dataKey);
+        }) : list.findIndex(function (item) {
+          return item === value;
+        });
+      }
+
+      return -1;
+    }
+  }, {
+    key: "getJSXElement",
+    value: function getJSXElement(obj) {
+      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        params[_key - 1] = arguments[_key];
+      }
+
+      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+    }
+  }, {
+    key: "getPropValue",
+    value: function getPropValue(obj) {
+      for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        params[_key2 - 1] = arguments[_key2];
+      }
+
+      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+    }
+  }, {
+    key: "getRefElement",
+    value: function getRefElement(ref) {
+      if (ref) {
+        return _typeof(ref) === 'object' && ref.hasOwnProperty('current') ? ref.current : ref;
+      }
+
+      return null;
+    }
+  }, {
+    key: "removeAccents",
+    value: function removeAccents(str) {
+      if (str && str.search(/[\xC0-\xFF]/g) > -1) {
+        str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
+      }
+
+      return str;
+    }
+  }, {
+    key: "isEmpty",
+    value: function isEmpty(value) {
+      return value === null || value === undefined || value === '' || Array.isArray(value) && value.length === 0 || !(value instanceof Date) && _typeof(value) === 'object' && Object.keys(value).length === 0;
+    }
+  }, {
+    key: "isNotEmpty",
+    value: function isNotEmpty(value) {
+      return !this.isEmpty(value);
+    }
+  }]);
+
+  return ObjectUtils;
+}();
+
 var lastId = 0;
 function UniqueComponentId () {
   var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pr_id_';
@@ -2034,6 +1938,8 @@ function _inherits(subClass, superClass) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -2316,9 +2222,11 @@ var Portal = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      if (this.props.element && this.state.mounted) {
+      var element = this.props.element || this.props.children;
+
+      if (element && this.state.mounted) {
         var appendTo = this.props.appendTo || PrimeReact.appendTo || document.body;
-        return appendTo === 'self' ? this.props.element : /*#__PURE__*/ReactDOM.createPortal(this.props.element, appendTo);
+        return appendTo === 'self' ? element : /*#__PURE__*/ReactDOM.createPortal(element, appendTo);
       }
 
       return null;
@@ -3052,4 +2960,4 @@ var CSSTransition = /*#__PURE__*/function (_Component) {
   return CSSTransition;
 }(Component);
 
-export { CSSTransition, ConnectedOverlayScrollHandler, DomHandler, EventBus, FilterUtils, KeyFilter, ObjectUtils, OverlayService, Portal, Ripple, Tooltip, UniqueComponentId, ZIndexUtils, classNames, mask, tip };
+export { CSSTransition, ConnectedOverlayScrollHandler, DomHandler, EventBus, KeyFilter, ObjectUtils, OverlayService, Portal, Ripple, Tooltip, UniqueComponentId, ZIndexUtils, classNames, mask, tip };