primereact 7.0.1 → 7.1.0

package/primereact.all.js

@@ -1011,7 +1011,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "isExist",
       value: function isExist(element) {
-        return element !== null && typeof element !== 'undefined' && element.nodeName;
+        return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
+      }
+    }, {
+      key: "hasDOM",
+      value: function hasDOM() {
+        return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
       }
     }, {
       key: "getFocusableElements",
@@ -1137,6 +1142,48 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }
       }
+      /**
+       * 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
+       */
+
+    }, {
+      key: "createInlineStyle",
+      value: function createInlineStyle() {
+        var styleElement = document.createElement('style');
+        var nonce = process.env.REACT_APP_CSS_NONCE;
+
+        if (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) {
+        if (this.isExist(styleElement)) {
+          try {
+            document.head.removeChild(styleElement);
+          } catch (error) {// style element may have already been removed in a fast refresh
+          }
+
+          styleElement = null;
+        }
+
+        return styleElement;
+      }
     }]);
 
     return DomHandler;
@@ -2028,343 +2075,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var ZIndexUtils = handler();
 
-  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 _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 _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); }; }
-
-  function _isNativeReflectConstruct$2l() { 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; } }
-  var CSSTransition = /*#__PURE__*/function (_Component) {
-    _inherits(CSSTransition, _Component);
-
-    var _super = _createSuper$2l(CSSTransition);
-
-    function CSSTransition(props) {
-      var _this;
-
-      _classCallCheck(this, CSSTransition);
-
-      _this = _super.call(this, props);
-      _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
-      _this.onEntering = _this.onEntering.bind(_assertThisInitialized(_this));
-      _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
-      _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
-      _this.onExiting = _this.onExiting.bind(_assertThisInitialized(_this));
-      _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
-      return _this;
-    }
-
-    _createClass(CSSTransition, [{
-      key: "onEnter",
-      value: function onEnter(node, isAppearing) {
-        this.props.onEnter && this.props.onEnter(node, isAppearing); // component
-
-        this.props.options && this.props.options.onEnter && this.props.options.onEnter(node, isAppearing); // user option
-      }
-    }, {
-      key: "onEntering",
-      value: function onEntering(node, isAppearing) {
-        this.props.onEntering && this.props.onEntering(node, isAppearing); // component
-
-        this.props.options && this.props.options.onEntering && this.props.options.onEntering(node, isAppearing); // user option
-      }
-    }, {
-      key: "onEntered",
-      value: function onEntered(node, isAppearing) {
-        this.props.onEntered && this.props.onEntered(node, isAppearing); // component
-
-        this.props.options && this.props.options.onEntered && this.props.options.onEntered(node, isAppearing); // user option
-      }
-    }, {
-      key: "onExit",
-      value: function onExit(node) {
-        this.props.onExit && this.props.onExit(node); // component
-
-        this.props.options && this.props.options.onExit && this.props.options.onExit(node); // user option
-      }
-    }, {
-      key: "onExiting",
-      value: function onExiting(node) {
-        this.props.onExiting && this.props.onExiting(node); // component
-
-        this.props.options && this.props.options.onExiting && this.props.options.onExiting(node); // user option
-      }
-    }, {
-      key: "onExited",
-      value: function onExited(node) {
-        this.props.onExited && this.props.onExited(node); // component
-
-        this.props.options && this.props.options.onExited && this.props.options.onExited(node); // user option
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var immutableProps = {
-          nodeRef: this.props.nodeRef,
-          in: this.props.in,
-          onEnter: this.onEnter,
-          onEntering: this.onEntering,
-          onEntered: this.onEntered,
-          onExit: this.onExit,
-          onExiting: this.onExiting,
-          onExited: this.onExited
-        };
-        var mutableProps = {
-          classNames: this.props.classNames,
-          timeout: this.props.timeout,
-          unmountOnExit: this.props.unmountOnExit
-        };
-
-        var props = _objectSpread$T(_objectSpread$T(_objectSpread$T({}, mutableProps), this.props.options || {}), immutableProps);
-
-        return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, props, this.props.children);
-      }
-    }]);
-
-    return CSSTransition;
-  }(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 _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 _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); }; }
-
-  function _isNativeReflectConstruct$2k() { 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; } }
-  var AccordionTab = /*#__PURE__*/function (_Component) {
-    _inherits(AccordionTab, _Component);
-
-    var _super = _createSuper$2k(AccordionTab);
-
-    function AccordionTab() {
-      _classCallCheck(this, AccordionTab);
-
-      return _super.apply(this, arguments);
-    }
-
-    return AccordionTab;
-  }(React.Component);
-
-  _defineProperty(AccordionTab, "defaultProps", {
-    header: null,
-    disabled: false,
-    headerStyle: null,
-    headerClassName: null,
-    headerTemplate: null,
-    contentStyle: null,
-    contentClassName: null
-  });
-
-  var Accordion = /*#__PURE__*/function (_Component2) {
-    _inherits(Accordion, _Component2);
-
-    var _super2 = _createSuper$2k(Accordion);
-
-    function Accordion(props) {
-      var _this;
-
-      _classCallCheck(this, Accordion);
-
-      _this = _super2.call(this, props);
-      var state = {
-        id: _this.props.id
-      };
-
-      if (!_this.props.onTabChange) {
-        state = _objectSpread$S(_objectSpread$S({}, state), {}, {
-          activeIndex: props.activeIndex
-        });
-      }
-
-      _this.state = state;
-      return _this;
-    }
-
-    _createClass(Accordion, [{
-      key: "shouldTabRender",
-      value: function shouldTabRender(tab) {
-        return tab && tab.type === AccordionTab;
-      }
-    }, {
-      key: "onTabHeaderClick",
-      value: function onTabHeaderClick(event, tab, index) {
-        if (!tab.props.disabled) {
-          var selected = this.isSelected(index);
-          var newActiveIndex = null;
-
-          if (this.props.multiple) {
-            var indexes = (this.props.onTabChange ? this.props.activeIndex : this.state.activeIndex) || [];
-            if (selected) indexes = indexes.filter(function (i) {
-              return i !== index;
-            });else indexes = [].concat(_toConsumableArray(indexes), [index]);
-            newActiveIndex = indexes;
-          } else {
-            newActiveIndex = selected ? null : index;
-          }
-
-          var callback = selected ? this.props.onTabClose : this.props.onTabOpen;
-
-          if (callback) {
-            callback({
-              originalEvent: event,
-              index: index
-            });
-          }
-
-          if (this.props.onTabChange) {
-            this.props.onTabChange({
-              originalEvent: event,
-              index: newActiveIndex
-            });
-          } else {
-            this.setState({
-              activeIndex: newActiveIndex
-            });
-          }
-        }
-
-        event.preventDefault();
-      }
-    }, {
-      key: "isSelected",
-      value: function isSelected(index) {
-        var activeIndex = this.props.onTabChange ? this.props.activeIndex : this.state.activeIndex;
-        return this.props.multiple ? activeIndex && activeIndex.indexOf(index) >= 0 : activeIndex === index;
-      }
-    }, {
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        if (!this.state.id) {
-          this.setState({
-            id: UniqueComponentId()
-          });
-        }
-      }
-    }, {
-      key: "renderTabHeader",
-      value: function renderTabHeader(tab, selected, index) {
-        var _this2 = this;
-
-        var tabHeaderClass = classNames('p-accordion-header', {
-          'p-highlight': selected,
-          'p-disabled': tab.props.disabled
-        }, tab.props.headerClassName);
-        var id = this.state.id + '_header_' + index;
-        var ariaControls = this.state.id + '_content_' + index;
-        var tabIndex = tab.props.disabled ? -1 : null;
-        var header = tab.props.headerTemplate ? ObjectUtils.getJSXElement(tab.props.headerTemplate, tab.props) : /*#__PURE__*/React__default["default"].createElement("span", {
-          className: "p-accordion-header-text"
-        }, tab.props.header);
-        var icon = selected ? this.props.collapseIcon : this.props.expandIcon;
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: tabHeaderClass,
-          style: tab.props.headerStyle
-        }, /*#__PURE__*/React__default["default"].createElement("a", {
-          href: '#' + ariaControls,
-          id: id,
-          className: "p-accordion-header-link",
-          "aria-controls": ariaControls,
-          role: "tab",
-          "aria-expanded": selected,
-          onClick: function onClick(event) {
-            return _this2.onTabHeaderClick(event, tab, index);
-          },
-          tabIndex: tabIndex
-        }, IconUtils.getJSXIcon(icon, {
-          className: 'p-accordion-toggle-icon'
-        }, {
-          props: this.props,
-          selected: selected
-        }), header));
-      }
-    }, {
-      key: "renderTabContent",
-      value: function renderTabContent(tab, selected, index) {
-        var className = classNames('p-toggleable-content', tab.props.contentClassName);
-        var id = this.state.id + '_content_' + index;
-        var toggleableContentRef = /*#__PURE__*/React__default["default"].createRef();
-        return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
-          nodeRef: toggleableContentRef,
-          classNames: "p-toggleable-content",
-          timeout: {
-            enter: 1000,
-            exit: 450
-          },
-          in: selected,
-          unmountOnExit: true,
-          options: this.props.transitionOptions
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          ref: toggleableContentRef,
-          id: id,
-          className: className,
-          style: tab.props.contentStyle,
-          role: "region",
-          "aria-labelledby": this.state.id + '_header_' + index
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "p-accordion-content"
-        }, tab.props.children)));
-      }
-    }, {
-      key: "renderTab",
-      value: function renderTab(tab, index) {
-        var selected = this.isSelected(index);
-        var tabHeader = this.renderTabHeader(tab, selected, index);
-        var tabContent = this.renderTabContent(tab, selected, index);
-        var tabClassName = classNames('p-accordion-tab', {
-          'p-accordion-tab-active': selected
-        });
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          key: tab.props.header,
-          className: tabClassName
-        }, tabHeader, tabContent);
-      }
-    }, {
-      key: "renderTabs",
-      value: function renderTabs() {
-        var _this3 = this;
-
-        return React__default["default"].Children.map(this.props.children, function (tab, index) {
-          if (_this3.shouldTabRender(tab)) {
-            return _this3.renderTab(tab, index);
-          }
-        });
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this4 = this;
-
-        var className = classNames('p-accordion p-component', this.props.className);
-        var tabs = this.renderTabs();
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          ref: function ref(el) {
-            return _this4.container = el;
-          },
-          id: this.state.id,
-          className: className,
-          style: this.props.style
-        }, tabs);
-      }
-    }]);
-
-    return Accordion;
-  }(React.Component);
-
-  _defineProperty(Accordion, "defaultProps", {
-    id: null,
-    activeIndex: null,
-    className: null,
-    style: null,
-    multiple: false,
-    expandIcon: 'pi pi-chevron-right',
-    collapseIcon: 'pi pi-chevron-down',
-    transitionOptions: null,
-    onTabOpen: null,
-    onTabClose: null,
-    onTabChange: null
-  });
-
   var FilterMatchMode = Object.freeze({
     STARTS_WITH: 'startsWith',
     CONTAINS: 'contains',
@@ -2397,6 +2107,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   _defineProperty(PrimeReact, "appendTo", null);
 
+  _defineProperty(PrimeReact, "cssTransition", true);
+
   _defineProperty(PrimeReact, "autoZIndex", true);
 
   _defineProperty(PrimeReact, "zIndex", {
@@ -2413,9 +2125,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
 
-  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$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 _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$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; }
   var locales = {
     'en': {
       startsWith: 'Starts with',
@@ -2472,7 +2184,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }
 
   function addLocale(locale, options) {
-    locales[locale] = _objectSpread$R(_objectSpread$R({}, locales['en']), options);
+    locales[locale] = _objectSpread$T(_objectSpread$T({}, locales['en']), options);
   }
 
   function updateLocaleOption(key, value, locale) {
@@ -2482,7 +2194,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   function updateLocaleOptions(options, locale) {
     var _locale = locale || PrimeReact.locale;
 
-    locales[_locale] = _objectSpread$R(_objectSpread$R({}, locales[_locale]), options);
+    locales[_locale] = _objectSpread$T(_objectSpread$T({}, locales[_locale]), options);
   }
 
   function localeOption(key, locale) {
@@ -2990,6 +2702,376 @@ 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 _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 _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); }; }
+
+  function _isNativeReflectConstruct$2l() { 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; } }
+  var CSSTransition = /*#__PURE__*/function (_Component) {
+    _inherits(CSSTransition, _Component);
+
+    var _super = _createSuper$2l(CSSTransition);
+
+    function CSSTransition(props) {
+      var _this;
+
+      _classCallCheck(this, CSSTransition);
+
+      _this = _super.call(this, props);
+      _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
+      _this.onEntering = _this.onEntering.bind(_assertThisInitialized(_this));
+      _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
+      _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
+      _this.onExiting = _this.onExiting.bind(_assertThisInitialized(_this));
+      _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
+      return _this;
+    }
+
+    _createClass(CSSTransition, [{
+      key: "disabled",
+      get: function get() {
+        return this.props.disabled || this.props.options && this.props.options.disabled || !PrimeReact.cssTransition;
+      }
+    }, {
+      key: "onEnter",
+      value: function onEnter(node, isAppearing) {
+        this.props.onEnter && this.props.onEnter(node, isAppearing); // component
+
+        this.props.options && this.props.options.onEnter && this.props.options.onEnter(node, isAppearing); // user option
+      }
+    }, {
+      key: "onEntering",
+      value: function onEntering(node, isAppearing) {
+        this.props.onEntering && this.props.onEntering(node, isAppearing); // component
+
+        this.props.options && this.props.options.onEntering && this.props.options.onEntering(node, isAppearing); // user option
+      }
+    }, {
+      key: "onEntered",
+      value: function onEntered(node, isAppearing) {
+        this.props.onEntered && this.props.onEntered(node, isAppearing); // component
+
+        this.props.options && this.props.options.onEntered && this.props.options.onEntered(node, isAppearing); // user option
+      }
+    }, {
+      key: "onExit",
+      value: function onExit(node) {
+        this.props.onExit && this.props.onExit(node); // component
+
+        this.props.options && this.props.options.onExit && this.props.options.onExit(node); // user option
+      }
+    }, {
+      key: "onExiting",
+      value: function onExiting(node) {
+        this.props.onExiting && this.props.onExiting(node); // component
+
+        this.props.options && this.props.options.onExiting && this.props.options.onExiting(node); // user option
+      }
+    }, {
+      key: "onExited",
+      value: function onExited(node) {
+        this.props.onExited && this.props.onExited(node); // component
+
+        this.props.options && this.props.options.onExited && this.props.options.onExited(node); // user option
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        if (this.props.in !== prevProps.in && this.disabled) {
+          // no animation
+          var node = ObjectUtils.getRefElement(this.props.nodeRef);
+
+          if (this.props.in) {
+            this.onEnter(node, true);
+            this.onEntering(node, true);
+            this.onEntered(node, true);
+          } else {
+            this.onExit(node);
+            this.onExiting(node);
+            this.onExited(node);
+          }
+        }
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        if (this.disabled) {
+          return this.props.in ? this.props.children : null;
+        } else {
+          var immutableProps = {
+            nodeRef: this.props.nodeRef,
+            in: this.props.in,
+            onEnter: this.onEnter,
+            onEntering: this.onEntering,
+            onEntered: this.onEntered,
+            onExit: this.onExit,
+            onExiting: this.onExiting,
+            onExited: this.onExited
+          };
+          var mutableProps = {
+            classNames: this.props.classNames,
+            timeout: this.props.timeout,
+            unmountOnExit: this.props.unmountOnExit
+          };
+
+          var props = _objectSpread$S(_objectSpread$S(_objectSpread$S({}, mutableProps), this.props.options || {}), immutableProps);
+
+          return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, props, this.props.children);
+        }
+      }
+    }]);
+
+    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 _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 _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); }; }
+
+  function _isNativeReflectConstruct$2k() { 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; } }
+  var AccordionTab = /*#__PURE__*/function (_Component) {
+    _inherits(AccordionTab, _Component);
+
+    var _super = _createSuper$2k(AccordionTab);
+
+    function AccordionTab() {
+      _classCallCheck(this, AccordionTab);
+
+      return _super.apply(this, arguments);
+    }
+
+    return AccordionTab;
+  }(React.Component);
+
+  _defineProperty(AccordionTab, "defaultProps", {
+    header: null,
+    disabled: false,
+    style: null,
+    className: null,
+    headerStyle: null,
+    headerClassName: null,
+    headerTemplate: null,
+    contentStyle: null,
+    contentClassName: null
+  });
+
+  var Accordion = /*#__PURE__*/function (_Component2) {
+    _inherits(Accordion, _Component2);
+
+    var _super2 = _createSuper$2k(Accordion);
+
+    function Accordion(props) {
+      var _this;
+
+      _classCallCheck(this, Accordion);
+
+      _this = _super2.call(this, props);
+      var state = {
+        id: _this.props.id
+      };
+
+      if (!_this.props.onTabChange) {
+        state = _objectSpread$R(_objectSpread$R({}, state), {}, {
+          activeIndex: props.activeIndex
+        });
+      }
+
+      _this.state = state;
+      return _this;
+    }
+
+    _createClass(Accordion, [{
+      key: "shouldTabRender",
+      value: function shouldTabRender(tab) {
+        return tab && tab.type === AccordionTab;
+      }
+    }, {
+      key: "onTabHeaderClick",
+      value: function onTabHeaderClick(event, tab, index) {
+        if (!tab.props.disabled) {
+          var selected = this.isSelected(index);
+          var newActiveIndex = null;
+
+          if (this.props.multiple) {
+            var indexes = (this.props.onTabChange ? this.props.activeIndex : this.state.activeIndex) || [];
+            if (selected) indexes = indexes.filter(function (i) {
+              return i !== index;
+            });else indexes = [].concat(_toConsumableArray(indexes), [index]);
+            newActiveIndex = indexes;
+          } else {
+            newActiveIndex = selected ? null : index;
+          }
+
+          var callback = selected ? this.props.onTabClose : this.props.onTabOpen;
+
+          if (callback) {
+            callback({
+              originalEvent: event,
+              index: index
+            });
+          }
+
+          if (this.props.onTabChange) {
+            this.props.onTabChange({
+              originalEvent: event,
+              index: newActiveIndex
+            });
+          } else {
+            this.setState({
+              activeIndex: newActiveIndex
+            });
+          }
+        }
+
+        event.preventDefault();
+      }
+    }, {
+      key: "isSelected",
+      value: function isSelected(index) {
+        var activeIndex = this.props.onTabChange ? this.props.activeIndex : this.state.activeIndex;
+        return this.props.multiple ? activeIndex && activeIndex.indexOf(index) >= 0 : activeIndex === index;
+      }
+    }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        if (!this.state.id) {
+          this.setState({
+            id: UniqueComponentId()
+          });
+        }
+      }
+    }, {
+      key: "renderTabHeader",
+      value: function renderTabHeader(tab, selected, index) {
+        var _this2 = this;
+
+        var style = _objectSpread$R(_objectSpread$R({}, tab.props.headerStyle || {}), tab.props.style || {});
+
+        var className = classNames('p-accordion-header', {
+          'p-highlight': selected,
+          'p-disabled': tab.props.disabled
+        }, tab.props.headerClassName, tab.props.className);
+        var id = this.state.id + '_header_' + index;
+        var ariaControls = this.state.id + '_content_' + index;
+        var tabIndex = tab.props.disabled ? -1 : null;
+        var header = tab.props.headerTemplate ? ObjectUtils.getJSXElement(tab.props.headerTemplate, tab.props) : /*#__PURE__*/React__default["default"].createElement("span", {
+          className: "p-accordion-header-text"
+        }, tab.props.header);
+        var icon = selected ? this.props.collapseIcon : this.props.expandIcon;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: className,
+          style: style
+        }, /*#__PURE__*/React__default["default"].createElement("a", {
+          href: '#' + ariaControls,
+          id: id,
+          className: "p-accordion-header-link",
+          "aria-controls": ariaControls,
+          role: "tab",
+          "aria-expanded": selected,
+          onClick: function onClick(event) {
+            return _this2.onTabHeaderClick(event, tab, index);
+          },
+          tabIndex: tabIndex
+        }, IconUtils.getJSXIcon(icon, {
+          className: 'p-accordion-toggle-icon'
+        }, {
+          props: this.props,
+          selected: selected
+        }), header));
+      }
+    }, {
+      key: "renderTabContent",
+      value: function renderTabContent(tab, selected, index) {
+        var style = _objectSpread$R(_objectSpread$R({}, tab.props.contentStyle || {}), tab.props.style || {});
+
+        var className = classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
+        var id = this.state.id + '_content_' + index;
+        var toggleableContentRef = /*#__PURE__*/React__default["default"].createRef();
+        return /*#__PURE__*/React__default["default"].createElement(CSSTransition, {
+          nodeRef: toggleableContentRef,
+          classNames: "p-toggleable-content",
+          timeout: {
+            enter: 1000,
+            exit: 450
+          },
+          in: selected,
+          unmountOnExit: true,
+          options: this.props.transitionOptions
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          ref: toggleableContentRef,
+          id: id,
+          className: className,
+          style: style,
+          role: "region",
+          "aria-labelledby": this.state.id + '_header_' + index
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "p-accordion-content"
+        }, tab.props.children)));
+      }
+    }, {
+      key: "renderTab",
+      value: function renderTab(tab, index) {
+        var selected = this.isSelected(index);
+        var tabHeader = this.renderTabHeader(tab, selected, index);
+        var tabContent = this.renderTabContent(tab, selected, index);
+        var tabClassName = classNames('p-accordion-tab', {
+          'p-accordion-tab-active': selected
+        });
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          key: tab.props.header,
+          className: tabClassName
+        }, tabHeader, tabContent);
+      }
+    }, {
+      key: "renderTabs",
+      value: function renderTabs() {
+        var _this3 = this;
+
+        return React__default["default"].Children.map(this.props.children, function (tab, index) {
+          if (_this3.shouldTabRender(tab)) {
+            return _this3.renderTab(tab, index);
+          }
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this4 = this;
+
+        var className = classNames('p-accordion p-component', this.props.className);
+        var tabs = this.renderTabs();
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          ref: function ref(el) {
+            return _this4.container = el;
+          },
+          id: this.state.id,
+          className: className,
+          style: this.props.style
+        }, tabs);
+      }
+    }]);
+
+    return Accordion;
+  }(React.Component);
+
+  _defineProperty(Accordion, "defaultProps", {
+    id: null,
+    activeIndex: null,
+    className: null,
+    style: null,
+    multiple: false,
+    expandIcon: 'pi pi-chevron-right',
+    collapseIcon: 'pi pi-chevron-down',
+    transitionOptions: null,
+    onTabOpen: null,
+    onTabClose: null,
+    onTabChange: null
+  });
+
   var KeyFilter = /*#__PURE__*/function () {
     function KeyFilter() {
       _classCallCheck(this, KeyFilter);
@@ -3133,14 +3215,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
 
     _createClass(Portal, [{
-      key: "hasDOM",
-      value: function hasDOM() {
-        return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-      }
-    }, {
       key: "componentDidMount",
       value: function componentDidMount() {
-        if (this.hasDOM() && !this.state.mounted) {
+        if (DomHandler.hasDOM() && !this.state.mounted) {
           this.setState({
             mounted: true
           }, this.props.onMounted);
@@ -3253,6 +3330,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function isDisabled(target) {
         return this.getTargetOption(target, 'disabled') === 'true' || this.hasTargetOption(target, 'disabled') || this.props.disabled;
       }
+    }, {
+      key: "isShowOnDisabled",
+      value: function isShowOnDisabled(target) {
+        return this.getTargetOption(target, 'showondisabled') || this.props.showOnDisabled;
+      }
     }, {
       key: "isAutoHide",
       value: function isAutoHide() {
@@ -3332,8 +3414,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _this2 = this;
 
         this.currentTarget = e.currentTarget;
+        var disabled = this.isDisabled(this.currentTarget);
+        var empty = this.isContentEmpty(this.isShowOnDisabled(this.currentTarget) && disabled ? this.currentTarget.firstChild : this.currentTarget);
 
-        if (this.isContentEmpty(this.currentTarget) || this.isDisabled(this.currentTarget)) {
+        if (empty || disabled) {
           return;
         }
 
@@ -3538,7 +3622,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _this5 = this;
 
         this.documentResizeListener = function (e) {
-          if (!DomHandler.isAndroid()) {
+          if (!DomHandler.isTouchDevice()) {
             _this5.hide(e);
           }
         };
@@ -3583,8 +3667,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               showEvent = _this$getEvents.showEvent,
               hideEvent = _this$getEvents.hideEvent;
 
-          target.addEventListener(showEvent, this.show);
-          target.addEventListener(hideEvent, this.hide);
+          var currentTarget = this.getTarget(target);
+          currentTarget.addEventListener(showEvent, this.show);
+          currentTarget.addEventListener(hideEvent, this.hide);
         }
       }
     }, {
@@ -3595,8 +3680,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               showEvent = _this$getEvents2.showEvent,
               hideEvent = _this$getEvents2.hideEvent;
 
-          target.removeEventListener(showEvent, this.show);
-          target.removeEventListener(hideEvent, this.hide);
+          var currentTarget = this.getTarget(target);
+          currentTarget.removeEventListener(showEvent, this.show);
+          currentTarget.removeEventListener(hideEvent, this.hide);
         }
       }
     }, {
@@ -3631,6 +3717,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         clearTimeout(this.updateDelayTimeout);
         clearTimeout(this.hideDelayTimeout);
       }
+    }, {
+      key: "getTarget",
+      value: function getTarget(target) {
+        if (target) {
+          if (this.isShowOnDisabled(target)) {
+            var wrapper = document.createElement('span');
+            target.parentNode.insertBefore(wrapper, target);
+            wrapper.appendChild(target);
+            return wrapper;
+          }
+
+          return target;
+        }
+
+        return null;
+      }
     }, {
       key: "updateTargetEvents",
       value: function updateTargetEvents(target) {
@@ -3787,6 +3889,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     updateDelay: 0,
     hideDelay: 0,
     autoHide: true,
+    showOnDisabled: false,
     onBeforeShow: null,
     onBeforeHide: null,
     onShow: null,
@@ -4675,7 +4778,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
 
         var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
-          if (_currentIndex <= _numT) return 0;else return _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT;
+          if (_currentIndex <= _numT) return 0;else return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
         };
 
         var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
@@ -4847,6 +4950,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         return [];
       }
+    }, {
+      key: "isPropChanged",
+      value: function isPropChanged(prevProps) {
+        var _this12 = this;
+
+        var props = ['itemSize', 'scrollHeight'];
+        return props.some(function (p) {
+          return !ObjectUtils.equals(prevProps[p], _this12.props[p]);
+        });
+      }
     }, {
       key: "init",
       value: function init() {
@@ -4862,7 +4975,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps, prevState) {
-        if (!ObjectUtils.equals(prevProps.itemSize, this.props.itemSize) || !prevProps.items || prevProps.items.length !== (this.props.items || []).length) {
+        if (!prevProps.items || prevProps.items.length !== (this.props.items || []).length || this.isPropChanged(prevProps)) {
           this.init();
         }
 
@@ -4892,7 +5005,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderLoader",
       value: function renderLoader() {
-        var _this12 = this;
+        var _this13 = this;
 
         if (!this.props.loaderDisabled && this.props.showLoader && this.state.loading) {
           var className = classNames('p-virtualscroller-loader', {
@@ -4906,7 +5019,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             var isBoth = this.isBoth();
             var numItemsInViewport = this.state.numItemsInViewport;
             content = this.state.loaderArr.map(function (_, index) {
-              return _this12.renderLoaderItem(index, isBoth && {
+              return _this13.renderLoaderItem(index, isBoth && {
                 numCols: numItemsInViewport.cols
               });
             });
@@ -4922,12 +5035,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderSpacer",
       value: function renderSpacer() {
-        var _this13 = this;
+        var _this14 = this;
 
         if (this.props.showSpacer) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
-              return _this13.spacer = el;
+              return _this14.spacer = el;
             },
             className: "p-virtualscroller-spacer"
           });
@@ -4947,16 +5060,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderItems",
       value: function renderItems(loadedItems) {
-        var _this14 = this;
+        var _this15 = this;
 
         return loadedItems.map(function (item, index) {
-          return _this14.renderItem(item, index);
+          return _this15.renderItem(item, index);
         });
       }
     }, {
       key: "renderContent",
       value: function renderContent() {
-        var _this15 = this;
+        var _this16 = this;
 
         var loadedItems = this.loadedItems();
         var items = this.renderItems(loadedItems);
@@ -4966,7 +5079,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var content = /*#__PURE__*/React__default["default"].createElement("div", {
           className: className,
           ref: function ref(el) {
-            return _this15.content = el;
+            return _this16.content = el;
           }
         }, items);
 
@@ -4974,24 +5087,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var defaultOptions = {
             className: className,
             contentRef: function contentRef(el) {
-              return _this15.content = el;
+              return _this16.content = el;
             },
             spacerRef: function spacerRef(el) {
-              return _this15.spacer = el;
+              return _this16.spacer = el;
             },
             stickyRef: function stickyRef(el) {
-              return _this15.sticky = el;
+              return _this16.sticky = el;
             },
             items: loadedItems,
             getItemOptions: function getItemOptions(index) {
-              return _this15.getOptions(index);
+              return _this16.getOptions(index);
             },
             children: items,
             element: content,
             props: this.props,
             loading: this.state.loading,
             getLoaderOptions: function getLoaderOptions(index, ext) {
-              return _this15.loaderOptions(index, ext);
+              return _this16.loaderOptions(index, ext);
             },
             loadingTemplate: this.props.loadingTemplate,
             itemSize: this.props.itemSize,
@@ -5009,7 +5122,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "render",
       value: function render() {
-        var _this16 = this;
+        var _this17 = this;
 
         if (this.props.disabled) {
           var content = ObjectUtils.getJSXElement(this.props.contentTemplate, {
@@ -5032,7 +5145,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var spacer = this.renderSpacer();
           return /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
-              return _this16.el = el;
+              return _this17.el = el;
             },
             className: className,
             tabIndex: 0,
@@ -5820,7 +5933,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this7.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this7.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this7.hideOverlay();
             }
           };
@@ -5957,7 +6070,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           disabled: this.props.disabled,
           placeholder: this.props.placeholder,
           size: this.props.size,
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           tabIndex: this.props.tabIndex,
           onBlur: this.onInputBlur,
           onFocus: this.onInputFocus,
@@ -6017,7 +6130,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           name: this.props.name,
           style: this.props.inputStyle,
           className: this.props.inputClassName,
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           onKeyUp: this.props.onKeyUp,
           onKeyDown: this.onInputKeyDown,
           onKeyPress: this.props.onKeyPress,
@@ -6155,7 +6268,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     placeholder: null,
     readOnly: false,
     disabled: false,
-    maxlength: null,
+    maxLength: null,
     size: null,
     appendTo: null,
     tabIndex: null,
@@ -7303,12 +7416,31 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         event.preventDefault();
       }
+    }, {
+      key: "doStepMinute",
+      value: function doStepMinute(currentMinute, step) {
+        if (this.props.stepMinute <= 1) {
+          return currentMinute;
+        }
+
+        if (!step) {
+          step = this.props.stepMinute;
+
+          if (currentMinute % step === 0) {
+            return currentMinute;
+          }
+        }
+
+        var newMinute = currentMinute + step;
+        newMinute = Math.floor(newMinute / step) * step;
+        return newMinute;
+      }
     }, {
       key: "incrementMinute",
       value: function incrementMinute(event) {
         var currentTime = this.getCurrentDateTime();
         var currentMinute = currentTime.getMinutes();
-        var newMinute = currentMinute + this.props.stepMinute;
+        var newMinute = this.doStepMinute(currentMinute, this.props.stepMinute);
         newMinute = newMinute > 59 ? newMinute - 60 : newMinute;
 
         if (this.validateMinute(newMinute, currentTime)) {
@@ -7334,7 +7466,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function decrementMinute(event) {
         var currentTime = this.getCurrentDateTime();
         var currentMinute = currentTime.getMinutes();
-        var newMinute = currentMinute - this.props.stepMinute;
+        var newMinute = this.doStepMinute(currentMinute, -this.props.stepMinute);
         newMinute = newMinute < 0 ? newMinute + 60 : newMinute;
 
         if (this.validateMinute(newMinute, currentTime)) {
@@ -8210,7 +8342,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onWindowResize",
       value: function onWindowResize() {
-        if (this.isVisible() && !DomHandler.isAndroid()) {
+        if (this.isVisible() && !DomHandler.isTouchDevice()) {
           this.hideOverlay();
         }
       }
@@ -10439,8 +10571,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, {
       key: "onTransitionEnd",
-      value: function onTransitionEnd() {
-        if (this.itemsContainer) {
+      value: function onTransitionEnd(e) {
+        if (this.itemsContainer && e.propertyName === 'transform') {
           DomHandler.addClass(this.itemsContainer, 'p-items-hidden');
           this.itemsContainer.style.transition = '';
 
@@ -10559,8 +10691,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.carouselStyle) {
-          this.carouselStyle = document.createElement('style');
-          document.body.appendChild(this.carouselStyle);
+          this.carouselStyle = DomHandler.createInlineStyle();
         }
 
         var innerHTML = "\n            .p-carousel[".concat(this.attributeSelector, "] .p-carousel-item {\n                flex: 1 0 ").concat(100 / this.state.numVisible, "%\n            }\n        ");
@@ -10803,16 +10934,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: "p-carousel-items-content",
           style: {
             'height': height
-          }
+          },
+          onTouchStart: this.onTouchStart,
+          onTouchMove: this.onTouchMove,
+          onTouchEnd: this.onTouchEnd
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.itemsContainer = el;
           },
           className: "p-carousel-items-container",
-          onTransitionEnd: this.onTransitionEnd,
-          onTouchStart: this.onTouchStart,
-          onTouchMove: this.onTouchMove,
-          onTouchEnd: this.onTouchEnd
+          onTransitionEnd: this.onTransitionEnd
         }, items)), forwardNavigator);
       }
     }, {
@@ -11598,7 +11729,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this5.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this5.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this5.hide();
             }
           };
@@ -13146,7 +13277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -14146,8 +14277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.styleElement) {
-          this.styleElement = document.createElement('style');
-          document.head.appendChild(this.styleElement);
+          this.styleElement = DomHandler.createInlineStyle();
           var innerHTML = '';
 
           for (var breakpoint in this.props.breakpoints) {
@@ -14215,12 +14345,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
         this.disableDocumentSettings();
-
-        if (this.styleElement) {
-          document.head.removeChild(this.styleElement);
-          this.styleElement = null;
-        }
-
+        this.styleElement = DomHandler.removeInlineStyle(this.styleElement);
         ZIndexUtils.clear(this.mask);
       }
     }, {
@@ -14803,7 +14928,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.visible && !DomHandler.isAndroid()) {
+            if (_this4.state.visible && !DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -15065,7 +15190,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__default["default"].createElement(Portal, {
           element: element,
           appendTo: this.props.appendTo,
-          visible: true
+          visible: this.props.visible
         });
       }
     }]);
@@ -15546,7 +15671,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.documentResizeListener) {
           this.documentResizeListener = function (event) {
-            if (_this9.state.visible && !DomHandler.isAndroid()) {
+            if (_this9.state.visible && !DomHandler.isTouchDevice()) {
               _this9.hide(event);
             }
           };
@@ -17168,10 +17293,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onOverlayEntered",
       value: function onOverlayEntered(callback) {
+        callback && callback();
         this.bindDocumentClickListener();
         this.bindScrollListener();
         this.bindResizeListener();
-        callback && callback();
         this.props.onShow && this.props.onShow();
       }
     }, {
@@ -17340,7 +17465,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "checkValidity",
       value: function checkValidity() {
-        return this.inputRef.current.checkValidity();
+        if (this.inputRef.current) {
+          return this.inputRef.current.checkValidity();
+        }
+
+        return false;
       }
     }, {
       key: "isLazy",
@@ -17422,7 +17551,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
 
         this.updateInputField();
-        this.inputRef.current.selectedIndex = 1;
+
+        if (this.inputRef.current) {
+          this.inputRef.current.selectedIndex = 1;
+        }
       }
     }, {
       key: "componentWillUnmount",
@@ -17473,7 +17605,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
 
         this.updateInputField();
-        this.inputRef.current.selectedIndex = 1;
+
+        if (this.inputRef.current) {
+          this.inputRef.current.selectedIndex = 1;
+        }
       }
     }, {
       key: "renderHiddenSelect",
@@ -18593,11 +18728,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (valueStr != null) {
           newValue = this.parseValue(valueStr);
-          newValue = !newValue && !this.props.allowEmpty ? 0 : newValue;
+          newValue = this.evaluateEmpty(newValue);
           this.updateInput(newValue, insertedValueStr, operation, valueStr);
           this.handleOnChange(event, currentValue, newValue);
         }
       }
+    }, {
+      key: "evaluateEmpty",
+      value: function evaluateEmpty(newValue) {
+        return !newValue && !this.props.allowEmpty ? this.props.min || 0 : newValue;
+      }
     }, {
       key: "handleOnChange",
       value: function handleOnChange(event, currentValue, newValue) {
@@ -18711,7 +18851,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "updateInputValue",
       value: function updateInputValue(newValue) {
-        newValue = !newValue && !this.props.allowEmpty ? 0 : newValue;
+        newValue = this.evaluateEmpty(newValue);
         var inputEl = this.inputRef.current;
         var value = inputEl.value;
         var formattedValue = this.formattedValue(newValue);
@@ -18724,8 +18864,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "formattedValue",
       value: function formattedValue(val) {
-        var newVal = !val && !this.props.allowEmpty ? 0 : val;
-        return this.formatValue(newVal);
+        var newValue = this.evaluateEmpty(val);
+        return this.formatValue(newValue);
       }
     }, {
       key: "concatValues",
@@ -18933,7 +19073,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           size: this.props.size,
           tabIndex: this.props.tabIndex,
           inputMode: this.getInputMode(),
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           disabled: this.props.disabled,
           required: this.props.required,
           pattern: this.props.pattern,
@@ -20313,26 +20453,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           props: this.props.tableProps
         }));
 
-        if (body && !this.state.editing) {
-          content = body ? ObjectUtils.getJSXElement(body, this.props.rowData, {
-            column: this.props.column,
-            field: this.field,
-            rowIndex: this.props.rowIndex,
-            frozenRow: this.props.frozenRow,
-            props: this.props.tableProps
-          }) : value;
-        } else if (editor && this.state.editing) {
-          content = ObjectUtils.getJSXElement(editor, {
-            rowData: this.state.editingRowData,
-            value: this.resolveFieldData(this.state.editingRowData),
-            column: this.props.column,
-            field: this.field,
-            rowIndex: this.props.rowIndex,
-            frozenRow: this.props.frozenRow,
-            props: this.props.tableProps,
-            editorCallback: this.editorCallback
-          });
-        } else if (selectionMode) {
+        if (selectionMode) {
           var showSelection = this.props.showSelectionElement ? this.props.showSelectionElement(this.props.rowData, {
             rowIndex: this.props.rowIndex,
             props: this.props.tableProps
@@ -20443,6 +20564,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               rowEditor: rowEditorProps
             });
           }
+        } else if (body && !this.state.editing) {
+          content = body ? ObjectUtils.getJSXElement(body, this.props.rowData, {
+            column: this.props.column,
+            field: this.field,
+            rowIndex: this.props.rowIndex,
+            frozenRow: this.props.frozenRow,
+            props: this.props.tableProps
+          }) : value;
+        } else if (editor && this.state.editing) {
+          content = ObjectUtils.getJSXElement(editor, {
+            rowData: this.state.editingRowData,
+            value: this.resolveFieldData(this.state.editingRowData),
+            column: this.props.column,
+            field: this.field,
+            rowIndex: this.props.rowIndex,
+            frozenRow: this.props.frozenRow,
+            props: this.props.tableProps,
+            editorCallback: this.editorCallback
+          });
         } else {
           content = value;
         }
@@ -21086,7 +21226,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "equals",
       value: function equals(data1, data2) {
-        if (this.allowCellSelection()) return (data1.rowIndex === data2.rowIndex || data1.rowData === data2.rowData) && (data1.field === data2.field || data1.cellIndex === data2.cellIndex);else return this.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.props.dataKey);
+        if (this.allowCellSelection()) return (data1.rowIndex === data2.rowIndex || data1.rowData === data2.rowData) && (data1.field === data2.field || data1.cellIndex === data2.cellIndex);else return this.props.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.props.dataKey);
       }
     }, {
       key: "isSubheaderGrouping",
@@ -21355,7 +21495,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (this.props.onSelectionChange && selection !== this.props.selection) {
           this.props.onSelectionChange({
             originalEvent: originalEvent,
-            value: selection
+            value: selection,
+            type: type
           });
         }
       }
@@ -21411,13 +21552,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (this.props.onSelectionChange && selection !== this.props.selection) {
           this.props.onSelectionChange({
             originalEvent: originalEvent,
-            value: selection
+            value: selection,
+            type: type
           });
         }
       }
     }, {
       key: "onRangeSelection",
-      value: function onRangeSelection(event) {
+      value: function onRangeSelection(event, type) {
         DomHandler.clearSelection();
         this.rangeRowIndex = this.allowCellSelection() ? event.rowIndex : event.index;
         var selectionInRange = this.selectRange(event);
@@ -21426,7 +21568,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (this.props.onSelectionChange && selection !== this.props.selection) {
           this.props.onSelectionChange({
             originalEvent: event.originalEvent,
-            value: selection
+            value: selection,
+            type: type
           });
         }
 
@@ -21586,7 +21729,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (this.allowRowSelection()) {
           if (this.allowRangeSelection(event)) {
-            this.onRangeSelection(event);
+            this.onRangeSelection(event, 'row');
           } else {
             var toggleable = this.isRadioSelectionModeInColumn() || this.isCheckboxSelectionModeInColumn() || this.allowMetaKeySelection(event);
             this.anchorRowIndex = event.index;
@@ -21672,7 +21815,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var isSameRow = event.index === this.anchorRowIndex;
 
         if (this.allowRowDrag(event) && !isSameRow) {
-          this.onRangeSelection(event);
+          this.onRangeSelection(event, 'row');
         }
       }
     }, {
@@ -21875,7 +22018,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (this.allowCellSelection()) {
           if (this.allowRangeSelection(event)) {
-            this.onRangeSelection(event);
+            this.onRangeSelection(event, 'cell');
           } else {
             var toggleable = this.allowMetaKeySelection(event);
 
@@ -21924,7 +22067,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var isSameCell = event.rowIndex === this.anchorRowIndex && event.cellIndex === this.anchorCellIndex;
 
         if (this.allowCellDrag(event) && !isSameCell) {
-          this.onRangeSelection(event);
+          this.onRangeSelection(event, 'cell');
         }
       }
     }, {
@@ -22414,7 +22557,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
           this.props.onChange({
             originalEvent: event,
-            checked: this.props.checked
+            checked: !this.props.checked
           });
         }
       }
@@ -22540,7 +22683,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "isRowMatchModeSelected",
       value: function isRowMatchModeSelected(matchMode) {
-        return this.filterModel.matchMode === matchMode;
+        return this.filterModel && this.filterModel.matchMode === matchMode;
       }
     }, {
       key: "showMenuButton",
@@ -22833,7 +22976,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         filters[this.field].constraints.push(newConstraint);
         filterConstraintAddCallback && filterConstraintAddCallback({
           field: this.field,
-          constraing: newConstraint
+          constraint: newConstraint
         });
         this.props.onFilterChange(filters);
 
@@ -22851,7 +22994,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var removedConstraint = filters[this.field].constraints.splice(index, 1);
         filterConstraintRemoveCallback && filterConstraintRemoveCallback({
           field: this.field,
-          constraing: removedConstraint
+          constraint: removedConstraint
         });
         this.props.onFilterChange(filters);
 
@@ -22985,7 +23128,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this5.state.overlayVisible) {
+            if (_this5.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this5.hide();
             }
           };
@@ -23093,16 +23236,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function renderFilterElement(model, index) {
         var _this6 = this;
 
+        var value = model ? model.value : null;
         return this.getColumnProp('filterElement') ? ObjectUtils.getJSXElement(this.getColumnProp('filterElement'), {
           field: this.field,
           index: index,
           filterModel: model,
-          value: model.value,
+          value: value,
           filterApplyCallback: this.filterApplyCallback,
           filterCallback: this.filterCallback
         }) : /*#__PURE__*/React__default["default"].createElement(InputText, {
           type: this.getColumnProp('filterType'),
-          value: model.value || '',
+          value: value || '',
           onChange: function onChange(e) {
             return _this6.onInputChange(e, index);
           },
@@ -23766,7 +23910,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderCheckbox",
       value: function renderCheckbox() {
-        if (this.getColumnProp('selectionMode') === 'multiple' && this.props.filterDisplay !== 'row') {
+        if (this.props.showSelectAll && this.getColumnProp('selectionMode') === 'multiple' && this.props.filterDisplay !== 'row') {
           var allRowsSelected = this.props.allRowsSelected(this.props.value);
           return /*#__PURE__*/React__default["default"].createElement(HeaderCheckbox, {
             checked: allRowsSelected,
@@ -23988,6 +24132,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             onColumnResizeStart: _this3.props.onColumnResizeStart,
             onColumnResizerClick: _this3.props.onColumnResizerClick,
             onColumnResizerDoubleClick: _this3.props.onColumnResizerDoubleClick,
+            showSelectAll: _this3.props.showSelectAll,
             allRowsSelected: _this3.props.allRowsSelected,
             onColumnCheckboxChange: _this3.onCheckboxChange,
             reorderableColumns: _this3.props.reorderableColumns,
@@ -23995,6 +24140,36 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         });
       }
+    }, {
+      key: "renderCheckbox",
+      value: function renderCheckbox(selectionMode) {
+        if (this.props.showSelectAll && selectionMode === 'multiple') {
+          var allRowsSelected = this.props.allRowsSelected(this.props.value);
+          return /*#__PURE__*/React__default["default"].createElement(HeaderCheckbox, {
+            checked: allRowsSelected,
+            onChange: this.onCheckboxChange,
+            disabled: this.props.empty
+          });
+        }
+
+        return null;
+      }
+    }, {
+      key: "renderFilter",
+      value: function renderFilter(column, filter) {
+        if (filter) {
+          return /*#__PURE__*/React__default["default"].createElement(ColumnFilter, {
+            display: "row",
+            column: column,
+            filters: this.props.filters,
+            filtersStore: this.props.filtersStore,
+            onFilterChange: this.props.onFilterChange,
+            onFilterApply: this.props.onFilterApply
+          });
+        }
+
+        return null;
+      }
     }, {
       key: "renderFilterCells",
       value: function renderFilterCells() {
@@ -24022,24 +24197,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             });
             var colKey = columnKey || field || i;
 
-            var allRowsSelected = selectionMode === 'multiple' && _this4.props.allRowsSelected(_this4.props.value);
+            var checkbox = _this4.renderCheckbox(selectionMode);
+
+            var filterRow = _this4.renderFilter(col, filter);
 
             return /*#__PURE__*/React__default["default"].createElement("th", {
               key: colKey,
               style: colStyle,
               className: colClassName
-            }, selectionMode === 'multiple' && /*#__PURE__*/React__default["default"].createElement(HeaderCheckbox, {
-              checked: allRowsSelected,
-              onChange: _this4.onCheckboxChange,
-              disabled: _this4.props.empty
-            }), filter && /*#__PURE__*/React__default["default"].createElement(ColumnFilter, {
-              display: "row",
-              column: col,
-              filters: _this4.props.filters,
-              filtersStore: _this4.props.filtersStore,
-              onFilterChange: _this4.props.onFilterChange,
-              onFilterApply: _this4.props.onFilterApply
-            }));
+            }, checkbox, filterRow);
           }
 
           return null;
@@ -24123,10 +24289,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         _this.state.filters = props.filters;
       }
 
-      if (_this.isStateful()) {
-        _this.restoreState(_this.state);
-      }
-
       _this.attributeSelector = UniqueComponentId(); // header
 
       _this.onSortChange = _this.onSortChange.bind(_assertThisInitialized(_this));
@@ -24162,6 +24324,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function isVirtualScrollerDisabled() {
         return ObjectUtils.isEmpty(this.props.virtualScrollerOptions) || !this.props.scrollable;
       }
+    }, {
+      key: "isEquals",
+      value: function isEquals(data1, data2) {
+        return this.props.compareSelectionBy === 'equals' ? data1 === data2 : ObjectUtils.equals(data1, data2, this.props.dataKey);
+      }
     }, {
       key: "hasFilter",
       value: function hasFilter() {
@@ -24369,7 +24536,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
                 };
               };
 
-              this.props.onPage(getOnPageParams(restoredState.first, restoredState.rows));
+              this.props.onPage(this.createEvent(getOnPageParams(restoredState.first, restoredState.rows)));
             } else {
               state.first = restoredState.first;
               state.rows = restoredState.rows;
@@ -24378,10 +24545,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
           if (restoredState.sortField) {
             if (this.props.onSort) {
-              this.props.onSort({
+              this.props.onSort(this.createEvent({
                 sortField: restoredState.sortField,
                 sortOrder: restoredState.sortOrder
-              });
+              }));
             } else {
               state.sortField = restoredState.sortField;
               state.sortOrder = restoredState.sortOrder;
@@ -24390,9 +24557,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
           if (restoredState.multiSortMeta) {
             if (this.props.onSort) {
-              this.props.onSort({
+              this.props.onSort(this.createEvent({
                 multiSortMeta: restoredState.multiSortMeta
-              });
+              }));
             } else {
               state.multiSortMeta = restoredState.multiSortMeta;
             }
@@ -24402,9 +24569,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             state.d_filters = this.cloneFilters(restoredState.filters);
 
             if (this.props.onFilter) {
-              this.props.onFilter({
+              this.props.onFilter(this.createEvent({
                 filters: restoredState.filters
-              });
+              }));
             } else {
               state.filters = this.cloneFilters(restoredState.filters);
             }
@@ -24507,15 +24674,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function allRowsSelected(processedData) {
         var _this5 = this;
 
-        var val = this.props.frozenValue ? [].concat(_toConsumableArray(this.props.frozenValue), _toConsumableArray(processedData)) : processedData;
-        var selectableVal = this.props.showSelectionElement ? val.filter(function (data, index) {
-          return _this5.props.showSelectionElement(data, {
-            rowIndex: index,
-            props: _this5.props
+        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;
+          return selectableVal && this.props.selection && selectableVal.every(function (sv) {
+            return _this5.props.selection.some(function (s) {
+              return _this5.isEquals(s, sv);
+            });
           });
-        }) : val;
-        var length = this.props.lazy ? this.props.totalRecords : selectableVal ? selectableVal.length : 0;
-        return selectableVal && length > 0 && this.props.selection && this.props.selection.length > 0 && this.props.selection.length === length;
+        }
       }
     }, {
       key: "getSelectionModeInColumn",
@@ -24716,37 +24891,46 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function onColumnHeaderCheckboxChange(e, processedData) {
         var _this8 = this;
 
-        var originalEvent = e.originalEvent,
-            checked = e.checked;
-        var selection;
-
-        if (!checked) {
-          selection = this.props.frozenValue ? [].concat(_toConsumableArray(this.props.frozenValue), _toConsumableArray(processedData)) : processedData;
-          selection = this.props.showSelectionElement ? selection.filter(function (data, index) {
-            return _this8.props.showSelectionElement(data, {
-              rowIndex: index,
-              props: _this8.props
-            });
-          }) : selection;
-          this.props.onAllRowsSelect && this.props.onAllRowsSelect({
-            originalEvent: originalEvent,
-            data: selection,
-            type: 'all'
-          });
+        if (this.props.onSelectAllChange) {
+          this.props.onSelectAllChange(e);
         } else {
-          selection = [];
-          this.props.onAllRowsUnselect && this.props.onAllRowsUnselect({
-            originalEvent: originalEvent,
-            data: selection,
-            type: 'all'
-          });
-        }
+          var originalEvent = e.originalEvent,
+              checked = e.checked;
+          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);
+            });
+          }) : [];
+
+          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;
+            this.props.onAllRowsSelect && this.props.onAllRowsSelect({
+              originalEvent: originalEvent,
+              data: selection,
+              type: 'all'
+            });
+          } else {
+            this.props.onAllRowsUnselect && this.props.onAllRowsUnselect({
+              originalEvent: originalEvent,
+              data: selection,
+              type: 'all'
+            });
+          }
 
-        if (this.props.onSelectionChange) {
-          this.props.onSelectionChange({
-            originalEvent: originalEvent,
-            value: selection
-          });
+          if (this.props.onSelectionChange) {
+            this.props.onSelectionChange({
+              originalEvent: originalEvent,
+              value: selection,
+              type: 'all'
+            });
+          }
         }
       }
     }, {
@@ -24879,15 +25063,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "createStyleElement",
       value: function createStyleElement() {
-        this.styleElement = document.createElement('style');
-        document.head.appendChild(this.styleElement);
+        this.styleElement = DomHandler.createInlineStyle();
       }
     }, {
       key: "createResponsiveStyle",
       value: function createResponsiveStyle() {
         if (!this.responsiveStyleElement) {
-          this.responsiveStyleElement = document.createElement('style');
-          document.head.appendChild(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.innerHTML = innerHTML;
         }
@@ -24895,24 +25077,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "destroyResponsiveStyle",
       value: function destroyResponsiveStyle() {
-        if (this.responsiveStyleElement) {
-          document.head.removeChild(this.responsiveStyleElement);
-          this.responsiveStyleElement = null;
-        }
+        this.responsiveStyleElement = DomHandler.removeInlineStyle(this.responsiveStyleElement);
       }
     }, {
       key: "destroyStyleElement",
       value: function destroyStyleElement() {
-        if (this.styleElement) {
-          document.head.removeChild(this.styleElement);
-          this.styleElement = null;
-        }
+        this.styleElement = DomHandler.removeInlineStyle(this.styleElement);
       }
     }, {
       key: "onPageChange",
       value: function onPageChange(e) {
         this.clearEditingMetaData();
-        if (this.props.onPage) this.props.onPage(e);else this.setState({
+        if (this.props.onPage) this.props.onPage(this.createEvent(e));else this.setState({
           first: e.first,
           rows: e.rows
         });
@@ -24976,7 +25152,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
 
         if (this.props.onSort) {
-          this.props.onSort(eventMeta);
+          this.props.onSort(this.createEvent(eventMeta));
         } else {
           eventMeta.first = 0;
           this.setState(eventMeta);
@@ -24995,6 +25171,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function getCalculatedSortOrder(currentOrder) {
         return this.props.removableSort ? this.props.defaultSortOrder === currentOrder ? currentOrder * -1 : 0 : currentOrder * -1;
       }
+    }, {
+      key: "compareValuesOnSort",
+      value: function compareValuesOnSort(value1, value2) {
+        var result = null;
+        if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
+          numeric: true
+        });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+        return result;
+      }
     }, {
       key: "addSortMeta",
       value: function addSortMeta(meta, multiSortMeta) {
@@ -25019,6 +25204,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "sortSingle",
       value: function sortSingle(data, field, order) {
+        var _this10 = this;
+
         if (this.props.groupRowsBy && this.props.groupRowsBy === this.props.sortField) {
           var multiSortMeta = [{
             field: this.props.sortField,
@@ -25042,10 +25229,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           value.sort(function (data1, data2) {
             var value1 = ObjectUtils.resolveFieldData(data1, field);
             var value2 = ObjectUtils.resolveFieldData(data2, field);
-            var result = null;
-            if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
-              numeric: true
-            });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+
+            var result = _this10.compareValuesOnSort(value1, value2);
+
             return order * result;
           });
         }
@@ -25055,7 +25241,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "sortMultiple",
       value: function sortMultiple(data) {
-        var _this10 = this;
+        var _this11 = this;
 
         var multiSortMeta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
@@ -25072,7 +25258,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (this.columnSortable && this.columnSortFunction) {
           var meta = multiSortMeta.find(function (meta) {
-            return meta.field === _this10.columnField;
+            return meta.field === _this11.columnField;
           });
           var field = this.columnField;
           var order = meta ? meta.order : this.defaultSortOrder;
@@ -25082,7 +25268,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         } else {
           value.sort(function (data1, data2) {
-            return _this10.multisortField(data1, data2, multiSortMeta, 0);
+            return _this11.multisortField(data1, data2, multiSortMeta, 0);
           });
         }
 
@@ -25093,22 +25279,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function multisortField(data1, data2, multiSortMeta, index) {
         var value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);
         var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);
-        var result = null;
-
-        if (typeof value1 === 'string' || value1 instanceof String) {
-          if (value1.localeCompare && value1 !== value2) {
-            return multiSortMeta[index].order * value1.localeCompare(value2, undefined, {
-              numeric: true
-            });
-          }
-        } else {
-          result = value1 < value2 ? -1 : 1;
-        }
 
         if (value1 === value2) {
           return multiSortMeta.length - 1 > index ? this.multisortField(data1, data2, multiSortMeta, index + 1) : 0;
         }
 
+        var result = this.compareValuesOnSort(value1, value2);
         return multiSortMeta[index].order * result;
       }
     }, {
@@ -25122,25 +25298,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "onFilterApply",
       value: function onFilterApply() {
-        var _this11 = this;
+        var _this12 = this;
 
         clearTimeout(this.filterTimeout);
         this.filterTimeout = setTimeout(function () {
-          var filters = _this11.cloneFilters(_this11.state.d_filters);
+          var filters = _this12.cloneFilters(_this12.state.d_filters);
 
-          if (_this11.props.onFilter) {
-            _this11.props.onFilter({
+          if (_this12.props.onFilter) {
+            _this12.props.onFilter(_this12.createEvent({
               filters: filters
-            });
+            }));
           } else {
-            _this11.setState({
+            _this12.setState({
               first: 0,
               filters: filters
             });
           }
 
-          if (_this11.props.onValueChange) {
-            _this11.props.onValueChange(_this11.processedData({
+          if (_this12.props.onValueChange) {
+            _this12.props.onValueChange(_this12.processedData({
               filters: filters
             }));
           }
@@ -25238,7 +25414,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "cloneFilters",
       value: function cloneFilters(filters) {
-        var _this12 = this;
+        var _this13 = this;
 
         filters = filters || this.props.filters;
         var cloned = {};
@@ -25259,34 +25435,31 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           var columns = this.getColumns();
           cloned = columns.reduce(function (_filters, col) {
-            if (col.props.filter) {
-              var field = col.props.filterField || col.props.field;
-              var filterFunction = col.props.filterFunction;
-              var dataType = col.props.dataType;
-              var matchMode = col.props.filterMatchMode || (PrimeReact.filterMatchModeOptions[dataType] ? PrimeReact.filterMatchModeOptions[dataType][0] : FilterMatchMode.STARTS_WITH);
-              var constraint = {
-                value: null,
-                matchMode: matchMode
-              };
-
-              if (filterFunction) {
-                FilterService.register("custom_".concat(field), function () {
-                  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                    args[_key] = arguments[_key];
-                  }
+            var field = col.props.filterField || col.props.field;
+            var filterFunction = col.props.filterFunction;
+            var dataType = col.props.dataType;
+            var matchMode = col.props.filterMatchMode || (PrimeReact.filterMatchModeOptions[dataType] ? PrimeReact.filterMatchModeOptions[dataType][0] : FilterMatchMode.STARTS_WITH);
+            var constraint = {
+              value: null,
+              matchMode: matchMode
+            };
 
-                  return filterFunction.apply(void 0, args.concat([{
-                    column: col
-                  }]));
-                });
-              }
+            if (filterFunction) {
+              FilterService.register("custom_".concat(field), function () {
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
 
-              _filters[field] = _this12.props.filterDisplay === 'menu' ? {
-                operator: FilterOperator.AND,
-                constraints: [constraint]
-              } : constraint;
+                return filterFunction.apply(void 0, args.concat([{
+                  column: col
+                }]));
+              });
             }
 
+            _filters[field] = _this13.props.filterDisplay === 'menu' ? {
+              operator: FilterOperator.AND,
+              constraints: [constraint]
+            } : constraint;
             return _filters;
           }, {});
         }
@@ -25362,7 +25535,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "exportCSV",
       value: function exportCSV(options) {
-        var _this13 = this;
+        var _this14 = this;
 
         var data;
         var csv = "\uFEFF";
@@ -25385,7 +25558,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             csv += '"' + (header || field) + '"';
 
             if (i < columns.length - 1) {
-              csv += _this13.props.csvSeparator;
+              csv += _this14.props.csvSeparator;
             }
           }
         }); //body
@@ -25401,7 +25574,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var cellData = ObjectUtils.resolveFieldData(record, field);
 
               if (cellData != null) {
-                cellData = _this13.props.exportFunction ? _this13.props.exportFunction({
+                cellData = _this14.props.exportFunction ? _this14.props.exportFunction({
                   data: cellData,
                   field: field,
                   rowData: record,
@@ -25412,7 +25585,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               csv += '"' + cellData + '"';
 
               if (i < columns.length - 1) {
-                csv += _this13.props.csvSeparator;
+                csv += _this14.props.csvSeparator;
               }
             }
           });
@@ -25426,6 +25599,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           document.body.click();
         }
       }
+    }, {
+      key: "createEvent",
+      value: function createEvent(event) {
+        return _objectSpread$s({
+          first: this.getFirst(),
+          rows: this.getRows(),
+          sortField: this.getSortField(),
+          sortOrder: this.getSortOrder(),
+          multiSortMeta: this.getMultiSortMeta(),
+          filters: this.getFilters()
+        }, event);
+      }
     }, {
       key: "processedData",
       value: function processedData(localState) {
@@ -25469,8 +25654,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           this.createResponsiveStyle();
         }
 
-        if (this.isStateful() && this.props.resizableColumns) {
-          this.restoreColumnWidths();
+        if (this.isStateful()) {
+          this.setState(this.restoreState(this.state));
+
+          if (this.props.resizableColumns) {
+            this.restoreColumnWidths();
+          }
         }
       }
     }, {
@@ -25570,6 +25759,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           filtersStore: filtersStore,
           onFilterChange: this.onFilterChange,
           onFilterApply: this.onFilterApply,
+          showSelectAll: this.props.showSelectAll,
           allRowsSelected: this.allRowsSelected,
           onColumnCheckboxChange: this.onColumnHeaderCheckboxChange,
           onColumnMouseDown: this.onColumnHeaderMouseDown,
@@ -25737,7 +25927,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderContent",
       value: function renderContent(processedData, columns, selectionModeInColumn, empty) {
-        var _this14 = this;
+        var _this15 = this;
 
         if (!columns) return;
         var isVirtualScrollerDisabled = this.isVirtualScrollerDisabled();
@@ -25750,29 +25940,27 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, /*#__PURE__*/React__default["default"].createElement(VirtualScroller, _extends({}, virtualScrollerOptions, {
           items: processedData,
           columns: columns,
-          style: {
-            height: this.props.scrollHeight
-          },
+          scrollHeight: this.props.scrollHeight,
           disabled: isVirtualScrollerDisabled,
           loaderDisabled: true,
           showSpacer: false,
           contentTemplate: function contentTemplate(options) {
             var ref = function ref(el) {
-              _this14.table = el;
+              _this15.table = el;
               options.spacerRef && options.spacerRef(el);
             };
 
-            var tableClassName = classNames('p-datatable-table', _this14.props.tableClassName);
+            var tableClassName = classNames('p-datatable-table', _this15.props.tableClassName);
 
-            var tableHeader = _this14.renderTableHeader(options, empty);
+            var tableHeader = _this15.renderTableHeader(options, empty);
 
-            var tableBody = _this14.renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled);
+            var tableBody = _this15.renderTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled);
 
-            var tableFooter = _this14.renderTableFooter(options);
+            var tableFooter = _this15.renderTableFooter(options);
 
             return /*#__PURE__*/React__default["default"].createElement("table", {
               ref: ref,
-              style: _this14.props.tableStyle,
+              style: _this15.props.tableStyle,
               className: tableClassName,
               role: "table"
             }, tableHeader, tableBody, tableFooter);
@@ -25834,12 +26022,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderResizeHelper",
       value: function renderResizeHelper() {
-        var _this15 = this;
+        var _this16 = this;
 
         if (this.props.resizableColumns) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
-              return _this15.resizeHelper = el;
+              return _this16.resizeHelper = el;
             },
             className: "p-column-resizer-helper",
             style: {
@@ -25853,7 +26041,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "renderReorderIndicators",
       value: function renderReorderIndicators() {
-        var _this16 = this;
+        var _this17 = this;
 
         if (this.props.reorderableColumns) {
           var style = {
@@ -25862,13 +26050,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 _this16.reorderIndicatorUp = el;
+              return _this17.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 _this16.reorderIndicatorDown = el;
+              return _this17.reorderIndicatorDown = el;
             },
             className: "pi pi-arrow-up p-datatable-reorder-indicator-down",
             style: style
@@ -25880,7 +26068,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       key: "render",
       value: function render() {
-        var _this17 = this;
+        var _this18 = this;
 
         var processedData = this.processedData();
         var columns = this.getColumns();
@@ -25916,7 +26104,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var reorderIndicators = this.renderReorderIndicators();
         return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
-            return _this17.el = el;
+            return _this18.el = el;
           },
           id: this.props.id,
           className: className,
@@ -25983,6 +26171,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     dataKey: null,
     metaKeySelection: true,
     selectOnEdit: true,
+    selectionPageOnly: false,
+    showSelectAll: true,
+    selectAll: false,
+    onSelectAllChange: null,
     headerColumnGroup: null,
     footerColumnGroup: null,
     rowExpansionTemplate: null,
@@ -26632,7 +26824,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           if (module && module.default && DomHandler.isExist(_this.editorElement)) {
             _this.quill = new module.default(_this.editorElement, {
               modules: _objectSpread$r({
-                toolbar: _this.toolbarElement
+                toolbar: _this.props.showHeader ? _this.toolbarElement : false
               }, _this.props.modules),
               placeholder: _this.props.placeholder,
               readOnly: _this.props.readOnly,
@@ -26694,7 +26886,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var containerClass = classNames('p-component p-editor-container', this.props.className);
         var toolbarHeader = null;
 
-        if (this.props.headerTemplate) {
+        if (this.props.showHeader === false) {
+          toolbarHeader = '';
+          this.toolbarElement = undefined;
+        } else if (this.props.headerTemplate) {
           toolbarHeader = /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
               return _this2.toolbarElement = el;
@@ -26816,6 +27011,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     modules: null,
     formats: null,
     theme: 'snow',
+    showHeader: true,
     headerTemplate: null,
     onTextChange: null,
     onSelectionChange: null,
@@ -28737,8 +28933,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.thumbnailsStyle) {
-          this.thumbnailsStyle = document.createElement('style');
-          document.body.appendChild(this.thumbnailsStyle);
+          this.thumbnailsStyle = DomHandler.createInlineStyle();
         }
 
         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        ");
@@ -30324,7 +30519,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: inputMaskClassName,
           placeholder: this.props.placeholder,
           size: this.props.size,
-          maxLength: this.props.maxlength,
+          maxLength: this.props.maxLength,
           tabIndex: this.props.tabIndex,
           disabled: this.props.disabled,
           readOnly: this.props.readOnly,
@@ -30356,7 +30551,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null,
     placeholder: null,
     size: null,
-    maxlength: null,
+    maxLength: null,
     tabIndex: null,
     disabled: false,
     readOnly: false,
@@ -32411,7 +32606,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.documentResizeListener) {
           this.documentResizeListener = function (event) {
-            if (_this4.state.visible && !DomHandler.isAndroid()) {
+            if (_this4.state.visible && !DomHandler.isTouchDevice()) {
               _this4.hide(event);
             }
           };
@@ -34301,7 +34496,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this12.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this12.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this12.hide();
             }
           };
@@ -34408,7 +34603,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           var visibleOptions = this.getVisibleOptions();
 
-          if (visibleOptions.length === 0) {
+          if (ObjectUtils.isEmpty(visibleOptions)) {
             return false;
           }
 
@@ -36052,7 +36247,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.visible && !DomHandler.isAndroid()) {
+            if (_this4.state.visible && !DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -36203,8 +36398,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createStyle",
       value: function createStyle() {
         if (!this.styleElement) {
-          this.styleElement = document.createElement('style');
-          document.head.appendChild(this.styleElement);
+          this.styleElement = DomHandler.createInlineStyle();
           var innerHTML = '';
 
           for (var breakpoint in this.props.breakpoints) {
@@ -36232,10 +36426,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           this.scrollHandler = null;
         }
 
-        if (this.styleElement) {
-          document.head.removeChild(this.styleElement);
-          this.styleElement = null;
-        }
+        this.styleElement = DomHandler.removeInlineStyle(this.styleElement);
 
         if (this.overlayEventListener) {
           OverlayService.off('overlay-click', this.overlayEventListener);
@@ -36424,8 +36615,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             "aria-controls": ariaControls,
             "aria-expanded": !collapsed,
             role: "tab"
-          }, /*#__PURE__*/React__default["default"].createElement("span", {
-            className: toggleIcon
+          }, IconUtils.getJSXIcon(toggleIcon, {
+            props: this.props,
+            collapsed: collapsed
           }), /*#__PURE__*/React__default["default"].createElement(Ripple, null));
         }
 
@@ -37287,7 +37479,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this6.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this6.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this6.hideOverlay();
             }
           };
@@ -40239,7 +40431,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.documentResizeListener) {
           this.documentResizeListener = function (event) {
-            if (_this9.state.visible && !DomHandler.isAndroid()) {
+            if (_this9.state.visible && !DomHandler.isTouchDevice()) {
               _this9.hide(event);
             }
           };
@@ -41075,7 +41267,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -41178,6 +41370,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var className = classNames('p-splitbutton p-component', this.props.className, {
           'p-disabled': this.props.disabled
         });
+        var buttonClassName = classNames('p-splitbutton-defaultbutton', this.props.buttonClassName);
+        var menuButtonClassName = classNames('p-splitbutton-menubutton', this.props.menuButtonClassName);
         var items = this.renderItems();
         var buttonContent = this.props.buttonTemplate ? ObjectUtils.getJSXElement(this.props.buttonTemplate, this.props) : null;
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -41192,7 +41386,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             return _this6.defaultButton = el;
           },
           type: "button",
-          className: "p-splitbutton-defaultbutton",
+          className: buttonClassName,
           icon: this.props.icon,
           label: this.props.label,
           onClick: this.props.onClick,
@@ -41200,7 +41394,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           tabIndex: this.props.tabIndex
         }, buttonContent), /*#__PURE__*/React__default["default"].createElement(Button, {
           type: "button",
-          className: "p-splitbutton-menubutton",
+          className: menuButtonClassName,
           icon: this.props.dropdownIcon,
           onClick: this.onDropdownButtonClick,
           disabled: this.props.disabled,
@@ -41235,8 +41429,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     disabled: null,
     style: null,
     className: null,
+    buttonClassName: null,
     menuStyle: null,
     menuClassName: null,
+    menuButtonClassName: null,
     tabIndex: null,
     appendTo: null,
     tooltip: null,
@@ -41953,6 +42149,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     rightIcon: null,
     closable: false,
     disabled: false,
+    style: null,
+    className: null,
     headerStyle: null,
     headerClassName: null,
     contentStyle: null,
@@ -42043,6 +42241,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
           tabInfo && _this3.onTabHeaderClick(event, tabInfo.tab, tabInfo.index);
         });
+
+        if (this.props.onTabClose) {
+          this.props.onTabClose({
+            originalEvent: event,
+            index: index
+          });
+        }
+
         event.preventDefault();
       }
     }, {
@@ -42182,10 +42388,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _this4 = this;
 
         var selected = this.isSelected(index);
+
+        var style = _objectSpread$b(_objectSpread$b({}, tab.props.headerStyle || {}), tab.props.style || {});
+
         var className = classNames('p-unselectable-text', {
           'p-tabview-selected p-highlight': selected,
           'p-disabled': tab.props.disabled
-        }, tab.props.headerClassName);
+        }, tab.props.headerClassName, tab.props.className);
         var id = this.state.id + '_header_' + index;
         var ariaControls = this.state.id + '_content_' + index;
         var tabIndex = tab.props.disabled ? null : 0;
@@ -42246,7 +42455,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             return _this4["tab_".concat(index)] = el;
           },
           className: className,
-          style: tab.props.headerStyle,
+          style: style,
           role: "presentation"
         }, content);
       }
@@ -42306,7 +42515,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       key: "createContent",
       value: function createContent(tab, index) {
         var selected = this.isSelected(index);
-        var className = classNames(tab.props.contentClassName, 'p-tabview-panel', {
+
+        var style = _objectSpread$b(_objectSpread$b({}, tab.props.contentStyle || {}), tab.props.style || {});
+
+        var className = classNames(tab.props.contentClassName, tab.props.className, 'p-tabview-panel', {
           'p-hidden': !selected
         });
         var id = this.state.id + '_content_' + index;
@@ -42316,7 +42528,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           "aria-labelledby": ariaLabelledBy,
           "aria-hidden": !selected,
           className: className,
-          style: tab.props.contentStyle,
+          style: style,
           role: "tabpanel"
         }, !this.props.renderActiveOnly ? tab.props.children : selected && tab.props.children);
       }
@@ -42386,6 +42598,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null,
     renderActiveOnly: true,
     onTabChange: null,
+    onTabClose: null,
     scrollable: false
   });
 
@@ -42935,7 +43148,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.documentResizeListener) {
           this.documentResizeListener = function (event) {
-            if (_this5.state.visible && !DomHandler.isAndroid()) {
+            if (_this5.state.visible && !DomHandler.isTouchDevice()) {
               _this5.hide(event);
             }
           };
@@ -45494,7 +45707,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -49538,17 +49751,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function unblock() {
         var _this2 = this;
 
-        DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-        this.mask.addEventListener('animationend', function () {
-          ZIndexUtils.clear(_this2.mask);
-
+        var callback = function callback() {
           _this2.setState({
             visible: false
           }, function () {
             _this2.props.fullScreen && DomHandler.removeClass(document.body, 'p-overflow-hidden');
             _this2.props.onUnblocked && _this2.props.onUnblocked();
           });
-        });
+        };
+
+        if (this.mask) {
+          DomHandler.addClass(this.mask, 'p-component-overlay-leave');
+          this.mask.addEventListener('animationend', function () {
+            ZIndexUtils.clear(_this2.mask);
+            callback();
+          });
+        } else {
+          callback();
+        }
       }
     }, {
       key: "onPortalMounted",
@@ -50480,7 +50700,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this8.state.overlayVisible && !DomHandler.isAndroid()) {
+            if (_this8.state.overlayVisible && !DomHandler.isTouchDevice()) {
               _this8.hideOverlay();
             }
           };