primereact 7.0.1 → 7.1.0

package/primereact.all.cjs.js

@@ -1034,7 +1034,12 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     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",
@@ -1160,6 +1165,48 @@ var DomHandler = /*#__PURE__*/function () {
         }
       }
     }
+    /**
+     * 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;
@@ -2051,343 +2098,6 @@ function handler() {
 
 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',
@@ -2420,6 +2130,8 @@ _defineProperty(PrimeReact, "locale", 'en');
 
 _defineProperty(PrimeReact, "appendTo", null);
 
+_defineProperty(PrimeReact, "cssTransition", true);
+
 _defineProperty(PrimeReact, "autoZIndex", true);
 
 _defineProperty(PrimeReact, "zIndex", {
@@ -2436,9 +2148,9 @@ _defineProperty(PrimeReact, "filterMatchModeOptions", {
   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',
@@ -2495,7 +2207,7 @@ function locale(locale) {
 }
 
 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) {
@@ -2505,7 +2217,7 @@ function updateLocaleOption(key, value, locale) {
 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) {
@@ -3013,6 +2725,376 @@ var FilterService = {
   }
 };
 
+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);
@@ -3156,14 +3238,9 @@ var Portal = /*#__PURE__*/function (_Component) {
   }
 
   _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);
@@ -3276,6 +3353,11 @@ var Tooltip = /*#__PURE__*/function (_Component) {
     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() {
@@ -3355,8 +3437,10 @@ var Tooltip = /*#__PURE__*/function (_Component) {
       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;
       }
 
@@ -3561,7 +3645,7 @@ var Tooltip = /*#__PURE__*/function (_Component) {
       var _this5 = this;
 
       this.documentResizeListener = function (e) {
-        if (!DomHandler.isAndroid()) {
+        if (!DomHandler.isTouchDevice()) {
           _this5.hide(e);
         }
       };
@@ -3606,8 +3690,9 @@ var Tooltip = /*#__PURE__*/function (_Component) {
             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);
       }
     }
   }, {
@@ -3618,8 +3703,9 @@ var Tooltip = /*#__PURE__*/function (_Component) {
             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);
       }
     }
   }, {
@@ -3654,6 +3740,22 @@ var Tooltip = /*#__PURE__*/function (_Component) {
       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) {
@@ -3810,6 +3912,7 @@ _defineProperty(Tooltip, "defaultProps", {
   updateDelay: 0,
   hideDelay: 0,
   autoHide: true,
+  showOnDisabled: false,
   onBeforeShow: null,
   onBeforeHide: null,
   onShow: null,
@@ -4698,7 +4801,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
       };
 
       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) {
@@ -4870,6 +4973,16 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
 
       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() {
@@ -4885,7 +4998,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
   }, {
     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();
       }
 
@@ -4915,7 +5028,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
   }, {
     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', {
@@ -4929,7 +5042,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
           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
             });
           });
@@ -4945,12 +5058,12 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
   }, {
     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"
         });
@@ -4970,16 +5083,16 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
   }, {
     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);
@@ -4989,7 +5102,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
       var content = /*#__PURE__*/React__default["default"].createElement("div", {
         className: className,
         ref: function ref(el) {
-          return _this15.content = el;
+          return _this16.content = el;
         }
       }, items);
 
@@ -4997,24 +5110,24 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
         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,
@@ -5032,7 +5145,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this16 = this;
+      var _this17 = this;
 
       if (this.props.disabled) {
         var content = ObjectUtils.getJSXElement(this.props.contentTemplate, {
@@ -5055,7 +5168,7 @@ var VirtualScroller = /*#__PURE__*/function (_Component) {
         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,
@@ -5843,7 +5956,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this7.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this7.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this7.hideOverlay();
           }
         };
@@ -5980,7 +6093,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         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,
@@ -6040,7 +6153,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         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,
@@ -6178,7 +6291,7 @@ _defineProperty(AutoComplete, "defaultProps", {
   placeholder: null,
   readOnly: false,
   disabled: false,
-  maxlength: null,
+  maxLength: null,
   size: null,
   appendTo: null,
   tabIndex: null,
@@ -7326,12 +7439,31 @@ var Calendar = /*#__PURE__*/function (_Component) {
 
       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)) {
@@ -7357,7 +7489,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
     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)) {
@@ -8233,7 +8365,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
   }, {
     key: "onWindowResize",
     value: function onWindowResize() {
-      if (this.isVisible() && !DomHandler.isAndroid()) {
+      if (this.isVisible() && !DomHandler.isTouchDevice()) {
         this.hideOverlay();
       }
     }
@@ -10462,8 +10594,8 @@ var Carousel = /*#__PURE__*/function (_Component2) {
     }
   }, {
     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 = '';
 
@@ -10582,8 +10714,7 @@ var Carousel = /*#__PURE__*/function (_Component2) {
     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        ");
@@ -10826,16 +10957,16 @@ var Carousel = /*#__PURE__*/function (_Component2) {
         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);
     }
   }, {
@@ -11621,7 +11752,7 @@ var CascadeSelect = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this5.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this5.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this5.hide();
           }
         };
@@ -13169,7 +13300,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -14169,8 +14300,7 @@ var Dialog = /*#__PURE__*/function (_Component) {
     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) {
@@ -14238,12 +14368,7 @@ var Dialog = /*#__PURE__*/function (_Component) {
     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);
     }
   }, {
@@ -14826,7 +14951,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !DomHandler.isAndroid()) {
+          if (_this4.state.visible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -15088,7 +15213,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default["default"].createElement(Portal, {
         element: element,
         appendTo: this.props.appendTo,
-        visible: true
+        visible: this.props.visible
       });
     }
   }]);
@@ -15569,7 +15694,7 @@ var ContextMenu = /*#__PURE__*/function (_Component2) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this9.state.visible && !DomHandler.isAndroid()) {
+          if (_this9.state.visible && !DomHandler.isTouchDevice()) {
             _this9.hide(event);
           }
         };
@@ -17191,10 +17316,10 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEntered",
     value: function onOverlayEntered(callback) {
+      callback && callback();
       this.bindDocumentClickListener();
       this.bindScrollListener();
       this.bindResizeListener();
-      callback && callback();
       this.props.onShow && this.props.onShow();
     }
   }, {
@@ -17363,7 +17488,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   }, {
     key: "checkValidity",
     value: function checkValidity() {
-      return this.inputRef.current.checkValidity();
+      if (this.inputRef.current) {
+        return this.inputRef.current.checkValidity();
+      }
+
+      return false;
     }
   }, {
     key: "isLazy",
@@ -17445,7 +17574,10 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }
 
       this.updateInputField();
-      this.inputRef.current.selectedIndex = 1;
+
+      if (this.inputRef.current) {
+        this.inputRef.current.selectedIndex = 1;
+      }
     }
   }, {
     key: "componentWillUnmount",
@@ -17496,7 +17628,10 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }
 
       this.updateInputField();
-      this.inputRef.current.selectedIndex = 1;
+
+      if (this.inputRef.current) {
+        this.inputRef.current.selectedIndex = 1;
+      }
     }
   }, {
     key: "renderHiddenSelect",
@@ -18616,11 +18751,16 @@ var InputNumber = /*#__PURE__*/function (_Component) {
 
       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) {
@@ -18734,7 +18874,7 @@ var InputNumber = /*#__PURE__*/function (_Component) {
   }, {
     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);
@@ -18747,8 +18887,8 @@ var InputNumber = /*#__PURE__*/function (_Component) {
   }, {
     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",
@@ -18956,7 +19096,7 @@ var InputNumber = /*#__PURE__*/function (_Component) {
         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,
@@ -20336,26 +20476,7 @@ var BodyCell = /*#__PURE__*/function (_Component) {
         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
@@ -20466,6 +20587,25 @@ var BodyCell = /*#__PURE__*/function (_Component) {
             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;
       }
@@ -21109,7 +21249,7 @@ var TableBody = /*#__PURE__*/function (_Component) {
   }, {
     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",
@@ -21378,7 +21518,8 @@ var TableBody = /*#__PURE__*/function (_Component) {
       if (this.props.onSelectionChange && selection !== this.props.selection) {
         this.props.onSelectionChange({
           originalEvent: originalEvent,
-          value: selection
+          value: selection,
+          type: type
         });
       }
     }
@@ -21434,13 +21575,14 @@ var TableBody = /*#__PURE__*/function (_Component) {
       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);
@@ -21449,7 +21591,8 @@ var TableBody = /*#__PURE__*/function (_Component) {
       if (this.props.onSelectionChange && selection !== this.props.selection) {
         this.props.onSelectionChange({
           originalEvent: event.originalEvent,
-          value: selection
+          value: selection,
+          type: type
         });
       }
 
@@ -21609,7 +21752,7 @@ var TableBody = /*#__PURE__*/function (_Component) {
 
       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;
@@ -21695,7 +21838,7 @@ var TableBody = /*#__PURE__*/function (_Component) {
       var isSameRow = event.index === this.anchorRowIndex;
 
       if (this.allowRowDrag(event) && !isSameRow) {
-        this.onRangeSelection(event);
+        this.onRangeSelection(event, 'row');
       }
     }
   }, {
@@ -21898,7 +22041,7 @@ var TableBody = /*#__PURE__*/function (_Component) {
 
       if (this.allowCellSelection()) {
         if (this.allowRangeSelection(event)) {
-          this.onRangeSelection(event);
+          this.onRangeSelection(event, 'cell');
         } else {
           var toggleable = this.allowMetaKeySelection(event);
 
@@ -21947,7 +22090,7 @@ var TableBody = /*#__PURE__*/function (_Component) {
       var isSameCell = event.rowIndex === this.anchorRowIndex && event.cellIndex === this.anchorCellIndex;
 
       if (this.allowCellDrag(event) && !isSameCell) {
-        this.onRangeSelection(event);
+        this.onRangeSelection(event, 'cell');
       }
     }
   }, {
@@ -22437,7 +22580,7 @@ var HeaderCheckbox = /*#__PURE__*/function (_Component) {
         });
         this.props.onChange({
           originalEvent: event,
-          checked: this.props.checked
+          checked: !this.props.checked
         });
       }
     }
@@ -22563,7 +22706,7 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
   }, {
     key: "isRowMatchModeSelected",
     value: function isRowMatchModeSelected(matchMode) {
-      return this.filterModel.matchMode === matchMode;
+      return this.filterModel && this.filterModel.matchMode === matchMode;
     }
   }, {
     key: "showMenuButton",
@@ -22856,7 +22999,7 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
       filters[this.field].constraints.push(newConstraint);
       filterConstraintAddCallback && filterConstraintAddCallback({
         field: this.field,
-        constraing: newConstraint
+        constraint: newConstraint
       });
       this.props.onFilterChange(filters);
 
@@ -22874,7 +23017,7 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
       var removedConstraint = filters[this.field].constraints.splice(index, 1);
       filterConstraintRemoveCallback && filterConstraintRemoveCallback({
         field: this.field,
-        constraing: removedConstraint
+        constraint: removedConstraint
       });
       this.props.onFilterChange(filters);
 
@@ -23008,7 +23151,7 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this5.state.overlayVisible) {
+          if (_this5.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this5.hide();
           }
         };
@@ -23116,16 +23259,17 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
     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);
         },
@@ -23789,7 +23933,7 @@ var HeaderCell = /*#__PURE__*/function (_Component) {
   }, {
     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,
@@ -24011,6 +24155,7 @@ var TableHeader = /*#__PURE__*/function (_Component) {
           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,
@@ -24018,6 +24163,36 @@ var TableHeader = /*#__PURE__*/function (_Component) {
         });
       });
     }
+  }, {
+    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() {
@@ -24045,24 +24220,15 @@ var TableHeader = /*#__PURE__*/function (_Component) {
           });
           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;
@@ -24146,10 +24312,6 @@ var DataTable = /*#__PURE__*/function (_Component) {
       _this.state.filters = props.filters;
     }
 
-    if (_this.isStateful()) {
-      _this.restoreState(_this.state);
-    }
-
     _this.attributeSelector = UniqueComponentId(); // header
 
     _this.onSortChange = _this.onSortChange.bind(_assertThisInitialized(_this));
@@ -24185,6 +24347,11 @@ var DataTable = /*#__PURE__*/function (_Component) {
     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() {
@@ -24392,7 +24559,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
               };
             };
 
-            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;
@@ -24401,10 +24568,10 @@ var DataTable = /*#__PURE__*/function (_Component) {
 
         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;
@@ -24413,9 +24580,9 @@ var DataTable = /*#__PURE__*/function (_Component) {
 
         if (restoredState.multiSortMeta) {
           if (this.props.onSort) {
-            this.props.onSort({
+            this.props.onSort(this.createEvent({
               multiSortMeta: restoredState.multiSortMeta
-            });
+            }));
           } else {
             state.multiSortMeta = restoredState.multiSortMeta;
           }
@@ -24425,9 +24592,9 @@ var DataTable = /*#__PURE__*/function (_Component) {
           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);
           }
@@ -24530,15 +24697,23 @@ var DataTable = /*#__PURE__*/function (_Component) {
     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",
@@ -24739,37 +24914,46 @@ var DataTable = /*#__PURE__*/function (_Component) {
     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'
+          });
+        }
       }
     }
   }, {
@@ -24902,15 +25086,13 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     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;
       }
@@ -24918,24 +25100,18 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     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
       });
@@ -24999,7 +25175,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
       }
 
       if (this.props.onSort) {
-        this.props.onSort(eventMeta);
+        this.props.onSort(this.createEvent(eventMeta));
       } else {
         eventMeta.first = 0;
         this.setState(eventMeta);
@@ -25018,6 +25194,15 @@ var DataTable = /*#__PURE__*/function (_Component) {
     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) {
@@ -25042,6 +25227,8 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     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,
@@ -25065,10 +25252,9 @@ var DataTable = /*#__PURE__*/function (_Component) {
         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;
         });
       }
@@ -25078,7 +25264,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "sortMultiple",
     value: function sortMultiple(data) {
-      var _this10 = this;
+      var _this11 = this;
 
       var multiSortMeta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
@@ -25095,7 +25281,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
 
       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;
@@ -25105,7 +25291,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
         });
       } else {
         value.sort(function (data1, data2) {
-          return _this10.multisortField(data1, data2, multiSortMeta, 0);
+          return _this11.multisortField(data1, data2, multiSortMeta, 0);
         });
       }
 
@@ -25116,22 +25302,12 @@ var DataTable = /*#__PURE__*/function (_Component) {
     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;
     }
   }, {
@@ -25145,25 +25321,25 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     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
           }));
         }
@@ -25261,7 +25437,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "cloneFilters",
     value: function cloneFilters(filters) {
-      var _this12 = this;
+      var _this13 = this;
 
       filters = filters || this.props.filters;
       var cloned = {};
@@ -25282,34 +25458,31 @@ var DataTable = /*#__PURE__*/function (_Component) {
       } 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;
         }, {});
       }
@@ -25385,7 +25558,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "exportCSV",
     value: function exportCSV(options) {
-      var _this13 = this;
+      var _this14 = this;
 
       var data;
       var csv = "\uFEFF";
@@ -25408,7 +25581,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
           csv += '"' + (header || field) + '"';
 
           if (i < columns.length - 1) {
-            csv += _this13.props.csvSeparator;
+            csv += _this14.props.csvSeparator;
           }
         }
       }); //body
@@ -25424,7 +25597,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
             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,
@@ -25435,7 +25608,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
             csv += '"' + cellData + '"';
 
             if (i < columns.length - 1) {
-              csv += _this13.props.csvSeparator;
+              csv += _this14.props.csvSeparator;
             }
           }
         });
@@ -25449,6 +25622,18 @@ var DataTable = /*#__PURE__*/function (_Component) {
         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) {
@@ -25492,8 +25677,12 @@ var DataTable = /*#__PURE__*/function (_Component) {
         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();
+        }
       }
     }
   }, {
@@ -25593,6 +25782,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
         filtersStore: filtersStore,
         onFilterChange: this.onFilterChange,
         onFilterApply: this.onFilterApply,
+        showSelectAll: this.props.showSelectAll,
         allRowsSelected: this.allRowsSelected,
         onColumnCheckboxChange: this.onColumnHeaderCheckboxChange,
         onColumnMouseDown: this.onColumnHeaderMouseDown,
@@ -25760,7 +25950,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderContent",
     value: function renderContent(processedData, columns, selectionModeInColumn, empty) {
-      var _this14 = this;
+      var _this15 = this;
 
       if (!columns) return;
       var isVirtualScrollerDisabled = this.isVirtualScrollerDisabled();
@@ -25773,29 +25963,27 @@ var DataTable = /*#__PURE__*/function (_Component) {
       }, /*#__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);
@@ -25857,12 +26045,12 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     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: {
@@ -25876,7 +26064,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderReorderIndicators",
     value: function renderReorderIndicators() {
-      var _this16 = this;
+      var _this17 = this;
 
       if (this.props.reorderableColumns) {
         var style = {
@@ -25885,13 +26073,13 @@ var DataTable = /*#__PURE__*/function (_Component) {
         };
         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
@@ -25903,7 +26091,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this17 = this;
+      var _this18 = this;
 
       var processedData = this.processedData();
       var columns = this.getColumns();
@@ -25939,7 +26127,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
       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,
@@ -26006,6 +26194,10 @@ _defineProperty(DataTable, "defaultProps", {
   dataKey: null,
   metaKeySelection: true,
   selectOnEdit: true,
+  selectionPageOnly: false,
+  showSelectAll: true,
+  selectAll: false,
+  onSelectAllChange: null,
   headerColumnGroup: null,
   footerColumnGroup: null,
   rowExpansionTemplate: null,
@@ -26655,7 +26847,7 @@ var Editor = /*#__PURE__*/function (_Component) {
         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,
@@ -26717,7 +26909,10 @@ var Editor = /*#__PURE__*/function (_Component) {
       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;
@@ -26839,6 +27034,7 @@ _defineProperty(Editor, "defaultProps", {
   modules: null,
   formats: null,
   theme: 'snow',
+  showHeader: true,
   headerTemplate: null,
   onTextChange: null,
   onSelectionChange: null,
@@ -28760,8 +28956,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     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        ");
@@ -30347,7 +30542,7 @@ var InputMask = /*#__PURE__*/function (_Component) {
         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,
@@ -30379,7 +30574,7 @@ _defineProperty(InputMask, "defaultProps", {
   className: null,
   placeholder: null,
   size: null,
-  maxlength: null,
+  maxLength: null,
   tabIndex: null,
   disabled: false,
   readOnly: false,
@@ -32434,7 +32629,7 @@ var Menu = /*#__PURE__*/function (_Component) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this4.state.visible && !DomHandler.isAndroid()) {
+          if (_this4.state.visible && !DomHandler.isTouchDevice()) {
             _this4.hide(event);
           }
         };
@@ -34324,7 +34519,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this12.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this12.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this12.hide();
           }
         };
@@ -34431,7 +34626,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
       } else {
         var visibleOptions = this.getVisibleOptions();
 
-        if (visibleOptions.length === 0) {
+        if (ObjectUtils.isEmpty(visibleOptions)) {
           return false;
         }
 
@@ -36075,7 +36270,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.visible && !DomHandler.isAndroid()) {
+          if (_this4.state.visible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -36226,8 +36421,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     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) {
@@ -36255,10 +36449,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
         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);
@@ -36447,8 +36638,9 @@ var Panel = /*#__PURE__*/function (_Component) {
           "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));
       }
 
@@ -37310,7 +37502,7 @@ var Password = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this6.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this6.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this6.hideOverlay();
           }
         };
@@ -40262,7 +40454,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this9.state.visible && !DomHandler.isAndroid()) {
+          if (_this9.state.visible && !DomHandler.isTouchDevice()) {
             _this9.hide(event);
           }
         };
@@ -41098,7 +41290,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -41201,6 +41393,8 @@ var SplitButton = /*#__PURE__*/function (_Component) {
       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", {
@@ -41215,7 +41409,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
           return _this6.defaultButton = el;
         },
         type: "button",
-        className: "p-splitbutton-defaultbutton",
+        className: buttonClassName,
         icon: this.props.icon,
         label: this.props.label,
         onClick: this.props.onClick,
@@ -41223,7 +41417,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
         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,
@@ -41258,8 +41452,10 @@ _defineProperty(SplitButton, "defaultProps", {
   disabled: null,
   style: null,
   className: null,
+  buttonClassName: null,
   menuStyle: null,
   menuClassName: null,
+  menuButtonClassName: null,
   tabIndex: null,
   appendTo: null,
   tooltip: null,
@@ -41976,6 +42172,8 @@ _defineProperty(TabPanel, "defaultProps", {
   rightIcon: null,
   closable: false,
   disabled: false,
+  style: null,
+  className: null,
   headerStyle: null,
   headerClassName: null,
   contentStyle: null,
@@ -42066,6 +42264,14 @@ var TabView = /*#__PURE__*/function (_Component2) {
 
         tabInfo && _this3.onTabHeaderClick(event, tabInfo.tab, tabInfo.index);
       });
+
+      if (this.props.onTabClose) {
+        this.props.onTabClose({
+          originalEvent: event,
+          index: index
+        });
+      }
+
       event.preventDefault();
     }
   }, {
@@ -42205,10 +42411,13 @@ var TabView = /*#__PURE__*/function (_Component2) {
       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;
@@ -42269,7 +42478,7 @@ var TabView = /*#__PURE__*/function (_Component2) {
           return _this4["tab_".concat(index)] = el;
         },
         className: className,
-        style: tab.props.headerStyle,
+        style: style,
         role: "presentation"
       }, content);
     }
@@ -42329,7 +42538,10 @@ var TabView = /*#__PURE__*/function (_Component2) {
     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;
@@ -42339,7 +42551,7 @@ var TabView = /*#__PURE__*/function (_Component2) {
         "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);
     }
@@ -42409,6 +42621,7 @@ _defineProperty(TabView, "defaultProps", {
   className: null,
   renderActiveOnly: true,
   onTabChange: null,
+  onTabClose: null,
   scrollable: false
 });
 
@@ -42958,7 +43171,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this5.state.visible && !DomHandler.isAndroid()) {
+          if (_this5.state.visible && !DomHandler.isTouchDevice()) {
             _this5.hide(event);
           }
         };
@@ -45517,7 +45730,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this4.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -49561,17 +49774,24 @@ var BlockUI = /*#__PURE__*/function (_Component) {
     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",
@@ -50503,7 +50723,7 @@ var Mention = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this8.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this8.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this8.hideOverlay();
           }
         };