primereact 7.1.0 → 7.2.0

package/primereact.all.js

@@ -54,6 +54,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -84,23 +87,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _assertThisInitialized(self) {
@@ -222,7 +222,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return undefined;
   }
 
-  function _createForOfIteratorHelper$i(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$i(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$i(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$i(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$i(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$i(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$i(o, minLen); }
 
@@ -1127,49 +1127,54 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (window.navigator.msSaveOrOpenBlob) {
           navigator.msSaveOrOpenBlob(blob, filename + '.csv');
         } else {
-          var link = document.createElement("a");
+          var isDownloaded = DomHandler.saveAs({
+            name: filename + '.csv',
+            src: URL.createObjectURL(blob)
+          });
+
+          if (!isDownloaded) {
+            csv = 'data:text/csv;charset=utf-8,' + csv;
+            window.open(encodeURI(csv));
+          }
+        }
+      }
+    }, {
+      key: "saveAs",
+      value: function saveAs(file) {
+        if (file) {
+          var link = document.createElement('a');
 
           if (link.download !== undefined) {
-            link.setAttribute('href', URL.createObjectURL(blob));
-            link.setAttribute('download', filename + '.csv');
+            var name = file.name,
+                src = file.src;
+            link.setAttribute('href', src);
+            link.setAttribute('download', name);
             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));
+            return true;
           }
         }
-      }
-      /**
-       * Anytime an inline style is created check environment variable 'process.env.REACT_APP_CSS_NONCE'
-       * to set a CSP NONCE.
-       *
-       * @see https://github.com/primefaces/primereact/issues/2423
-       * @return HtmlStyleElement
-       */
 
+        return false;
+      }
     }, {
       key: "createInlineStyle",
-      value: function createInlineStyle() {
+      value: function createInlineStyle(nonce) {
         var styleElement = document.createElement('style');
-        var nonce = process.env.REACT_APP_CSS_NONCE;
 
-        if (nonce) {
-          styleElement.setAttribute('nonce', nonce);
+        try {
+          if (!nonce) {
+            nonce = process.env.REACT_APP_CSS_NONCE;
+          }
+        } catch (error) {// NOOP
         }
 
+        nonce && styleElement.setAttribute('nonce', nonce);
         document.head.appendChild(styleElement);
         return styleElement;
       }
-      /**
-       * Remove a style element from the head and attempt to prevent DOM Exception on fast refresh.
-       *
-       * @see https://github.com/primefaces/primereact/issues/2469
-       * @param {HtmlStyleElement} styleElement the element to remove from head
-       */
-
     }, {
       key: "removeInlineStyle",
       value: function removeInlineStyle(styleElement) {
@@ -1251,9 +1256,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$V(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$V(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$V(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function mask(el, options) {
     var defaultOptions = {
       mask: null,
@@ -1970,9 +1975,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return _extends.apply(this, arguments);
   }
 
-  function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$U(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$U(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$U(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var IconUtils = /*#__PURE__*/function () {
     function IconUtils() {
@@ -2095,9 +2100,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     CUSTOM: 'custom'
   });
 
-  var PrimeReact = function PrimeReact() {
+  var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
     _classCallCheck(this, PrimeReact);
-  };
+  });
 
   _defineProperty(PrimeReact, "ripple", false);
 
@@ -2111,6 +2116,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   _defineProperty(PrimeReact, "autoZIndex", true);
 
+  _defineProperty(PrimeReact, "nonce", null);
+
   _defineProperty(PrimeReact, "zIndex", {
     modal: 1100,
     overlay: 1000,
@@ -2125,9 +2132,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
 
-  function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$T(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$T(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$T(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var locales = {
     'en': {
       startsWith: 'Starts with',
@@ -2464,7 +2471,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     OR: 'or'
   });
 
-  function _createForOfIteratorHelper$h(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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$h(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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$h(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$h(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$h(o, minLen); }
 
@@ -2584,7 +2591,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (value.getTime && filter.getTime) return value.getTime() !== filter.getTime();else return ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) !== ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
       },
-      in: function _in(value, filter) {
+      "in": function _in(value, filter) {
         if (filter === undefined || filter === null || filter.length === 0) {
           return true;
         }
@@ -2702,9 +2709,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   };
 
-  function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$S(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$S(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$S(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$2l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -2779,11 +2786,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        if (this.props.in !== prevProps.in && this.disabled) {
+        if (this.props["in"] !== prevProps["in"] && this.disabled) {
           // no animation
           var node = ObjectUtils.getRefElement(this.props.nodeRef);
 
-          if (this.props.in) {
+          if (this.props["in"]) {
             this.onEnter(node, true);
             this.onEntering(node, true);
             this.onEntered(node, true);
@@ -2798,11 +2805,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "render",
       value: function render() {
         if (this.disabled) {
-          return this.props.in ? this.props.children : null;
+          return this.props["in"] ? this.props.children : null;
         } else {
           var immutableProps = {
             nodeRef: this.props.nodeRef,
-            in: this.props.in,
+            "in": this.props["in"],
             onEnter: this.onEnter,
             onEntering: this.onEntering,
             onEntered: this.onEntered,
@@ -2826,9 +2833,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return CSSTransition;
   }(React.Component);
 
-  function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$R(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$R(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$R(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$2k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2k(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -2844,7 +2851,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return _super.apply(this, arguments);
     }
 
-    return AccordionTab;
+    return _createClass(AccordionTab);
   }(React.Component);
 
   _defineProperty(AccordionTab, "defaultProps", {
@@ -2998,7 +3005,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             enter: 1000,
             exit: 450
           },
-          in: selected,
+          "in": selected,
           unmountOnExit: true,
           options: this.props.transitionOptions
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3155,7 +3162,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   _defineProperty(KeyFilter, "DEFAULT_MASKS", {
     pint: /[\d]/,
-    int: /[\d\-]/,
+    "int": /[\d\-]/,
     pnum: /[\d\.]/,
     money: /[\d\.\s,]/,
     num: /[\d\-\.]/,
@@ -3208,8 +3215,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _classCallCheck(this, Portal);
 
       _this = _super.call(this, props);
+      var mounted = props.visible && DomHandler.hasDOM();
       _this.state = {
-        mounted: props.visible
+        mounted: mounted
       };
       return _this;
     }
@@ -3257,9 +3265,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function _isNativeReflectConstruct$2i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$Q(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$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$Q(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function tip(props) {
     var appendTo = props.appendTo || document.body;
     var tooltipWrapper = document.createDocumentFragment();
@@ -3896,9 +3904,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onHide: null
   });
 
-  function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$P(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$P(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$P(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$2h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2h(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -4145,9 +4153,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return Ripple;
   }(React.Component);
 
-  function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$O(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$O(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$O(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$2f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2f(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -4312,9 +4320,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$N(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$N(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$N(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$2e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2e(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -4372,7 +4380,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var isBoth = this.isBoth();
         var isHorizontal = this.isHorizontal();
         var first = this.state.first;
-        var numToleratedItems = this.state.numToleratedItems;
+
+        var _this$calculateNumIte = this.calculateNumItems(),
+            numToleratedItems = _this$calculateNumIte.numToleratedItems;
+
         var itemSize = this.props.itemSize;
         var contentPos = this.getContentPosition();
 
@@ -4565,13 +4576,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return this.props.orientation === 'both';
       }
     }, {
-      key: "calculateOptions",
-      value: function calculateOptions() {
-        var _this4 = this;
-
+      key: "calculateNumItems",
+      value: function calculateNumItems() {
         var isBoth = this.isBoth();
         var isHorizontal = this.isHorizontal();
-        var first = this.state.first;
         var itemSize = this.props.itemSize;
         var contentPos = this.getContentPosition();
         var contentWidth = this.el ? this.el.offsetWidth - contentPos.left : 0;
@@ -4590,6 +4598,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           cols: calculateNumItemsInViewport(contentWidth, itemSize[1])
         } : calculateNumItemsInViewport(isHorizontal ? contentWidth : contentHeight, itemSize);
         var numToleratedItems = this.state.numToleratedItems || (isBoth ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
+        return {
+          numItemsInViewport: numItemsInViewport,
+          numToleratedItems: numToleratedItems
+        };
+      }
+    }, {
+      key: "calculateOptions",
+      value: function calculateOptions() {
+        var _this4 = this;
+
+        var isBoth = this.isBoth();
+        var first = this.state.first;
+
+        var _this$calculateNumIte2 = this.calculateNumItems(),
+            numItemsInViewport = _this$calculateNumIte2.numItemsInViewport,
+            numToleratedItems = _this$calculateNumIte2.numToleratedItems;
 
         var calculateLast = function calculateLast(_first, _num, _numT, _isCols) {
           return _this4.getLast(_first + _num + (_first < _numT ? 2 : 3) * _numT, _isCols);
@@ -5185,9 +5209,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onLazyLoad: null
   });
 
-  function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$M(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$M(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$M(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$2d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2d(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -5320,7 +5344,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -5361,11 +5385,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var OverlayService = EventBus();
 
-  function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$L(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$L(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  function _createForOfIteratorHelper$g(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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$g(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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$g(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$g(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$g(o, minLen); }
 
@@ -6225,7 +6249,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onClick: this.onPanelClick,
           getOptionGroupLabel: this.getOptionGroupLabel,
           getOptionGroupChildren: this.getOptionGroupChildren,
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntering: this.onOverlayEntering,
           onEntered: this.onOverlayEntered,
@@ -6632,7 +6656,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -6677,15 +6701,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function _createForOfIteratorHelper$f(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(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$f(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(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$f(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$f(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$f(o, minLen); }
 
   function _arrayLikeToArray$f(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 ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$K(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$K(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$K(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$26(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$26(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -7420,7 +7444,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "doStepMinute",
       value: function doStepMinute(currentMinute, step) {
         if (this.props.stepMinute <= 1) {
-          return currentMinute;
+          return step ? currentMinute + step : currentMinute;
         }
 
         if (!step) {
@@ -10033,7 +10057,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           inline: this.props.inline,
           onClick: this.onPanelClick,
           onMouseUp: this.onPanelMouseUp,
-          in: isVisible,
+          "in": isVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -10335,9 +10359,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null
   });
 
-  function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$J(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$J(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$J(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$23(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$23(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -10691,7 +10715,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.carouselStyle) {
-          this.carouselStyle = DomHandler.createInlineStyle();
+          this.carouselStyle = DomHandler.createInlineStyle(PrimeReact.nonce);
         }
 
         var innerHTML = "\n            .p-carousel[".concat(this.attributeSelector, "] .p-carousel-item {\n                flex: 1 0 ").concat(100 / this.state.numVisible, "%\n            }\n        ");
@@ -11073,7 +11097,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onPageChange: null
   });
 
-  function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(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$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(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$e(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$e(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$e(o, minLen); }
 
@@ -11407,7 +11431,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onOptionGroupSelect: null
   });
 
-  function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(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$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(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$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(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$d(o, minLen); }
 
@@ -11847,7 +11871,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var overlay = /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.overlayRef,
           classNames: "p-connected-overlay",
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           timeout: {
             enter: 120,
             exit: 100
@@ -11976,8 +12000,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             _this.chart = null;
           }
 
-          if (module && module.default) {
-            _this.chart = new module.default(_this.canvas, {
+          if (module && module["default"]) {
+            _this.chart = new module["default"](_this.canvas, {
               type: _this.props.type,
               data: _this.props.data,
               options: _this.props.options,
@@ -12086,9 +12110,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null
   });
 
-  function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$I(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$I(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$I(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1$(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12432,9 +12456,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onRemove: null
   });
 
-  function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$H(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$H(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$H(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1Z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1Z(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -12856,7 +12880,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -12900,9 +12924,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$G(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$G(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$G(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1X(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1X(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13698,7 +13722,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           inline: this.props.inline,
           disabled: this.props.disabled,
           onClick: this.onPanelClick,
-          in: this.props.inline || this.state.overlayVisible,
+          "in": this.props.inline || this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -13746,7 +13770,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return _super.apply(this, arguments);
     }
 
-    return Column;
+    return _createClass(Column);
   }(React.Component);
 
   _defineProperty(Column, "defaultProps", {
@@ -13754,6 +13778,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     field: null,
     sortField: null,
     filterField: null,
+    exportField: null,
     header: null,
     body: null,
     footer: null,
@@ -13781,6 +13806,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     maxConstraints: 2,
     filterMenuClassName: null,
     filterMenuStyle: null,
+    align: null,
+    alignHeader: null,
     alignFrozen: 'left',
     hidden: false,
     onFilterClear: null,
@@ -13836,7 +13863,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return _super.apply(this, arguments);
     }
 
-    return ColumnGroup;
+    return _createClass(ColumnGroup);
   }(React.Component);
 
   function _createSuper$1U(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1U(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -13855,7 +13882,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _this = _super.call(this, props);
       _this.state = {
         id: props.id,
-        maskVisible: props.visible,
+        maskVisible: false,
         visible: false
       };
 
@@ -14277,7 +14304,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.styleElement) {
-          this.styleElement = DomHandler.createInlineStyle();
+          this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
           var innerHTML = '';
 
           for (var breakpoint in this.props.breakpoints) {
@@ -14300,9 +14327,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (this.props.visible) {
           this.setState({
-            visible: true
+            maskVisible: true
           }, function () {
             ZIndexUtils.set('modal', _this5.mask, PrimeReact.autoZIndex, _this5.props.baseZIndex || PrimeReact.zIndex['modal']);
+
+            _this5.setState({
+              visible: true
+            });
           });
         }
 
@@ -14492,7 +14523,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           nodeRef: this.dialogRef,
           classNames: "p-dialog",
           timeout: transitionTimeout,
-          in: this.state.visible,
+          "in": this.state.visible,
           options: this.props.transitionOptions,
           unmountOnExit: true,
           onEnter: this.onEnter,
@@ -14580,9 +14611,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function _isNativeReflectConstruct$1T() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$F(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$F(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$F(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function confirmDialog(props) {
     var appendTo = props.appendTo || document.body;
     var confirmDialogWrapper = document.createDocumentFragment();
@@ -14794,9 +14825,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function _isNativeReflectConstruct$1S() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-  function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$E(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$E(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$E(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function confirmPopup(props) {
     var appendTo = props.appendTo || document.body;
     var confirmPopupWrapper = document.createDocumentFragment();
@@ -15164,7 +15195,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.overlayRef,
           classNames: "p-connected-overlay",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: {
             enter: 120,
             exit: 100
@@ -15425,7 +15456,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.submenuRef,
           classNames: "p-contextmenusub",
-          in: isActive,
+          "in": isActive,
           timeout: {
             enter: 0,
             exit: 0
@@ -15741,7 +15772,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.menuRef,
           classNames: "p-contextmenu",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: {
             enter: 250,
             exit: 0
@@ -16424,9 +16455,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onClick: null
   });
 
-  function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$D(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$D(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$D(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1J(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1J(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -16671,7 +16702,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -16710,11 +16741,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$C(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$C(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$C(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  function _createForOfIteratorHelper$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(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$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(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$c(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$c(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$c(o, minLen); }
 
@@ -17000,10 +17031,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           clearTimeout(this.searchTimeout);
         }
 
-        var char = event.key;
+        var _char = event.key;
         this.previousSearchChar = this.currentSearchChar;
-        this.currentSearchChar = char;
-        if (this.previousSearchChar === this.currentSearchChar) this.searchValue = this.currentSearchChar;else this.searchValue = this.searchValue ? this.searchValue + char : char;
+        this.currentSearchChar = _char;
+        if (this.previousSearchChar === this.currentSearchChar) this.searchValue = this.currentSearchChar;else this.searchValue = this.searchValue ? this.searchValue + _char : _char;
 
         if (this.searchValue) {
           var searchIndex = this.getSelectedOptionIndex();
@@ -17782,7 +17813,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           getOptionGroupRenderKey: this.getOptionGroupRenderKey,
           isSelected: this.isSelected,
           getSelectedOptionIndex: this.getSelectedOptionIndex,
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -17924,9 +17955,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     disabled: false
   });
 
-  function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$B(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$B(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$B(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1G(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -17985,9 +18016,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     template: null
   });
 
-  function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$A(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$A(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$A(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1F(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1F(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -18463,12 +18494,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
 
         var code = event.which || event.keyCode;
-        var char = String.fromCharCode(code);
-        var isDecimalSign = this.isDecimalSign(char);
-        var isMinusSign = this.isMinusSign(char);
+
+        var _char = String.fromCharCode(code);
+
+        var isDecimalSign = this.isDecimalSign(_char);
+        var isMinusSign = this.isMinusSign(_char);
 
         if (48 <= code && code <= 57 || isMinusSign || isDecimalSign) {
-          this.insert(event, char, {
+          this.insert(event, _char, {
             isDecimalSign: isDecimalSign,
             isMinusSign: isMinusSign
           });
@@ -18501,8 +18534,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, {
       key: "isMinusSign",
-      value: function isMinusSign(char) {
-        if (this._minusSign.test(char) || char === '-') {
+      value: function isMinusSign(_char2) {
+        if (this._minusSign.test(_char2) || _char2 === '-') {
           this._minusSign.lastIndex = 0;
           return true;
         }
@@ -18511,8 +18544,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, {
       key: "isDecimalSign",
-      value: function isDecimalSign(char) {
-        if (this._decimal.test(char)) {
+      value: function isDecimalSign(_char3) {
+        if (this._decimal.test(_char3)) {
           this._decimal.lastIndex = 0;
           return true;
         }
@@ -18654,9 +18687,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var prefixLength = (this.prefixChar || '').length;
         inputValue = inputValue.replace(this._prefix, '');
         selectionStart = selectionStart - prefixLength;
-        var char = inputValue.charAt(selectionStart);
 
-        if (this.isNumeralChar(char)) {
+        var _char4 = inputValue.charAt(selectionStart);
+
+        if (this.isNumeralChar(_char4)) {
           return selectionStart + prefixLength;
         } //left
 
@@ -18664,9 +18698,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var i = selectionStart - 1;
 
         while (i >= 0) {
-          char = inputValue.charAt(i);
+          _char4 = inputValue.charAt(i);
 
-          if (this.isNumeralChar(char)) {
+          if (this.isNumeralChar(_char4)) {
             index = i + prefixLength;
             break;
           } else {
@@ -18680,9 +18714,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           i = selectionStart;
 
           while (i < valueLength) {
-            char = inputValue.charAt(i);
+            _char4 = inputValue.charAt(i);
 
-            if (this.isNumeralChar(char)) {
+            if (this.isNumeralChar(_char4)) {
               index = i + prefixLength;
               break;
             } else {
@@ -18704,8 +18738,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, {
       key: "isNumeralChar",
-      value: function isNumeralChar(char) {
-        if (char.length === 1 && (this._numeral.test(char) || this._decimal.test(char) || this._group.test(char) || this._minusSign.test(char))) {
+      value: function isNumeralChar(_char5) {
+        if (_char5.length === 1 && (this._numeral.test(_char5) || this._decimal.test(_char5) || this._group.test(_char5) || this._minusSign.test(_char5))) {
           this.resetRegex();
           return true;
         } else {
@@ -19674,10 +19708,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "onClick",
       value: function onClick(event) {
         if (!this.props.disabled) {
-          this.props.onChange({
-            originalEvent: event,
-            data: this.props.value
-          });
+          this.props.onChange(event);
           this.input.focus();
         }
       }
@@ -19713,14 +19744,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function render() {
         var _this2 = this;
 
-        var className = classNames('p-radiobutton-box p-component', {
+        var className = classNames('p-radiobutton p-component', {
+          'p-radiobutton-focused': this.state.focused
+        });
+        var boxClassName = classNames('p-radiobutton-box p-component', {
           'p-highlight': this.props.checked,
           'p-focus': this.state.focused,
           'p-disabled': this.props.disabled
         });
         var name = "".concat(this.props.tableSelector, "_dt_radio");
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "p-radiobutton p-component"
+          className: className
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-hidden-accessible"
         }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -19735,7 +19769,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onChange: this.onChange,
           onKeyDown: this.onKeyDown
         })), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: className,
+          className: boxClassName,
           onClick: this.onClick,
           role: "radio",
           "aria-checked": this.props.checked
@@ -19779,10 +19813,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           this.setState({
             focused: true
           });
-          this.props.onChange({
-            originalEvent: event,
-            data: this.props.value
-          });
+          this.props.onChange(event);
         }
       }
     }, {
@@ -19810,7 +19841,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "render",
       value: function render() {
-        var className = classNames('p-checkbox-box p-component', {
+        var className = classNames('p-checkbox p-component', {
+          'p-checkbox-focused': this.state.focused
+        });
+        var boxClassName = classNames('p-checkbox-box p-component', {
           'p-highlight': this.props.checked,
           'p-disabled': this.props.disabled,
           'p-focus': this.state.focused
@@ -19820,10 +19854,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
         var tabIndex = this.props.disabled ? null : '0';
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "p-checkbox p-component",
+          className: className,
           onClick: this.onClick
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: className,
+          className: boxClassName,
           role: "checkbox",
           "aria-checked": this.props.checked,
           tabIndex: tabIndex,
@@ -19839,9 +19873,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return RowCheckbox;
   }(React.Component);
 
-  function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$z(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$z(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$z(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1A(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -19869,6 +19903,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _this.onBlur = _this.onBlur.bind(_assertThisInitialized(_this));
       _this.onEditorFocus = _this.onEditorFocus.bind(_assertThisInitialized(_this));
       _this.onRowToggle = _this.onRowToggle.bind(_assertThisInitialized(_this));
+      _this.onRadioChange = _this.onRadioChange.bind(_assertThisInitialized(_this));
+      _this.onCheckboxChange = _this.onCheckboxChange.bind(_assertThisInitialized(_this));
       _this.onRowEditSave = _this.onRowEditSave.bind(_assertThisInitialized(_this));
       _this.onRowEditCancel = _this.onRowEditCancel.bind(_assertThisInitialized(_this));
       _this.onRowEditInit = _this.onRowEditInit.bind(_assertThisInitialized(_this));
@@ -19924,10 +19960,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return this.getColumnProp('frozen') ? Object.assign({}, columnStyle, bodyStyle, this.state.styleObject) : Object.assign({}, columnStyle, bodyStyle);
       }
     }, {
-      key: "getCellCallbackParams",
-      value: function getCellCallbackParams(event) {
+      key: "getCellParams",
+      value: function getCellParams() {
         return {
-          originalEvent: event,
           value: this.resolveFieldData(),
           field: this.field,
           rowData: this.props.rowData,
@@ -19938,6 +19973,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           props: this.props
         };
       }
+    }, {
+      key: "getCellCallbackParams",
+      value: function getCellCallbackParams(event) {
+        var params = this.getCellParams();
+        return _objectSpread$z({
+          originalEvent: event
+        }, params);
+      }
     }, {
       key: "resolveFieldData",
       value: function resolveFieldData(data) {
@@ -20027,30 +20070,27 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "findNextSelectableCell",
       value: function findNextSelectableCell(cell) {
         var nextCell = cell.nextElementSibling;
-        return nextCell ? DomHandler.hasClass(nextCell, 'p-selectable-cell') ? nextCell : this.findNextSelectableRow(nextCell) : null;
+        return nextCell ? DomHandler.hasClass(nextCell, 'p-selectable-cell') ? nextCell : this.findNextSelectableCell(nextCell) : null;
       }
     }, {
       key: "findPrevSelectableCell",
       value: function findPrevSelectableCell(cell) {
         var prevCell = cell.previousElementSibling;
-        return prevCell ? DomHandler.hasClass(prevCell, 'p-selectable-cell') ? prevCell : this.findPrevSelectableRow(prevCell) : null;
+        return prevCell ? DomHandler.hasClass(prevCell, 'p-selectable-cell') ? prevCell : this.findPrevSelectableCell(prevCell) : null;
       }
     }, {
-      key: "findNextSelectableRow",
-      value: function findNextSelectableRow(row) {
-        var nextRow = row.nextElementSibling;
-        return nextRow ? DomHandler.hasClass(nextRow, 'p-selectable-row') ? nextRow : this.findNextSelectableRow(nextRow) : null;
+      key: "findDownSelectableCell",
+      value: function findDownSelectableCell(cell) {
+        var downRow = cell.parentElement.nextElementSibling;
+        var downCell = downRow ? downRow.children[this.props.index] : null;
+        return downRow && downCell ? DomHandler.hasClass(downRow, 'p-selectable-row') && DomHandler.hasClass(downCell, 'p-selectable-cell') ? downCell : this.findDownSelectableCell(downCell) : null;
       }
     }, {
-      key: "findPrevSelectableRow",
-      value: function findPrevSelectableRow(row) {
-        var prevRow = row.previousElementSibling;
-
-        if (prevRow) {
-          return DomHandler.hasClass(prevRow, 'p-selectable-row') ? prevRow : this.findPrevSelectableRow(prevRow);
-        }
-
-        return null;
+      key: "findUpSelectableCell",
+      value: function findUpSelectableCell(cell) {
+        var upRow = cell.parentElement.previousElementSibling;
+        var upCell = upRow ? upRow.children[this.props.index] : null;
+        return upRow && upCell ? DomHandler.hasClass(upRow, 'p-selectable-row') && DomHandler.hasClass(upCell, 'p-selectable-cell') ? upCell : this.findUpSelectableCell(upCell) : null;
       }
     }, {
       key: "changeTabIndex",
@@ -20068,13 +20108,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         clearTimeout(this.tabindexTimeout);
         this.tabindexTimeout = setTimeout(function () {
           if (_this4.state.editing) {
-            var focusableEl = DomHandler.getFirstFocusableElement(_this4.el, ':not(.p-cell-editor-key-helper)');
+            var focusableEl = _this4.props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(_this4.el, ':not(.p-cell-editor-key-helper)') : DomHandler.findSingle(_this4.el, '.p-row-editor-save');
             focusableEl && focusableEl.focus();
           }
 
           _this4.keyHelper && (_this4.keyHelper.tabIndex = _this4.state.editing ? -1 : 0);
         }, 1);
       }
+    }, {
+      key: "focusOnInit",
+      value: function focusOnInit() {
+        var _this5 = this;
+
+        clearTimeout(this.initFocusTimeout);
+        this.initFocusTimeout = setTimeout(function () {
+          var focusableEl = _this5.props.editMode === 'row' ? DomHandler.findSingle(_this5.el, '.p-row-editor-init') : null;
+          focusableEl && focusableEl.focus();
+        }, 1);
+      }
     }, {
       key: "updateStickyPosition",
       value: function updateStickyPosition() {
@@ -20124,7 +20175,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onClick",
       value: function onClick(event) {
-        var _this5 = this;
+        var _this6 = this;
 
         var params = this.getCellCallbackParams(event);
 
@@ -20140,7 +20191,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
 
           setTimeout(function () {
-            _this5.setState({
+            _this6.setState({
               editing: true
             }, function () {
               if (onCellEditInit) {
@@ -20148,15 +20199,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               }
 
               if (cellEditValidatorEvent === 'click') {
-                _this5.bindDocumentEditListener();
+                _this6.bindDocumentEditListener();
 
-                _this5.overlayEventListener = function (e) {
-                  if (!_this5.isOutsideClicked(e.target)) {
-                    _this5.selfClick = true;
+                _this6.overlayEventListener = function (e) {
+                  if (!_this6.isOutsideClicked(e.target)) {
+                    _this6.selfClick = true;
                   }
                 };
 
-                OverlayService.on('overlay-click', _this5.overlayEventListener);
+                OverlayService.on('overlay-click', _this6.overlayEventListener);
               }
             });
           }, 1);
@@ -20230,10 +20281,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             //up arrow
 
             case 38:
-              var prevRow = this.findPrevSelectableRow(cell.parentElement);
+              var upCell = this.findUpSelectableCell(cell);
 
-              if (prevRow) {
-                var upCell = prevRow.children[this.props.index];
+              if (upCell) {
                 this.changeTabIndex(cell, upCell);
                 upCell.focus();
               }
@@ -20243,10 +20293,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             //down arrow
 
             case 40:
-              var nextRow = this.findNextSelectableRow(cell.parentElement);
+              var downCell = this.findDownSelectableCell(cell);
 
-              if (nextRow) {
-                var downCell = nextRow.children[this.props.index];
+              if (downCell) {
                 this.changeTabIndex(cell, downCell);
                 downCell.focus();
               }
@@ -20289,6 +20338,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function onEditorFocus(event) {
         this.onClick(event);
       }
+    }, {
+      key: "onRadioChange",
+      value: function onRadioChange(event) {
+        this.props.onRadioChange({
+          originalEvent: event,
+          data: this.props.rowData,
+          index: this.props.rowIndex
+        });
+      }
+    }, {
+      key: "onCheckboxChange",
+      value: function onCheckboxChange(event) {
+        this.props.onCheckboxChange({
+          originalEvent: event,
+          data: this.props.rowData,
+          index: this.props.rowIndex
+        });
+      }
     }, {
       key: "onRowToggle",
       value: function onRowToggle(event) {
@@ -20319,6 +20386,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           field: this.field,
           index: this.props.rowIndex
         });
+        this.focusOnInit();
       }
     }, {
       key: "onRowEditCancel",
@@ -20330,19 +20398,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           field: this.field,
           index: this.props.rowIndex
         });
+        this.focusOnInit();
       }
     }, {
       key: "bindDocumentEditListener",
       value: function bindDocumentEditListener() {
-        var _this6 = this;
+        var _this7 = this;
 
         if (!this.documentEditListener) {
           this.documentEditListener = function (e) {
-            if (!_this6.selfClick && _this6.isOutsideClicked(e.target)) {
-              _this6.switchCellToViewMode(e, true);
+            if (!_this7.selfClick && _this7.isOutsideClicked(e.target)) {
+              _this7.switchCellToViewMode(e, true);
             }
 
-            _this6.selfClick = false;
+            _this7.selfClick = false;
           };
 
           document.addEventListener('click', this.documentEditListener, true);
@@ -20419,7 +20488,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderElement",
       value: function renderElement() {
-        var _this7 = this;
+        var _this8 = this;
 
         var content, editorKeyHelper;
         var cellSelected = this.props.allowCellSelection && this.isSelected();
@@ -20433,19 +20502,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var body = this.getColumnProp('body');
         var editor = this.getColumnProp('editor');
         var frozen = this.getColumnProp('frozen');
+        var align = this.getColumnProp('align');
         var value = this.resolveFieldData();
         var cellClassName = ObjectUtils.getPropValue(this.props.cellClassName, value, {
           props: this.props.tableProps,
-          rowData: this.props.rowData
+          rowData: this.props.rowData,
+          column: this.props.column
         });
-        var className = classNames(this.getColumnProp('bodyClassName'), this.getColumnProp('class'), cellClassName, {
+        var className = classNames(this.getColumnProp('bodyClassName'), this.getColumnProp('className'), cellClassName, _defineProperty({
           'p-selection-column': selectionMode !== null,
           'p-editable-column': editor,
           'p-cell-editing': editor && this.state.editing,
           'p-frozen-column': frozen,
-          'p-selectable-cell': this.props.allowCellSelection,
+          'p-selectable-cell': this.props.allowCellSelection && this.props.isSelectable({
+            data: this.getCellParams(),
+            index: this.props.rowIndex
+          }),
           'p-highlight': cellSelected
-        });
+        }, "p-align-".concat(align), !!align));
         var style = this.getStyle();
         var title = this.props.responsiveLayout === 'stack' && /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-column-title"
@@ -20459,15 +20533,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             props: this.props.tableProps
           }) : true;
           content = showSelection && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__default["default"].createElement(RowRadioButton, {
-            value: this.props.rowData,
             checked: this.props.selected,
-            onChange: this.props.onRadioChange,
+            onChange: this.onRadioChange,
             tabIndex: this.props.tabIndex,
             tableSelector: this.props.tableSelector
           }), selectionMode === 'multiple' && /*#__PURE__*/React__default["default"].createElement(RowCheckbox, {
-            value: this.props.rowData,
             checked: this.props.selected,
-            onChange: this.props.onCheckboxChange,
+            onChange: this.onCheckboxChange,
             tabIndex: this.props.tabIndex
           }));
         } else if (rowReorder) {
@@ -20592,7 +20664,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           editorKeyHelper = /*#__PURE__*/React__default["default"].createElement("a", {
             tabIndex: "0",
             ref: function ref(el) {
-              return _this7.keyHelper = el;
+              return _this8.keyHelper = el;
             },
             className: "p-cell-editor-key-helper p-hidden-accessible",
             onFocus: this.onEditorFocus
@@ -20602,7 +20674,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         return /*#__PURE__*/React__default["default"].createElement("td", {
           ref: function ref(el) {
-            return _this7.el = el;
+            return _this8.el = el;
           },
           style: style,
           className: className,
@@ -20637,9 +20709,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return BodyCell;
   }(React.Component);
 
-  function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$y(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$y(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$y(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1z(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -21067,6 +21139,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               cellClassName: _this3.props.cellClassName,
               responsiveLayout: _this3.props.responsiveLayout,
               frozenRow: _this3.props.frozenRow,
+              isSelectable: _this3.props.isSelectable,
               showSelectionElement: _this3.props.showSelectionElement,
               showRowReorderElement: _this3.props.showRowReorderElement,
               onRadioChange: _this3.props.onRadioChange,
@@ -21092,7 +21165,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var className = classNames(rowClassName, {
           'p-highlight': !this.props.allowCellSelection && this.props.selected,
           'p-highlight-contextmenu': this.props.contextMenuSelected,
-          'p-selectable-row': this.props.allowRowSelection,
+          'p-selectable-row': this.props.allowRowSelection && this.props.isSelectable({
+            data: this.props.rowData,
+            index: this.props.index
+          }),
           'p-row-odd': this.props.index % 2 !== 0
         });
         var content = this.renderContent();
@@ -21169,9 +21245,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var _excluded = ["originalEvent"];
 
-  function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$x(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$x(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$x(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1x(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -21208,7 +21284,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _this.onRadioChange = _this.onRadioChange.bind(_assertThisInitialized(_this));
       _this.onCheckboxChange = _this.onCheckboxChange.bind(_assertThisInitialized(_this));
       _this.onDragSelectionMouseMove = _this.onDragSelectionMouseMove.bind(_assertThisInitialized(_this));
-      _this.onDragSelectionMouseUp = _this.onDragSelectionMouseUp.bind(_assertThisInitialized(_this)); // cell
+      _this.onDragSelectionMouseUp = _this.onDragSelectionMouseUp.bind(_assertThisInitialized(_this));
+      _this.isSelectable = _this.isSelectable.bind(_assertThisInitialized(_this)); // cell
 
       _this.onCellClick = _this.onCellClick.bind(_assertThisInitialized(_this));
       _this.onCellMouseDown = _this.onCellMouseDown.bind(_assertThisInitialized(_this));
@@ -21298,6 +21375,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         return false;
       }
+    }, {
+      key: "isSelectable",
+      value: function isSelectable(options) {
+        return this.props.isDataSelectable ? this.props.isDataSelectable(options) : true;
+      }
     }, {
       key: "isRowExpanded",
       value: function isRowExpanded(rowData) {
@@ -21467,8 +21549,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function onSingleSelection(_ref) {
         var originalEvent = _ref.originalEvent,
             data = _ref.data,
+            index = _ref.index,
             toggleable = _ref.toggleable,
             type = _ref.type;
+
+        if (!this.isSelectable({
+          data: data,
+          index: index
+        })) {
+          return;
+        }
+
         var selected = this.isSelected(data);
         var selection = this.props.selection;
 
@@ -21507,8 +21598,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         var originalEvent = _ref2.originalEvent,
             data = _ref2.data,
+            index = _ref2.index,
             toggleable = _ref2.toggleable,
             type = _ref2.type;
+
+        if (!this.isSelectable({
+          data: data,
+          index: index
+        })) {
+          return;
+        }
+
         var selected = this.isSelected(data);
         var selection = this.props.selection || [];
 
@@ -21613,6 +21713,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
           var rangeRowData = value[i];
+
+          if (!this.isSelectable({
+            data: rangeRowData,
+            index: i
+          })) {
+            continue;
+          }
+
           selection.push(rangeRowData);
           this.onSelect({
             originalEvent: event.originalEvent,
@@ -21649,14 +21757,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
           for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
             var field = columns[j].props.field;
+
+            var _value = ObjectUtils.resolveFieldData(rowData, field);
+
             var rangeRowData = {
-              value: ObjectUtils.resolveFieldData(rowData, field),
+              value: _value,
               field: field,
               rowData: rowData,
               rowIndex: i,
               cellIndex: j,
               selected: true
             };
+
+            if (!this.isSelectable({
+              data: rangeRowData,
+              index: i
+            })) {
+              continue;
+            }
+
             selection.push(rangeRowData);
             this.onSelect({
               originalEvent: event.originalEvent,
@@ -21706,7 +21825,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function focusOnElement(event, isFocused) {
         var target = event.currentTarget;
 
-        if (!this.allowCellSelection()) {
+        if (!this.allowCellSelection() && this.props.selectionAutoFocus) {
           if (this.isCheckboxSelectionModeInColumn()) {
             var checkbox = DomHandler.findSingle(target, 'td.p-selection-column .p-checkbox-box');
             checkbox && checkbox.focus();
@@ -21718,6 +21837,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         !isFocused && target && target.focus();
       }
+    }, {
+      key: "changeTabIndex",
+      value: function changeTabIndex(event, type) {
+        var target = event.currentTarget;
+        var isSelectable = DomHandler.hasClass(target, type === 'cell' ? 'p-selectable-cell' : 'p-selectable-row');
+
+        if (isSelectable) {
+          var selector = type === 'cell' ? 'tr > td' : 'tr';
+          var tabbableEl = DomHandler.findSingle(this.el, "".concat(selector, "[tabindex=\"").concat(this.props.tabIndex, "\"]"));
+
+          if (tabbableEl && target) {
+            tabbableEl.tabIndex = -1;
+            target.tabIndex = this.props.tabIndex;
+          }
+        }
+      }
     }, {
       key: "onRowClick",
       value: function onRowClick(event) {
@@ -21748,6 +21883,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               }));
             }
           }
+
+          this.changeTabIndex(event.originalEvent, 'row');
         } else {
           this.focusOnElement(event.originalEvent);
         }
@@ -21803,7 +21940,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) event.currentTarget.draggable = true;else event.currentTarget.draggable = false;
 
         if (this.allowRowDrag(e)) {
-          this.enableDragSelection(event);
+          this.enableDragSelection(event, 'row');
           this.anchorRowIndex = e.index;
           this.rangeRowIndex = e.index;
           this.anchorRowFirst = this.props.first;
@@ -22034,6 +22171,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               this.onSingleSelection({
                 originalEvent: originalEvent,
                 data: data,
+                index: event.rowIndex,
                 toggleable: toggleable,
                 type: 'cell'
               });
@@ -22041,11 +22179,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               this.onMultipleSelection({
                 originalEvent: originalEvent,
                 data: data,
+                index: event.rowIndex,
                 toggleable: toggleable,
                 type: 'cell'
               });
             }
           }
+
+          this.changeTabIndex(event.originalEvent, 'cell');
         }
 
         this.rowTouched = false;
@@ -22142,7 +22283,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderGroupHeader",
       value: function renderGroupHeader(rowData, index, expanded, isSubheaderGrouping, colSpan) {
-        if (isSubheaderGrouping && this.shouldRenderRowGroupHeader(this.props.value, rowData, index)) {
+        if (isSubheaderGrouping && this.shouldRenderRowGroupHeader(this.props.value, rowData, index - this.props.first)) {
           var style = this.rowGroupHeaderStyle();
           var toggler = this.props.expandableRowGroups && /*#__PURE__*/React__default["default"].createElement(RowTogglerButton, {
             onClick: this.onRowToggle,
@@ -22190,6 +22331,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             onRowDoubleClick: this.onRowDoubleClick,
             onRowRightClick: this.onRowRightClick,
             tabIndex: this.props.tabIndex,
+            isSelectable: this.isSelectable,
             onRowTouchEnd: this.onRowTouchEnd,
             onRowMouseDown: this.onRowMouseDown,
             onRowMouseUp: this.onRowMouseUp,
@@ -22261,7 +22403,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderGroupFooter",
       value: function renderGroupFooter(rowData, index, expanded, isSubheaderGrouping, colSpan) {
-        if (isSubheaderGrouping && this.shouldRenderRowGroupFooter(this.props.value, rowData, index, expanded)) {
+        if (isSubheaderGrouping && this.shouldRenderRowGroupFooter(this.props.value, rowData, index - this.props.first, expanded)) {
           var content = ObjectUtils.getJSXElement(this.props.rowGroupFooterTemplate, rowData, {
             index: index,
             colSpan: colSpan,
@@ -22319,9 +22461,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return TableBody;
   }(React.Component);
 
-  function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$w(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$w(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$w(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1w(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -22408,9 +22550,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _this2 = this;
 
         var style = this.getStyle();
-        var className = classNames(this.getColumnProp('footerClassName'), this.getColumnProp('className'), {
+        var align = this.getColumnProp('align');
+        var className = classNames(this.getColumnProp('footerClassName'), this.getColumnProp('className'), _defineProperty({
           'p-frozen-column': this.getColumnProp('frozen')
-        });
+        }, "p-align-".concat(align), !!align));
         var colSpan = this.getColumnProp('colSpan');
         var rowSpan = this.getColumnProp('rowSpan');
         var content = ObjectUtils.getJSXElement(this.getColumnProp('footer'), {
@@ -22601,9 +22744,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return HeaderCheckbox;
   }(React.Component);
 
-  function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$v(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$v(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$v(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1t(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -23545,7 +23688,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(Portal, null, /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.overlayRef,
           classNames: "p-connected-overlay",
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           timeout: {
             enter: 120,
             exit: 100
@@ -23583,9 +23726,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return ColumnFilter;
   }(React.Component);
 
-  function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$u(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$u(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$u(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1s(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -23957,7 +24100,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var isSortableDisabled = this.isSortableDisabled();
         var sortMeta = this.getSortMeta();
         var style = this.getStyle();
-        var className = classNames(this.getColumnProp('headerClassName'), this.getColumnProp('className'), {
+        var align = this.getColumnProp('alignHeader') || this.getColumnProp('align');
+        var className = classNames(this.getColumnProp('headerClassName'), this.getColumnProp('className'), _defineProperty({
           'p-sortable-column': this.getColumnProp('sortable'),
           'p-resizable-column': this.props.resizableColumns,
           'p-highlight': sortMeta.sorted,
@@ -23965,7 +24109,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'p-selection-column': this.getColumnProp('selectionMode'),
           'p-sortable-disabled': this.getColumnProp('sortable') && isSortableDisabled,
           'p-reorderable-column': this.props.reorderableColumns && this.getColumnProp('reorderable')
-        });
+        }, "p-align-".concat(align), !!align));
         var tabIndex = this.getColumnProp('sortable') && !isSortableDisabled ? this.props.tabIndex : null;
         var colSpan = this.getColumnProp('colSpan');
         var rowSpan = this.getColumnProp('rowSpan');
@@ -24002,9 +24146,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return HeaderCell;
   }(React.Component);
 
-  function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$t(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$t(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$t(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1r(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -24247,9 +24391,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return TableHeader;
   }(React.Component);
 
-  function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$s(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$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -24269,7 +24413,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         d_rows: props.rows,
         columnOrder: [],
         groupRowsSortMeta: null,
-        editingMeta: {}
+        editingMeta: {},
+        attributeSelector: null
       };
 
       if (!_this.props.onPage) {
@@ -24287,9 +24432,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (!_this.props.onFilter) {
         _this.state.filters = props.filters;
-      }
+      } // header
 
-      _this.attributeSelector = UniqueComponentId(); // header
 
       _this.onSortChange = _this.onSortChange.bind(_assertThisInitialized(_this));
       _this.onFilterChange = _this.onFilterChange.bind(_assertThisInitialized(_this));
@@ -24633,18 +24777,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             this.el.style.width = this.tableWidthState;
           }
 
-          this.createStyleElement();
-
-          if (this.props.scrollable && widths && widths.length > 0) {
+          if (ObjectUtils.isNotEmpty(widths)) {
+            this.createStyleElement();
             var innerHTML = '';
             widths.forEach(function (width, index) {
-              innerHTML += "\n                        .p-datatable[".concat(_this4.attributeSelector, "] .p-datatable-thead > tr > th:nth-child(").concat(index + 1, ") {\n                            flex: 0 0 ").concat(width, "px;\n                        }\n\n                        .p-datatable[").concat(_this4.attributeSelector, "] .p-datatable-tbody > tr > td:nth-child(").concat(index + 1, ") {\n                            flex: 0 0 ").concat(width, "px;\n                        }\n                    ");
+              var style = _this4.props.scrollable ? "flex: 1 1 ".concat(width, "px !important") : "width: ".concat(width, "px !important");
+              innerHTML += "\n                        .p-datatable[".concat(_this4.state.attributeSelector, "] .p-datatable-thead > tr > th:nth-child(").concat(index + 1, "),\n                        .p-datatable[").concat(_this4.state.attributeSelector, "] .p-datatable-tbody > tr > td:nth-child(").concat(index + 1, "),\n                        .p-datatable[").concat(_this4.state.attributeSelector, "] .p-datatable-tfoot > tr > td:nth-child(").concat(index + 1, ") {\n                            ").concat(style, "\n                        }\n                    ");
             });
             this.styleElement.innerHTML = innerHTML;
-          } else {
-            DomHandler.find(this.table, '.p-datatable-thead > tr > th').forEach(function (header, index) {
-              return header.style.width = widths[index] + 'px';
-            });
           }
         }
       }
@@ -24669,25 +24809,42 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function getGroupRowSortField() {
         return this.props.sortMode === 'single' ? this.props.sortField : this.state.groupRowsSortMeta ? this.state.groupRowsSortMeta.field : null;
       }
+    }, {
+      key: "getSelectableData",
+      value: function getSelectableData(val) {
+        var _this5 = this;
+
+        if (this.props.showSelectionElement || this.props.isDataSelectable) {
+          return val.filter(function (data, index) {
+            var isSelectable = true;
+            if (_this5.props.showSelectionElement) isSelectable = _this5.props.showSelectionElement({
+              rowIndex: index,
+              props: _this5.props
+            });
+            if (_this5.props.isDataSelectable && isSelectable) isSelectable = _this5.props.isDataSelectable({
+              data: data,
+              index: index
+            });
+            return isSelectable;
+          });
+        }
+
+        return val;
+      }
     }, {
       key: "allRowsSelected",
       value: function allRowsSelected(processedData) {
-        var _this5 = this;
+        var _this6 = this;
 
         if (this.props.onSelectAllChange) {
           return this.props.selectAll;
         } else {
           var data = this.props.selectionPageOnly ? this.dataToRender(processedData) : processedData;
           var val = this.props.frozenValue ? [].concat(_toConsumableArray(this.props.frozenValue), _toConsumableArray(data)) : data;
-          var selectableVal = this.props.showSelectionElement ? val.filter(function (data, index) {
-            return _this5.props.showSelectionElement(data, {
-              rowIndex: index,
-              props: _this5.props
-            });
-          }) : val;
+          var selectableVal = this.getSelectableData(val);
           return selectableVal && this.props.selection && selectableVal.every(function (sv) {
-            return _this5.props.selection.some(function (s) {
-              return _this5.isEquals(s, sv);
+            return _this6.props.selection.some(function (s) {
+              return _this6.isEquals(s, sv);
             });
           });
         }
@@ -24821,7 +24978,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "resizeTableCells",
       value: function resizeTableCells(newColumnWidth, nextColumnWidth) {
-        var _this6 = this;
+        var _this7 = this;
 
         var widths = [];
         var colIndex = DomHandler.index(this.resizeColumnElement);
@@ -24834,30 +24991,30 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var innerHTML = '';
         widths.forEach(function (width, index) {
           var colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;
-          var style = _this6.props.scrollable ? "flex: 0 0 ".concat(colWidth, "px !important") : "width: ".concat(colWidth, "px !important");
-          innerHTML += "\n                .p-datatable[".concat(_this6.attributeSelector, "] .p-datatable-thead > tr > th:nth-child(").concat(index + 1, "),\n                .p-datatable[").concat(_this6.attributeSelector, "] .p-datatable-tbody > tr > td:nth-child(").concat(index + 1, "),\n                .p-datatable[").concat(_this6.attributeSelector, "] .p-datatable-tfoot > tr > td:nth-child(").concat(index + 1, ") {\n                    ").concat(style, "\n                }\n            ");
+          var style = _this7.props.scrollable ? "flex: 1 1 ".concat(colWidth, "px !important") : "width: ".concat(colWidth, "px !important");
+          innerHTML += "\n                .p-datatable[".concat(_this7.state.attributeSelector, "] .p-datatable-thead > tr > th:nth-child(").concat(index + 1, "),\n                .p-datatable[").concat(_this7.state.attributeSelector, "] .p-datatable-tbody > tr > td:nth-child(").concat(index + 1, "),\n                .p-datatable[").concat(_this7.state.attributeSelector, "] .p-datatable-tfoot > tr > td:nth-child(").concat(index + 1, ") {\n                    ").concat(style, "\n                }\n            ");
         });
         this.styleElement.innerHTML = innerHTML;
       }
     }, {
       key: "bindColumnResizeEvents",
       value: function bindColumnResizeEvents() {
-        var _this7 = this;
+        var _this8 = this;
 
         if (!this.documentColumnResizeListener) {
           this.documentColumnResizeListener = document.addEventListener('mousemove', function (event) {
-            if (_this7.columnResizing) {
-              _this7.onColumnResize(event);
+            if (_this8.columnResizing) {
+              _this8.onColumnResize(event);
             }
           });
         }
 
         if (!this.documentColumnResizeEndListener) {
           this.documentColumnResizeEndListener = document.addEventListener('mouseup', function () {
-            if (_this7.columnResizing) {
-              _this7.columnResizing = false;
+            if (_this8.columnResizing) {
+              _this8.columnResizing = false;
 
-              _this7.onColumnResizeEnd();
+              _this8.onColumnResizeEnd();
             }
           });
         }
@@ -24889,7 +25046,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onColumnHeaderCheckboxChange",
       value: function onColumnHeaderCheckboxChange(e, processedData) {
-        var _this8 = this;
+        var _this9 = this;
 
         if (this.props.onSelectAllChange) {
           this.props.onSelectAllChange(e);
@@ -24899,18 +25056,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var data = this.props.selectionPageOnly ? this.dataToRender(processedData) : processedData;
           var selection = this.props.selectionPageOnly && this.props.selection ? this.props.selection.filter(function (s) {
             return !data.some(function (d) {
-              return _this8.isEquals(s, d);
+              return _this9.isEquals(s, d);
             });
           }) : [];
 
           if (checked) {
             selection = this.props.frozenValue ? [].concat(_toConsumableArray(selection), _toConsumableArray(this.props.frozenValue), _toConsumableArray(data)) : [].concat(_toConsumableArray(selection), _toConsumableArray(data));
-            selection = this.props.showSelectionElement ? selection.filter(function (data, index) {
-              return _this8.props.showSelectionElement(data, {
-                rowIndex: index,
-                props: _this8.props
-              });
-            }) : selection;
+            selection = this.getSelectableData(selection);
             this.props.onAllRowsSelect && this.props.onAllRowsSelect({
               originalEvent: originalEvent,
               data: selection,
@@ -24996,7 +25148,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onColumnHeaderDrop",
       value: function onColumnHeaderDrop(e) {
-        var _this9 = this;
+        var _this10 = this;
 
         var event = e.originalEvent,
             column = e.column;
@@ -25019,7 +25171,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             };
 
             var dragColIndex = columns.findIndex(function (child) {
-              return isSameColumn(child, _this9.draggedColumn);
+              return isSameColumn(child, _this10.draggedColumn);
             });
             var dropColIndex = columns.findIndex(function (child) {
               return isSameColumn(child, column);
@@ -25063,14 +25215,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "createStyleElement",
       value: function createStyleElement() {
-        this.styleElement = DomHandler.createInlineStyle();
+        this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
       }
     }, {
       key: "createResponsiveStyle",
       value: function createResponsiveStyle() {
         if (!this.responsiveStyleElement) {
-          this.responsiveStyleElement = DomHandler.createInlineStyle();
-          var innerHTML = "\n@media screen and (max-width: ".concat(this.props.breakpoint, ") {\n    .p-datatable[").concat(this.attributeSelector, "] .p-datatable-thead > tr > th,\n    .p-datatable[").concat(this.attributeSelector, "] .p-datatable-tfoot > tr > td {\n        display: none !important;\n    }\n\n    .p-datatable[").concat(this.attributeSelector, "] .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100% !important;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datatable[").concat(this.attributeSelector, "] .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    .p-datatable[").concat(this.attributeSelector, "].p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    .p-datatable[").concat(this.attributeSelector, "] .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
+          this.responsiveStyleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
+          var innerHTML = "\n@media screen and (max-width: ".concat(this.props.breakpoint, ") {\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-thead > tr > th,\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tfoot > tr > td {\n        display: none !important;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100% !important;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "].p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
           this.responsiveStyleElement.innerHTML = innerHTML;
         }
       }
@@ -25204,7 +25356,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "sortSingle",
       value: function sortSingle(data, field, order) {
-        var _this10 = this;
+        var _this11 = this;
 
         if (this.props.groupRowsBy && this.props.groupRowsBy === this.props.sortField) {
           var multiSortMeta = [{
@@ -25230,7 +25382,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             var value1 = ObjectUtils.resolveFieldData(data1, field);
             var value2 = ObjectUtils.resolveFieldData(data2, field);
 
-            var result = _this10.compareValuesOnSort(value1, value2);
+            var result = _this11.compareValuesOnSort(value1, value2);
 
             return order * result;
           });
@@ -25241,7 +25393,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "sortMultiple",
       value: function sortMultiple(data) {
-        var _this11 = this;
+        var _this12 = this;
 
         var multiSortMeta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
@@ -25258,7 +25410,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (this.columnSortable && this.columnSortFunction) {
           var meta = multiSortMeta.find(function (meta) {
-            return meta.field === _this11.columnField;
+            return meta.field === _this12.columnField;
           });
           var field = this.columnField;
           var order = meta ? meta.order : this.defaultSortOrder;
@@ -25268,7 +25420,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         } else {
           value.sort(function (data1, data2) {
-            return _this11.multisortField(data1, data2, multiSortMeta, 0);
+            return _this12.multisortField(data1, data2, multiSortMeta, 0);
           });
         }
 
@@ -25298,25 +25450,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onFilterApply",
       value: function onFilterApply() {
-        var _this12 = this;
+        var _this13 = this;
 
         clearTimeout(this.filterTimeout);
         this.filterTimeout = setTimeout(function () {
-          var filters = _this12.cloneFilters(_this12.state.d_filters);
+          var filters = _this13.cloneFilters(_this13.state.d_filters);
 
-          if (_this12.props.onFilter) {
-            _this12.props.onFilter(_this12.createEvent({
+          if (_this13.props.onFilter) {
+            _this13.props.onFilter(_this13.createEvent({
               filters: filters
             }));
           } else {
-            _this12.setState({
+            _this13.setState({
               first: 0,
               filters: filters
             });
           }
 
-          if (_this12.props.onValueChange) {
-            _this12.props.onValueChange(_this12.processedData({
+          if (_this13.props.onValueChange) {
+            _this13.props.onValueChange(_this13.processedData({
               filters: filters
             }));
           }
@@ -25414,7 +25566,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "cloneFilters",
       value: function cloneFilters(filters) {
-        var _this13 = this;
+        var _this14 = this;
 
         filters = filters || this.props.filters;
         var cloned = {};
@@ -25456,7 +25608,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               });
             }
 
-            _filters[field] = _this13.props.filterDisplay === 'menu' ? {
+            _filters[field] = _this14.props.filterDisplay === 'menu' ? {
               operator: FilterOperator.AND,
               constraints: [constraint]
             } : constraint;
@@ -25535,7 +25687,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "exportCSV",
       value: function exportCSV(options) {
-        var _this14 = this;
+        var _this15 = this;
 
         var data;
         var csv = "\uFEFF";
@@ -25558,7 +25710,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             csv += '"' + (header || field) + '"';
 
             if (i < columns.length - 1) {
-              csv += _this14.props.csvSeparator;
+              csv += _this15.props.csvSeparator;
             }
           }
         }); //body
@@ -25567,14 +25719,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           csv += '\n';
           columns.forEach(function (column, i) {
             var _column$props2 = column.props,
-                field = _column$props2.field,
+                columnField = _column$props2.field,
+                exportField = _column$props2.exportField,
                 exportable = _column$props2.exportable;
+            var field = exportField || columnField;
 
             if (exportable && field) {
               var cellData = ObjectUtils.resolveFieldData(record, field);
 
               if (cellData != null) {
-                cellData = _this14.props.exportFunction ? _this14.props.exportFunction({
+                cellData = _this15.props.exportFunction ? _this15.props.exportFunction({
                   data: cellData,
                   field: field,
                   rowData: record,
@@ -25585,7 +25739,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               csv += '"' + cellData + '"';
 
               if (i < columns.length - 1) {
-                csv += _this14.props.csvSeparator;
+                csv += _this15.props.csvSeparator;
               }
             }
           });
@@ -25648,7 +25802,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "componentDidMount",
       value: function componentDidMount() {
-        this.el.setAttribute(this.attributeSelector, '');
+        var _this16 = this;
+
+        this.setState({
+          attributeSelector: UniqueComponentId()
+        }, function () {
+          _this16.el.setAttribute(_this16.state.attributeSelector, '');
+        });
 
         if (this.props.responsiveLayout === 'stack' && !this.props.scrollable) {
           this.createResponsiveStyle();
@@ -25774,7 +25934,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderTableBody",
       value: function renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled) {
-        var tableSelector = this.attributeSelector;
+        var tableSelector = this.state.attributeSelector;
         var first = this.getFirst();
         var editingMeta = this.state.editingMeta;
         var rows = options.rows,
@@ -25838,6 +25998,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onRowEditCancel: this.props.onRowEditCancel,
           cellClassName: this.props.cellClassName,
           responsiveLayout: this.props.responsiveLayout,
+          selectionAutoFocus: this.props.selectionAutoFocus,
+          isDataSelectable: this.props.isDataSelectable,
           showSelectionElement: this.props.showSelectionElement,
           showRowReorderElement: this.props.showRowReorderElement,
           expandedRowIcon: this.props.expandedRowIcon,
@@ -25903,6 +26065,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onRowEditCancel: this.props.onRowEditCancel,
           cellClassName: this.props.cellClassName,
           responsiveLayout: this.props.responsiveLayout,
+          selectionAutoFocus: this.props.selectionAutoFocus,
+          isDataSelectable: this.props.isDataSelectable,
           showSelectionElement: this.props.showSelectionElement,
           showRowReorderElement: this.props.showRowReorderElement,
           expandedRowIcon: this.props.expandedRowIcon,
@@ -25927,7 +26091,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderContent",
       value: function renderContent(processedData, columns, selectionModeInColumn, empty) {
-        var _this15 = this;
+        var _this17 = this;
 
         if (!columns) return;
         var isVirtualScrollerDisabled = this.isVirtualScrollerDisabled();
@@ -25935,7 +26099,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-datatable-wrapper",
           style: {
-            maxHeight: isVirtualScrollerDisabled ? this.props.scrollHeight : ''
+            maxHeight: isVirtualScrollerDisabled ? this.props.scrollHeight : null
           }
         }, /*#__PURE__*/React__default["default"].createElement(VirtualScroller, _extends({}, virtualScrollerOptions, {
           items: processedData,
@@ -25946,21 +26110,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           showSpacer: false,
           contentTemplate: function contentTemplate(options) {
             var ref = function ref(el) {
-              _this15.table = el;
+              _this17.table = el;
               options.spacerRef && options.spacerRef(el);
             };
 
-            var tableClassName = classNames('p-datatable-table', _this15.props.tableClassName);
+            var tableClassName = classNames('p-datatable-table', _this17.props.tableClassName);
 
-            var tableHeader = _this15.renderTableHeader(options, empty);
+            var tableHeader = _this17.renderTableHeader(options, empty);
 
-            var tableBody = _this15.renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled);
+            var tableBody = _this17.renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled);
 
-            var tableFooter = _this15.renderTableFooter(options);
+            var tableFooter = _this17.renderTableFooter(options);
 
             return /*#__PURE__*/React__default["default"].createElement("table", {
               ref: ref,
-              style: _this15.props.tableStyle,
+              style: _this17.props.tableStyle,
               className: tableClassName,
               role: "table"
             }, tableHeader, tableBody, tableFooter);
@@ -26022,12 +26186,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderResizeHelper",
       value: function renderResizeHelper() {
-        var _this16 = this;
+        var _this18 = this;
 
         if (this.props.resizableColumns) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
-              return _this16.resizeHelper = el;
+              return _this18.resizeHelper = el;
             },
             className: "p-column-resizer-helper",
             style: {
@@ -26041,7 +26205,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderReorderIndicators",
       value: function renderReorderIndicators() {
-        var _this17 = this;
+        var _this19 = this;
 
         if (this.props.reorderableColumns) {
           var style = {
@@ -26050,13 +26214,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           };
           return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
             ref: function ref(el) {
-              return _this17.reorderIndicatorUp = el;
+              return _this19.reorderIndicatorUp = el;
             },
             className: "pi pi-arrow-down p-datatable-reorder-indicator-up",
             style: style
           }), /*#__PURE__*/React__default["default"].createElement("span", {
             ref: function ref(el) {
-              return _this17.reorderIndicatorDown = el;
+              return _this19.reorderIndicatorDown = el;
             },
             className: "pi pi-arrow-up p-datatable-reorder-indicator-down",
             style: style
@@ -26068,15 +26232,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "render",
       value: function render() {
-        var _this18 = this;
+        var _this20 = this;
 
         var processedData = this.processedData();
         var columns = this.getColumns();
         var totalRecords = this.getTotalRecords(processedData);
         var empty = ObjectUtils.isEmpty(processedData);
         var selectionModeInColumn = this.getSelectionModeInColumn(columns);
+        var selectable = this.props.selectionMode || selectionModeInColumn;
         var className = classNames('p-datatable p-component', {
-          'p-datatable-hoverable-rows': this.props.rowHover || this.props.selectionMode || selectionModeInColumn,
+          'p-datatable-hoverable-rows': this.props.rowHover,
+          'p-datatable-selectable': selectable && !this.props.cellSelection,
+          'p-datatable-selectable-cell': selectable && this.props.cellSelection,
           'p-datatable-auto-layout': this.props.autoLayout,
           'p-datatable-resizable': this.props.resizableColumns,
           'p-datatable-resizable-fit': this.props.resizableColumns && this.props.columnResizeMode === 'fit',
@@ -26104,7 +26271,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var reorderIndicators = this.renderReorderIndicators();
         return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
-            return _this18.el = el;
+            return _this20.el = el;
           },
           id: this.props.id,
           className: className,
@@ -26172,6 +26339,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     metaKeySelection: true,
     selectOnEdit: true,
     selectionPageOnly: false,
+    selectionAutoFocus: true,
     showSelectAll: true,
     selectAll: false,
     onSelectAllChange: null,
@@ -26223,6 +26391,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     globalFilterFields: null,
     showSelectionElement: null,
     showRowReorderElement: null,
+    isDataSelectable: null,
     onColumnResizeEnd: null,
     onColumnResizerClick: null,
     onColumnResizerDoubleClick: null,
@@ -26792,9 +26961,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null
   });
 
-  function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$r(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$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1m(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -26821,8 +26990,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _this = this;
 
         import('quill').then(function (module) {
-          if (module && module.default && DomHandler.isExist(_this.editorElement)) {
-            _this.quill = new module.default(_this.editorElement, {
+          if (module && module["default"] && DomHandler.isExist(_this.editorElement)) {
+            _this.quill = new module["default"](_this.editorElement, {
               modules: _objectSpread$r({
                 toolbar: _this.props.showHeader ? _this.toolbarElement : false
               }, _this.props.modules),
@@ -27018,9 +27187,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onLoad: null
   });
 
-  function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$q(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$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -27120,7 +27289,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             enter: 1000,
             exit: 450
           },
-          in: !collapsed,
+          "in": !collapsed,
           unmountOnExit: true,
           options: this.props.transitionOptions
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27559,7 +27728,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     color: null
   });
 
-  function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(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$b(o, minLen); }
 
@@ -27582,7 +27751,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _this.state = {
         files: [],
         msgs: [],
-        focused: false
+        focused: false,
+        progress: 0
       };
       _this.choose = _this.choose.bind(_assertThisInitialized(_this));
       _this.upload = _this.upload.bind(_assertThisInitialized(_this));
@@ -28068,6 +28238,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             sizeElement: size,
             removeElement: removeButton,
             formatSize: this.formatSize(file.size),
+            files: this.state.files,
+            index: index,
             element: content,
             props: this.props
           };
@@ -28933,7 +29105,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.thumbnailsStyle) {
-          this.thumbnailsStyle = DomHandler.createInlineStyle();
+          this.thumbnailsStyle = DomHandler.createInlineStyle(PrimeReact.nonce);
         }
 
         var innerHTML = "\n            .p-galleria-thumbnail-items[".concat(this.attributeSelector, "] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100 / this.state.numVisible, "%\n            }\n        ");
@@ -29165,9 +29337,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return GalleriaThumbnails;
   }(React.Component);
 
-  function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$p(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$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1d(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -29444,7 +29616,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }, /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
             nodeRef: this.galleriaRef,
             classNames: "p-galleria",
-            in: this.state.visible,
+            "in": this.state.visible,
             timeout: {
               enter: 150,
               exit: 150
@@ -29507,7 +29679,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onItemChange: null
   });
 
-  function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(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$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(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$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(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$a(o, minLen); }
 
@@ -29878,9 +30050,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onToggle: null
   });
 
-  function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$o(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$o(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$o(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$1a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1a(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -30566,9 +30738,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onBlur: null
   });
 
-  function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$n(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$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$19(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$19(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -30779,9 +30951,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onBlur: null
   });
 
-  function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$m(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$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$18(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$18(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -31434,15 +31606,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onFilter: null
   });
 
-  function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(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$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(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$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(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$9(o, minLen); }
 
   function _arrayLikeToArray$9(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 ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$l(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$14(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$14(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -32781,7 +32953,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
             nodeRef: this.menuRef,
             classNames: "p-connected-overlay",
-            in: this.state.visible,
+            "in": this.state.visible,
             timeout: {
               enter: 120,
               exit: 100
@@ -33688,9 +33860,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onKeyDown: null
   });
 
-  function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$k(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$Y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Y(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -33911,7 +34083,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -33949,11 +34121,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$j(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(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$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(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$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen); }
 
@@ -34976,7 +35148,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onOptionSelect: this.onOptionSelect,
           allowOptionSelect: this.allowOptionSelect,
           onOptionKeyDown: this.onOptionKeyDown,
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -35046,9 +35218,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onSelectAll: null
   });
 
-  function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$i(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$W(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$W(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -36398,7 +36570,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.styleElement) {
-          this.styleElement = DomHandler.createInlineStyle();
+          this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
           var innerHTML = '';
 
           for (var breakpoint in this.props.breakpoints) {
@@ -36459,7 +36631,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.overlayRef,
           classNames: "p-overlaypanel",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: {
             enter: 120,
             exit: 100
@@ -36510,9 +36682,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onHide: null
   });
 
-  function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$Q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$Q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -36673,7 +36845,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             enter: 1000,
             exit: 450
           },
-          in: !collapsed,
+          "in": !collapsed,
           unmountOnExit: true,
           options: this.props.transitionOptions
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36835,7 +37007,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               enter: 1000,
               exit: 450
             },
-            in: active,
+            "in": active,
             unmountOnExit: true
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             ref: submenuContentRef,
@@ -37111,7 +37283,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             enter: 1000,
             exit: 450
           },
-          in: active,
+          "in": active,
           unmountOnExit: true,
           options: this.props.transitionOptions
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37166,9 +37338,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     transitionOptions: null
   });
 
-  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$O(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$O(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -37616,7 +37788,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var panel = /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.overlayRef,
           classNames: "p-connected-overlay",
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           timeout: {
             enter: 120,
             exit: 100
@@ -38603,9 +38775,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     animationDuration: "2s"
   });
 
-  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$H(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$H(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -38793,9 +38965,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onChange: null
   });
 
-  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$G(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$G(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -39360,7 +39532,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.scrollElementRef,
           classNames: "p-scrolltop",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: {
             enter: 150,
             exit: 150
@@ -39512,11 +39684,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onClick: null
   });
 
-  function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(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$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(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$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
 
@@ -39752,7 +39924,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       _this = _super.call(this, props);
       _this.state = {
-        maskVisible: props.visible,
+        maskVisible: false,
         visible: false
       };
       _this.onMaskClick = _this.onMaskClick.bind(_assertThisInitialized(_this));
@@ -39884,6 +40056,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (this.props.visible) {
           this.setState({
+            maskVisible: true,
             visible: true
           }, function () {
             ZIndexUtils.set('modal', _this4.mask, PrimeReact.autoZIndex, _this4.props.baseZIndex || PrimeReact.zIndex['modal']);
@@ -39973,7 +40146,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.sidebarRef,
           classNames: "p-sidebar",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: transitionTimeout,
           options: this.props.transitionOptions,
           unmountOnExit: true,
@@ -40511,7 +40684,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.menuRef,
           classNames: "p-connected-overlay",
-          in: !this.props.popup || this.state.visible,
+          "in": !this.props.popup || this.state.visible,
           timeout: {
             enter: 120,
             exit: 100
@@ -41076,7 +41249,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -41126,9 +41299,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$u(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -41408,7 +41581,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           menuStyle: this.props.menuStyle,
           menuClassName: this.props.menuClassName,
           onClick: this.onPanelClick,
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -41459,7 +41632,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return _super.apply(this, arguments);
     }
 
-    return SplitterPanel;
+    return _createClass(SplitterPanel);
   }(React.Component);
 
   _defineProperty(SplitterPanel, "defaultProps", {
@@ -42121,9 +42294,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onTabChange: null
   });
 
-  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -42139,7 +42312,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return _super.apply(this, arguments);
     }
 
-    return TabPanel;
+    return _createClass(TabPanel);
   }(React.Component);
 
   _defineProperty(TabPanel, "defaultProps", {
@@ -42270,6 +42443,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         this.updateScrollBar(index);
         event.preventDefault();
       }
+    }, {
+      key: "onKeyDown",
+      value: function onKeyDown(event, tab, index) {
+        if (event.code === 'Enter') {
+          this.onTabHeaderClick(event, tab, index);
+        }
+      }
     }, {
       key: "updateInkBar",
       value: function updateInkBar() {
@@ -42375,12 +42555,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (prevProps.activeIndex !== this.props.activeIndex) {
           this.updateScrollBar(this.props.activeIndex);
         }
-
-        if (prevProps.children !== this.props.children) {
-          this.setState({
-            hiddenTabs: []
-          });
-        }
       }
     }, {
       key: "renderTabHeader",
@@ -42424,6 +42598,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             return _this4.onTabHeaderClick(event, tab, index);
           },
           id: id,
+          onKeyDown: function onKeyDown(event) {
+            return _this4.onKeyDown(event, tab, index);
+          },
           "aria-controls": ariaControls,
           "aria-selected": selected,
           tabIndex: tabIndex
@@ -42438,6 +42615,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             onClick: function onClick(event) {
               return _this4.onTabHeaderClick(event, tab, index);
             },
+            onKeyDown: function onKeyDown(event) {
+              return _this4.onKeyDown(event, tab, index);
+            },
             leftIconElement: leftIconElement,
             titleElement: titleElement,
             rightIconElement: rightIconElement,
@@ -43207,7 +43387,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.menuRef,
           classNames: "p-connected-overlay",
-          in: this.state.visible,
+          "in": this.state.visible,
           timeout: {
             enter: 120,
             exit: 100
@@ -43334,9 +43514,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     content: null
   });
 
-  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$a(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$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -43572,8 +43752,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         ZIndexUtils.clear(this.container);
       }
     }, {
-      key: "render",
-      value: function render() {
+      key: "renderElement",
+      value: function renderElement() {
         var _this2 = this;
 
         var className = classNames('p-toast p-component p-toast-' + this.props.position, this.props.className);
@@ -43606,6 +43786,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }));
         })));
       }
+    }, {
+      key: "render",
+      value: function render() {
+        var element = this.renderElement();
+        return /*#__PURE__*/React__default["default"].createElement(Portal, {
+          element: element,
+          appendTo: this.props.appendTo
+        });
+      }
     }]);
 
     return Toast;
@@ -43618,15 +43807,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     baseZIndex: 0,
     position: 'top-right',
     transitionOptions: null,
+    appendTo: 'self',
     onClick: null,
     onRemove: null,
     onShow: null,
     onHide: null
   });
 
-  function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -43831,15 +44021,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     right: null
   });
 
-  function _createForOfIteratorHelper$6(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(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$6(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(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$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(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$6(o, minLen); }
 
   function _arrayLikeToArray$6(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 ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -44699,11 +44889,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onNodeDoubleClick: null
   });
 
-  function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(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$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(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$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen); }
 
@@ -45303,7 +45493,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -45347,15 +45537,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, props));
   });
 
-  function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(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$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(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$4(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$4(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$4(o, minLen); }
 
   function _arrayLikeToArray$4(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 ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -46095,7 +46285,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           header: header,
           footer: footer,
           transitionOptions: this.props.transitionOptions,
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -46151,7 +46341,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onFilterValueChange: null
   });
 
-  function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(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$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(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$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen); }
 
@@ -46744,15 +46934,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return TreeTableBodyCell;
   }(React.Component);
 
-  function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(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$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(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$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(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); }
 
   function _arrayLikeToArray$2(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 ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -46905,11 +47095,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "onCheckboxFocus",
       value: function onCheckboxFocus() {
         DomHandler.addClass(this.checkboxBox, 'p-focus');
+        DomHandler.addClass(this.checkboxRef, 'p-checkbox-focused');
       }
     }, {
       key: "onCheckboxBlur",
       value: function onCheckboxBlur() {
         DomHandler.removeClass(this.checkboxBox, 'p-focus');
+        DomHandler.removeClass(this.checkboxRef, 'p-checkbox-focused');
       }
     }, {
       key: "propagateUp",
@@ -47104,6 +47296,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "p-checkbox p-treetable-checkbox p-component",
+            ref: function ref(el) {
+              return _this2.checkboxRef = el;
+            },
             onClick: this.onCheckboxChange,
             role: "checkbox",
             "aria-checked": checked
@@ -47244,11 +47439,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onContextMenu: null
   });
 
-  function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-  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$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 _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); }
 
@@ -47863,15 +48058,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     frozenBody: null
   });
 
-  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 _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; }
 
-  function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -48981,7 +49176,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         var value = this.processValue();
         var className = classNames('p-treetable p-component', {
-          'p-treetable-hoverable-rows': this.isRowSelectionMode(),
+          'p-treetable-hoverable-rows': this.props.rowHover,
+          'p-treetable-selectable': this.isRowSelectionMode(),
           'p-treetable-resizable': this.props.resizableColumns,
           'p-treetable-resizable-fit': this.props.resizableColumns && this.props.columnResizeMode === 'fit',
           'p-treetable-auto-layout': this.props.autoLayout,
@@ -49102,6 +49298,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     filterMode: 'lenient',
     filterDelay: 300,
     filterLocale: undefined,
+    rowHover: false,
     showGridlines: false,
     stripedRows: false,
     onFilter: null,
@@ -49120,9 +49317,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onContextMenu: null
   });
 
-  function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -49304,9 +49501,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onChange: null
   });
 
-  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  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 _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -50271,9 +50468,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     footer: null
   });
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  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; }
 
   function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -50827,7 +51024,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var panel = /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.overlayRef,
           classNames: "p-connected-overlay",
-          in: this.state.overlayVisible,
+          "in": this.state.overlayVisible,
           timeout: {
             enter: 120,
             exit: 100
@@ -50940,6 +51137,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
       _this.onImageClick = _this.onImageClick.bind(_assertThisInitialized(_this));
       _this.onMaskClick = _this.onMaskClick.bind(_assertThisInitialized(_this));
+      _this.onDownload = _this.onDownload.bind(_assertThisInitialized(_this));
       _this.rotateRight = _this.rotateRight.bind(_assertThisInitialized(_this));
       _this.rotateLeft = _this.rotateLeft.bind(_assertThisInitialized(_this));
       _this.zoomIn = _this.zoomIn.bind(_assertThisInitialized(_this));
@@ -50992,6 +51190,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         this.previewClick = false;
       }
+    }, {
+      key: "onDownload",
+      value: function onDownload() {
+        var _this$props = this.props,
+            name = _this$props.alt,
+            src = _this$props.src;
+        DomHandler.saveAs({
+          name: name,
+          src: src
+        });
+        this.previewClick = true;
+      }
     }, {
       key: "rotateRight",
       value: function rotateRight() {
@@ -51076,6 +51286,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function renderElement() {
         var _this3 = this;
 
+        var downloadable = this.props.downloadable;
         var imagePreviewStyle = {
           transform: 'rotate(' + this.state.rotate + 'deg) scale(' + this.state.scale + ')'
         };
@@ -51089,7 +51300,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onClick: this.onMaskClick
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-image-toolbar"
-        }, /*#__PURE__*/React__default["default"].createElement("button", {
+        }, downloadable && /*#__PURE__*/React__default["default"].createElement("button", {
+          className: "p-image-action p-link",
+          onClick: this.onDownload,
+          type: "button"
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "pi pi-download"
+        })), /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-image-action p-link",
           onClick: this.rotateRight,
           type: "button"
@@ -51124,7 +51341,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }))), /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
           nodeRef: this.previewRef,
           classNames: "p-image-preview",
-          in: this.state.previewVisible,
+          "in": this.state.previewVisible,
           timeout: {
             enter: 150,
             exit: 150
@@ -51157,11 +51374,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var content = this.props.template ? ObjectUtils.getJSXElement(this.props.template, this.props) : /*#__PURE__*/React__default["default"].createElement("i", {
           className: "p-image-preview-icon pi pi-eye"
         });
-        var _this$props = this.props,
-            src = _this$props.src,
-            alt = _this$props.alt,
-            width = _this$props.width,
-            height = _this$props.height;
+        var _this$props2 = this.props,
+            src = _this$props2.src,
+            alt = _this$props2.alt,
+            width = _this$props2.width,
+            height = _this$props2.height;
         return /*#__PURE__*/React__default["default"].createElement("span", {
           ref: function ref(el) {
             return _this4.container = el;
@@ -51191,6 +51408,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   _defineProperty(Image, "defaultProps", {
     preview: false,
     className: null,
+    downloadable: false,
     style: null,
     imageStyle: null,
     imageClassName: null,