primereact 10.8.4 → 10.9.0

package/core/core.js

@@ -1,27 +1,7 @@
 this.primereact = this.primereact || {};
-this.primereact.utils = (function (exports, React) {
+this.primereact.utils = (function (exports) {
   'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
-        }
-      });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
-
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -2012,6 +1992,13 @@ this.primereact.utils = (function (exports, React) {
     }]);
   }();
 
+  var lastId = 0;
+  function UniqueComponentId() {
+    var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pr_id_';
+    lastId++;
+    return "".concat(prefix).concat(lastId);
+  }
+
   function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var IconUtils = /*#__PURE__*/function () {
@@ -2027,8 +2014,9 @@ this.primereact.utils = (function (exports, React) {
         if (icon !== null) {
           var iconType = _typeof(icon);
           var className = classNames(iconProps.className, iconType === 'string' && icon);
-          content = /*#__PURE__*/React__namespace.createElement("span", _extends({}, iconProps, {
-            className: className
+          content = /*#__PURE__*/React.createElement("span", _extends({}, iconProps, {
+            className: className,
+            key: UniqueComponentId('icon')
           }));
           if (iconType !== 'string') {
             var defaultContentOptions = _objectSpread$2({
@@ -2551,13 +2539,6 @@ this.primereact.utils = (function (exports, React) {
     }, {});
   }
 
-  var lastId = 0;
-  function UniqueComponentId() {
-    var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pr_id_';
-    lastId++;
-    return "".concat(prefix).concat(lastId);
-  }
-
   function handler() {
     var zIndexes = [];
     var generateZIndex = function generateZIndex(key, autoZIndex) {
@@ -2624,7 +2605,7 @@ this.primereact.utils = (function (exports, React) {
 
   return exports;
 
-})({}, React);
+})({});
 
 this.primereact = this.primereact || {};
 this.primereact.api = (function (exports, utils, React) {
@@ -3603,48 +3584,49 @@ this.primereact.api = (function (exports, utils, React) {
 
     var PrimeReactContext = /*#__PURE__*/React__default["default"].createContext();
     var PrimeReactProvider = function PrimeReactProvider(props) {
-      var propsValue = props.value || {};
-      var _useState = React.useState(propsValue.ripple || false),
+      var _props$value, _propsValue$ripple, _propsValue$inputStyl, _propsValue$locale, _propsValue$appendTo, _propsValue$styleCont, _propsValue$cssTransi, _propsValue$autoZInde, _propsValue$hideOverl, _propsValue$nonce, _propsValue$nullSortO, _propsValue$zIndex, _propsValue$ptOptions, _propsValue$pt, _propsValue$unstyled, _propsValue$filterMat;
+      var propsValue = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : {};
+      var _useState = React.useState((_propsValue$ripple = propsValue.ripple) !== null && _propsValue$ripple !== void 0 ? _propsValue$ripple : false),
         _useState2 = _slicedToArray(_useState, 2),
         ripple = _useState2[0],
         setRipple = _useState2[1];
-      var _useState3 = React.useState(propsValue.inputStyle || 'outlined'),
+      var _useState3 = React.useState((_propsValue$inputStyl = propsValue.inputStyle) !== null && _propsValue$inputStyl !== void 0 ? _propsValue$inputStyl : 'outlined'),
         _useState4 = _slicedToArray(_useState3, 2),
         inputStyle = _useState4[0],
         setInputStyle = _useState4[1];
-      var _useState5 = React.useState(propsValue.locale || 'en'),
+      var _useState5 = React.useState((_propsValue$locale = propsValue.locale) !== null && _propsValue$locale !== void 0 ? _propsValue$locale : 'en'),
         _useState6 = _slicedToArray(_useState5, 2),
         locale = _useState6[0],
         setLocale = _useState6[1];
-      var _useState7 = React.useState(propsValue.appendTo || null),
+      var _useState7 = React.useState((_propsValue$appendTo = propsValue.appendTo) !== null && _propsValue$appendTo !== void 0 ? _propsValue$appendTo : null),
         _useState8 = _slicedToArray(_useState7, 2),
         appendTo = _useState8[0],
         setAppendTo = _useState8[1];
-      var _useState9 = React.useState(propsValue.styleContainer || null),
+      var _useState9 = React.useState((_propsValue$styleCont = propsValue.styleContainer) !== null && _propsValue$styleCont !== void 0 ? _propsValue$styleCont : null),
         _useState10 = _slicedToArray(_useState9, 2),
         styleContainer = _useState10[0],
         setStyleContainer = _useState10[1];
-      var _useState11 = React.useState(propsValue.cssTransition || true),
+      var _useState11 = React.useState((_propsValue$cssTransi = propsValue.cssTransition) !== null && _propsValue$cssTransi !== void 0 ? _propsValue$cssTransi : true),
         _useState12 = _slicedToArray(_useState11, 2),
         cssTransition = _useState12[0],
         setCssTransition = _useState12[1];
-      var _useState13 = React.useState(propsValue.autoZIndex || true),
+      var _useState13 = React.useState((_propsValue$autoZInde = propsValue.autoZIndex) !== null && _propsValue$autoZInde !== void 0 ? _propsValue$autoZInde : true),
         _useState14 = _slicedToArray(_useState13, 2),
         autoZIndex = _useState14[0],
         setAutoZIndex = _useState14[1];
-      var _useState15 = React.useState(propsValue.hideOverlaysOnDocumentScrolling || false),
+      var _useState15 = React.useState((_propsValue$hideOverl = propsValue.hideOverlaysOnDocumentScrolling) !== null && _propsValue$hideOverl !== void 0 ? _propsValue$hideOverl : false),
         _useState16 = _slicedToArray(_useState15, 2),
         hideOverlaysOnDocumentScrolling = _useState16[0],
         setHideOverlaysOnDocumentScrolling = _useState16[1];
-      var _useState17 = React.useState(propsValue.nonce || null),
+      var _useState17 = React.useState((_propsValue$nonce = propsValue.nonce) !== null && _propsValue$nonce !== void 0 ? _propsValue$nonce : null),
         _useState18 = _slicedToArray(_useState17, 2),
         nonce = _useState18[0],
         setNonce = _useState18[1];
-      var _useState19 = React.useState(propsValue.nullSortOrder || 1),
+      var _useState19 = React.useState((_propsValue$nullSortO = propsValue.nullSortOrder) !== null && _propsValue$nullSortO !== void 0 ? _propsValue$nullSortO : 1),
         _useState20 = _slicedToArray(_useState19, 2),
         nullSortOrder = _useState20[0],
         setNullSortOrder = _useState20[1];
-      var _useState21 = React.useState(propsValue.zIndex || {
+      var _useState21 = React.useState((_propsValue$zIndex = propsValue.zIndex) !== null && _propsValue$zIndex !== void 0 ? _propsValue$zIndex : {
           modal: 1100,
           overlay: 1000,
           menu: 1000,
@@ -3654,22 +3636,22 @@ this.primereact.api = (function (exports, utils, React) {
         _useState22 = _slicedToArray(_useState21, 2),
         zIndex = _useState22[0],
         setZIndex = _useState22[1];
-      var _useState23 = React.useState(propsValue.ptOptions || {
+      var _useState23 = React.useState((_propsValue$ptOptions = propsValue.ptOptions) !== null && _propsValue$ptOptions !== void 0 ? _propsValue$ptOptions : {
           mergeSections: true,
           mergeProps: true
         }),
         _useState24 = _slicedToArray(_useState23, 2),
         ptOptions = _useState24[0],
         setPtOptions = _useState24[1];
-      var _useState25 = React.useState(propsValue.pt || undefined),
+      var _useState25 = React.useState((_propsValue$pt = propsValue.pt) !== null && _propsValue$pt !== void 0 ? _propsValue$pt : undefined),
         _useState26 = _slicedToArray(_useState25, 2),
         pt = _useState26[0],
         setPt = _useState26[1];
-      var _useState27 = React.useState(propsValue.unstyled || false),
+      var _useState27 = React.useState((_propsValue$unstyled = propsValue.unstyled) !== null && _propsValue$unstyled !== void 0 ? _propsValue$unstyled : false),
         _useState28 = _slicedToArray(_useState27, 2),
         unstyled = _useState28[0],
         setUnstyled = _useState28[1];
-      var _useState29 = React.useState(propsValue.filterMatchModeOptions || {
+      var _useState29 = React.useState((_propsValue$filterMat = propsValue.filterMatchModeOptions) !== null && _propsValue$filterMat !== void 0 ? _propsValue$filterMat : {
           text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
           numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
           date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
@@ -3861,11 +3843,11 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    padding: 0;\n    margin: -1px;\n    position: absolute;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
+  var baseStyle = "\n.p-hidden-accessible {\n    position: absolute;\n    pointer-events: none;\n    opacity: 0;\n    white-space: nowrap;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
   var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
-  var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
+  var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
   var ComponentBase = {
     cProps: undefined,
     cParams: undefined,
@@ -6169,7 +6151,7 @@ this.primereact.iconbase = (function (exports, utils) {
           }, props.className),
           role: !isLabelEmpty ? 'img' : undefined,
           'aria-label': !isLabelEmpty ? props.label : undefined,
-          'aria-hidden': isLabelEmpty
+          'aria-hidden': props.label ? isLabelEmpty : undefined
         };
         return utils.ObjectUtils.getMergedProps(otherProps, ptiProps);
       }
@@ -9359,6 +9341,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       multipleFocusEvents = _React$useState8[0],
       setMultipleFocusEvents = _React$useState8[1];
+    var isCloseOnEscape = visibleState && props.closeOnEscape;
+    var overlayDisplayOrder = hooks.useDisplayOrder('tooltip', isCloseOnEscape);
     var metaData = {
       props: props,
       state: {
@@ -9385,8 +9369,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       callback: function callback() {
         hide();
       },
-      when: props.closeOnEscape,
-      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP, 0]
+      when: isCloseOnEscape,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP, overlayDisplayOrder]
     });
     var elementRef = React__namespace.useRef(null);
     var textRef = React__namespace.useRef(null);
@@ -10126,6 +10110,7 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
     var defaultContentHeight = React__namespace.useRef(null);
     var isItemRangeChanged = React__namespace.useRef(false);
     var lazyLoadState = React__namespace.useRef(null);
+    var viewInitialized = React__namespace.useRef(false);
     var _useResizeListener = hooks.useResizeListener({
         listener: function listener(event) {
           return onResize();
@@ -10665,14 +10650,24 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
       }
     };
     var init = function init() {
-      if (!props.disabled) {
+      if (!props.disabled && isVisible(elementRef.current)) {
         setSize();
         calculateOptions();
         setSpacerSize();
       }
     };
-    hooks.useMountEffect(function () {
-      viewInit();
+    var isVisible = function isVisible() {
+      if (utils.DomHandler.isVisible(elementRef.current)) {
+        var rect = elementRef.current.getBoundingClientRect();
+        return rect.width > 0 && rect.height > 0;
+      }
+      return false;
+    };
+    React__namespace.useEffect(function () {
+      if (!viewInitialized.current && isVisible(elementRef.current)) {
+        viewInit();
+        viewInitialized.current = true;
+      }
     });
     hooks.useUpdateEffect(function () {
       init();
@@ -11166,15 +11161,15 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         utils.DomHandler.focus(inputRef.current);
       }
     };
-    var _onFocus = function onFocus() {
+    var _onFocus = function onFocus(event) {
       var _props$onFocus;
       setFocusedState(true);
-      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
     };
-    var _onBlur = function onBlur() {
+    var _onBlur = function onBlur(event) {
       var _props$onBlur;
       setFocusedState(false);
-      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -11225,10 +11220,10 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         name: props.name,
         tabIndex: props.tabIndex,
         onFocus: function onFocus(e) {
-          return _onFocus();
+          return _onFocus(e);
         },
         onBlur: function onBlur(e) {
-          return _onBlur();
+          return _onBlur(e);
         },
         onChange: function onChange(e) {
           return _onChange(e);
@@ -11770,6 +11765,13 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
+    React__namespace.useEffect(function () {
+      if (isFilled) {
+        utils.DomHandler.addClass(elementRef.current, 'p-filled');
+      } else {
+        utils.DomHandler.removeClass(elementRef.current, 'p-filled');
+      }
+    }, [props.disabled, isFilled]);
     var rootProps = mergeProps({
       className: utils.classNames(props.className, cx('root', {
         context: context,
@@ -13013,6 +13015,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
+    hooks.useUnmountEffect(function () {
+      clearTimer();
+    });
     hooks.useMountEffect(function () {
       constructParser();
       var newValue = validateValue(props.value);
@@ -13413,7 +13418,6 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
-        var ariaLabel = api.localeOption('close');
         var buttonIconProps = mergeProps({
           className: cx('uimessage.buttonicon')
         }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
@@ -13426,7 +13430,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var buttonProps = mergeProps({
           type: 'button',
           className: cx('uimessage.button'),
-          'aria-label': ariaLabel,
+          'aria-label': api.ariaLabel('close'),
           onClick: onClose
         }, getPTOptions('button', parentParams), ptmo(pt, 'button', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -13569,7 +13573,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var remove = function remove(messageInfo) {
       // allow removal by ID or by message equality
-      var removeMessage = messageInfo._pId ? messageInfo._pId : messageInfo.message || messageInfo;
+      var removeMessage = utils.ObjectUtils.isNotEmpty(messageInfo._pId) ? messageInfo._pId : messageInfo.message || messageInfo;
       setMessagesState(function (prev) {
         return prev.filter(function (msg) {
           return msg._pId !== messageInfo._pId && !utils.ObjectUtils.deepEquals(msg.message, removeMessage);
@@ -14010,7 +14014,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         'p-focus': focusedState,
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
         'p-dropdown-clearable': props.showClear && !props.disabled,
-        'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
+        'p-inputwrapper-filled': props.value !== undefined,
         'p-inputwrapper-focus': focusedState || overlayVisibleState
       });
     },
@@ -14103,17 +14107,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       ariaLabel: null,
       ariaLabelledBy: null,
       autoFocus: false,
+      autoOptionFocus: false,
+      checkmark: false,
       children: undefined,
       className: null,
       clearIcon: null,
+      collapseIcon: null,
       dataKey: null,
       disabled: false,
       dropdownIcon: null,
-      collapseIcon: null,
       editable: false,
       emptyFilterMessage: null,
-      highlightOnSelect: true,
-      checkmark: false,
       emptyMessage: null,
       filter: false,
       filterBy: null,
@@ -14125,11 +14129,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       filterPlaceholder: null,
       filterTemplate: null,
       focusInputRef: null,
+      focusOnHover: true,
+      highlightOnSelect: true,
       id: null,
       inputId: null,
       inputRef: null,
       invalid: false,
-      variant: null,
       itemTemplate: null,
       loading: false,
       loadingIcon: null,
@@ -14145,14 +14150,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       onShow: null,
       optionDisabled: null,
       optionGroupChildren: 'items',
-      selectOnFocus: false,
-      focusOnHover: true,
-      autoOptionFocus: false,
       optionGroupLabel: null,
       optionGroupTemplate: null,
       optionLabel: null,
-      optionValue: null,
       options: null,
+      optionValue: null,
       panelClassName: null,
       panelFooterTemplate: null,
       panelStyle: null,
@@ -14160,6 +14162,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       required: false,
       resetFilterOnHide: false,
       scrollHeight: '200px',
+      selectOnFocus: false,
       showClear: false,
       showFilterClear: false,
       showOnFocus: false,
@@ -14168,8 +14171,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       tooltip: null,
       tooltipOptions: null,
       transitionOptions: null,
+      useOptionAsValue: false,
       value: null,
       valueTemplate: null,
+      variant: null,
       virtualScrollerOptions: null
     },
     css: {
@@ -14232,7 +14237,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var itemProps = mergeProps({
       id: "dropdownItem_".concat(index),
       role: 'option',
-      key: props.label,
       className: utils.classNames(option.className, cx('item', {
         selected: selected,
         disabled: disabled,
@@ -14275,7 +14279,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }, getPTOptions('blankIcon'));
       return /*#__PURE__*/React__namespace.createElement(BlankIcon, blankIconProps);
     };
-    return /*#__PURE__*/React__namespace.createElement("li", itemProps, checkmark && iconRenderer(), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({
+      key: props.label
+    }, itemProps), checkmark && iconRenderer(), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
   DropdownItem.displayName = 'DropdownItem';
 
@@ -14687,7 +14693,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       if (props.disabled || props.loading) {
         return;
       }
-      event.stopPropagation();
       props.onClick && props.onClick(event);
 
       // do not continue if the user defined click wants to prevent it
@@ -14700,6 +14705,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         utils.DomHandler.focus(focusInputRef.current);
         overlayVisibleState ? hide() : show();
       }
+      event.preventDefault();
       clickedRef.current = true;
     };
     var onInputFocus = function onInputFocus(event) {
@@ -14734,10 +14740,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     };
     var onOptionSelect = function onOptionSelect(event, option) {
       var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var value = getOptionValue(option);
       selectItem({
         originalEvent: event,
-        option: value
+        option: option
       });
       isHide && hide();
     };
@@ -15025,13 +15030,22 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         !overlayVisibleState && show();
       }
     };
+    var findInArray = function findInArray(visibleOptions, searchText) {
+      if (!searchText || !(visibleOptions !== null && visibleOptions !== void 0 && visibleOptions.length)) return -1;
+      var normalizedSearch = searchText.toLocaleLowerCase();
+      var exactMatch = visibleOptions.findIndex(function (item) {
+        return getOptionLabel(item).toLocaleLowerCase() === normalizedSearch;
+      });
+      if (exactMatch !== -1) return exactMatch;
+      return visibleOptions.findIndex(function (item) {
+        return getOptionLabel(item).toLocaleLowerCase().startsWith(normalizedSearch);
+      });
+    };
     var onEditableInputChange = function onEditableInputChange(event) {
       !overlayVisibleState && show();
       var searchIndex = null;
       if (event.target.value && visibleOptions) {
-        searchIndex = visibleOptions.findIndex(function (item) {
-          return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
-        });
+        searchIndex = findInArray(visibleOptions, event.target.value);
       }
       setFocusedOptionIndex(searchIndex);
       if (props.onChange) {
@@ -15136,7 +15150,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     };
     var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
       options = options || visibleOptions;
-      if (props.value != null && options) {
+      if (options) {
         if (props.optionGroupLabel) {
           for (var i = 0; i < options.length; i++) {
             var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(options[i]));
@@ -15846,9 +15860,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var _ref2 = props || {},
         _ref2$tabIndex = _ref2.tabIndex,
         tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
-      var createFocusableElement = function createFocusableElement(onFocus, section) {
+      var createFocusableElement = function createFocusableElement(inRef, onFocus, section) {
         return /*#__PURE__*/React__default["default"].createElement("span", {
-          ref: section === 'firstfocusableelement' ? firstFocusableElementRef : lastFocusableElementRef,
+          ref: inRef,
           className: 'p-hidden-accessible p-hidden-focusable',
           tabIndex: tabIndex,
           role: 'presentation',
@@ -15859,11 +15873,11 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           "data-pc-section": section
         });
       };
-      var firstFocusableElement = createFocusableElement(onFirstHiddenElementFocus, 'firstfocusableelement');
-      var lastFocusableElement = createFocusableElement(onLastHiddenElementFocus, 'lastfocusableelement');
-      if (firstFocusableElement.ref.current && lastFocusableElement.ref.current) {
-        firstFocusableElement.ref.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement.ref.current;
-        lastFocusableElement.ref.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement.ref.current;
+      var firstFocusableElement = createFocusableElement(firstFocusableElementRef, onFirstHiddenElementFocus, 'firstfocusableelement');
+      var lastFocusableElement = createFocusableElement(lastFocusableElementRef, onLastHiddenElementFocus, 'lastfocusableelement');
+      if (firstFocusableElementRef.current && lastFocusableElementRef.current) {
+        firstFocusableElementRef.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElementRef.current;
+        lastFocusableElementRef.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElementRef.current;
       }
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, firstFocusableElement, props.children, lastFocusableElement);
     };
@@ -16113,7 +16127,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       bindDocumentDragEndListener = _useEventListener8[0],
       unbindDocumentDragEndListener = _useEventListener8[1];
     var onClose = function onClose(event) {
-      props.onHide();
+      props.onHide(event);
       event.preventDefault();
     };
     var focus = function focus() {
@@ -18254,15 +18268,15 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         utils.DomHandler.focus(inputRef.current);
       }
     };
-    var _onFocus = function onFocus() {
+    var _onFocus = function onFocus(event) {
       var _props$onFocus;
       setFocusedState(true);
-      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
     };
-    var _onBlur = function onBlur() {
+    var _onBlur = function onBlur(event) {
       var _props$onBlur;
       setFocusedState(false);
-      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -18313,10 +18327,10 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         name: props.name,
         tabIndex: props.tabIndex,
         onFocus: function onFocus(e) {
-          return _onFocus();
+          return _onFocus(e);
         },
         onBlur: function onBlur(e) {
-          return _onBlur();
+          return _onBlur(e);
         },
         onChange: function onChange(e) {
           return _onChange(e);
@@ -19015,7 +19029,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         type: 'button',
         className: cx('toggler'),
         tabIndex: -1,
-        'aria-hidden': true,
+        'aria-hidden': false,
         onClick: onTogglerClick
       }, getPTOptions('toggler'));
       var content = /*#__PURE__*/React__namespace.createElement("button", togglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));