primereact 10.0.2 → 10.0.4

package/core/core.js

@@ -993,6 +993,11 @@ this.primereact.utils = (function (exports, React) {
           return scrollbarWidth;
         }
       }
+    }, {
+      key: "calculateBodyScrollbarWidth",
+      value: function calculateBodyScrollbarWidth() {
+        return window.innerWidth - document.documentElement.offsetWidth;
+      }
     }, {
       key: "getBrowser",
       value: function getBrowser() {
@@ -1021,6 +1026,24 @@ this.primereact.utils = (function (exports, React) {
           version: match[2] || '0'
         };
       }
+    }, {
+      key: "blockBodyScroll",
+      value: function blockBodyScroll() {
+        var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'p-overflow-hidden';
+        /* PR Ref: https://github.com/primefaces/primereact/pull/4976
+         * @todo This method is called several times after this PR. Refactors will be made to prevent this in future releases.
+         */
+        var hasScrollbarWidth = !!document.body.style.getPropertyValue('--scrollbar-width');
+        !hasScrollbarWidth && document.body.style.setProperty('--scrollbar-width', this.calculateBodyScrollbarWidth() + 'px');
+        this.addClass(document.body, className);
+      }
+    }, {
+      key: "unblockBodyScroll",
+      value: function unblockBodyScroll() {
+        var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'p-overflow-hidden';
+        document.body.style.removeProperty('--scrollbar-width');
+        this.removeClass(document.body, className);
+      }
     }, {
       key: "isVisible",
       value: function isVisible(element) {
@@ -1394,6 +1417,13 @@ this.primereact.utils = (function (exports, React) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -4617,7 +4647,8 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
         listener: function listener(event) {
           var area = storage === 'local' ? window.localStorage : window.sessionStorage;
           if (event.storageArea === area && event.key === key) {
-            setStoredValue(event.newValue || undefined);
+            var newValue = event.newValue ? JSON.parse(event.newValue) : undefined;
+            setStoredValue(newValue);
           }
         }
       }),
@@ -6091,6 +6122,13 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -6779,6 +6817,13 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -7467,6 +7512,13 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -8603,6 +8655,13 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -9361,6 +9420,13 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -10049,6 +10115,13 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -10735,6 +10808,13 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -11423,6 +11503,13 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -12175,6 +12262,13 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -12861,6 +12955,13 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -13547,6 +13648,13 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -14235,6 +14343,13 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -14923,6 +15038,13 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -15611,6 +15733,13 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -16299,6 +16428,13 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -16994,6 +17130,13 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -17695,6 +17838,13 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -18396,6 +18546,13 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -19082,6 +19239,13 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -19768,6 +19932,13 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -20454,6 +20625,13 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -21206,6 +21384,13 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -21894,6 +22079,13 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -22582,6 +22774,13 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -23270,6 +23469,13 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -23958,6 +24164,13 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -24646,6 +24859,13 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -28235,8 +28455,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     };
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        props.autoFocus && utils.DomHandler.focus(inputRef.current, props.autoFocus);
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
         repeat(event, null, 1);
+        event.preventDefault();
       }
     };
     var onUpButtonMouseUp = function onUpButtonMouseUp() {
@@ -28261,8 +28482,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     };
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        props.autoFocus && utils.DomHandler.focus(inputRef.current, props.autoFocus);
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
         repeat(event, null, -1);
+        event.preventDefault();
       }
     };
     var onDownButtonMouseUp = function onDownButtonMouseUp() {
@@ -28995,7 +29217,6 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var buttonGroup = createButtonGroup();
     var rootProps = utils.mergeProps({
       id: props.id,
-      ref: elementRef,
       className: utils.classNames(props.className, cx('root', {
         focusedState: focusedState,
         stacked: stacked,
@@ -29004,7 +29225,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       })),
       style: props.style
     }, otherProps, ptm('root'));
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", rootProps, inputElement, buttonGroup), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", _extends({
+      ref: elementRef
+    }, rootProps), inputElement, buttonGroup), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions, {
@@ -29410,12 +29633,14 @@ 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.message : messageInfo;
       setMessagesState(function (prev) {
         return prev.filter(function (msg) {
-          return msg._pId !== messageInfo._pId;
+          return msg._pId !== messageInfo._pId && !utils.ObjectUtils.deepEquals(msg.message, removeMessage);
         });
       });
-      props.onRemove && props.onRemove(messageInfo.message);
+      props.onRemove && props.onRemove(removeMessage);
     };
     var onClose = function onClose(messageInfo) {
       remove(messageInfo);
@@ -29626,7 +29851,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
     var createDeterminate = function createDeterminate() {
       var label = createLabel();
       var rootProps = utils.mergeProps({
-        className: cx('root'),
+        className: utils.classNames(props.className, cx('root')),
         style: props.style,
         role: 'progressbar',
         'aria-valuemin': '0',
@@ -29850,32 +30075,37 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     },
     trigger: 'p-dropdown-trigger',
     emptyMessage: 'p-dropdown-empty-message',
-    itemGroup: 'p-dropdown-item-group',
+    itemGroup: function itemGroup(_ref3) {
+      var optionGroupLabel = _ref3.optionGroupLabel;
+      return utils.classNames('p-dropdown-item-group', {
+        'p-dropdown-item-empty': !optionGroupLabel || optionGroupLabel.length === 0
+      });
+    },
     dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
     clearIcon: 'p-dropdown-clear-icon p-clickable',
     filterIcon: 'p-dropdown-filter-icon',
-    filterContainer: function filterContainer(_ref3) {
-      var clearIcon = _ref3.clearIcon;
+    filterContainer: function filterContainer(_ref4) {
+      var clearIcon = _ref4.clearIcon;
       return utils.classNames('p-dropdown-filter-container', {
         'p-dropdown-clearable-filter': !!clearIcon
       });
     },
     filterInput: 'p-dropdown-filter p-inputtext p-component',
-    list: function list(_ref4) {
-      var virtualScrollerOptions = _ref4.virtualScrollerOptions;
+    list: function list(_ref5) {
+      var virtualScrollerOptions = _ref5.virtualScrollerOptions;
       return virtualScrollerOptions ? 'p-dropdown-items' : 'p-dropdown-items';
     },
-    panel: function panel(_ref5) {
-      var context = _ref5.context;
+    panel: function panel(_ref6) {
+      var context = _ref6.context;
       return utils.classNames('p-dropdown-panel p-component', {
         'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
     },
-    item: function item(_ref6) {
-      var selected = _ref6.selected,
-        disabled = _ref6.disabled,
-        label = _ref6.label;
+    item: function item(_ref7) {
+      var selected = _ref7.selected,
+        disabled = _ref7.disabled,
+        label = _ref7.label;
       return utils.classNames('p-dropdown-item', {
         'p-highlight': selected,
         'p-disabled': disabled,
@@ -29889,14 +30119,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
   };
   var styles = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
   var inlineStyles = {
-    wrapper: function wrapper(_ref7) {
-      var props = _ref7.props;
+    wrapper: function wrapper(_ref8) {
+      var props = _ref8.props;
       return {
         maxHeight: props.scrollHeight || 'auto'
       };
     },
-    panel: function panel(_ref8) {
-      var props = _ref8.props;
+    panel: function panel(_ref9) {
+      var props = _ref9.props;
       props.panelStyle;
     }
   };
@@ -30001,7 +30231,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var itemProps = utils.mergeProps({
       role: 'option',
       key: props.label,
-      className: utils.classNames(option.className, cx('item')),
+      className: utils.classNames(option.className, cx('item', {
+        selected: selected,
+        disabled: disabled,
+        label: label
+      })),
       style: props.style,
       onClick: function onClick(e) {
         return _onClick(e);
@@ -30105,11 +30339,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       };
       style = _objectSpread$1(_objectSpread$1({}, style), option.style);
       if (props.optionGroupLabel) {
+        var optionGroupLabel = props.optionGroupLabel;
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
         var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         var itemGroupProps = utils.mergeProps({
-          className: cx('itemGroup'),
+          className: cx('itemGroup', {
+            optionGroupLabel: optionGroupLabel
+          }),
           style: style
         }, getPTOptions('itemGroup'));
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
@@ -31798,11 +32035,9 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         return i.hasBlockScroll;
       });
       if (isThereAnyDialogThatBlocksScrolling) {
-        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+        utils.DomHandler.blockBodyScroll();
       } else {
-        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        document.body.style.removeProperty('--scrollbar-width');
+        utils.DomHandler.unblockBodyScroll();
       }
     };
     var updateGlobalDialogsRegistry = function updateGlobalDialogsRegistry(isMounted) {
@@ -34044,9 +34279,31 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
     var onDragEnd = function onDragEnd() {
       dragState.current = null;
     };
+
+    /**
+     * Deep copy a value. If the value has a data property, it will be shallow copied.
+     * Values that are not plain objects or arrays are returned as-is.
+     */
+    var cloneValue = function cloneValue(value) {
+      if (Array.isArray(value)) {
+        return value.map(cloneValue);
+      } else if (!!value && Object.getPrototypeOf(value) === Object.prototype) {
+        var result = {};
+
+        // Leave data property alone and clone children
+        for (var key in value) {
+          if (key !== 'data') {
+            result[key] = cloneValue(value[key]);
+          } else {
+            result[key] = value[key];
+          }
+        }
+        return result;
+      } else return value;
+    };
     var onDrop = function onDrop(event) {
       if (validateDropNode(dragState.current.path, event.path)) {
-        var value = JSON.parse(JSON.stringify(props.value));
+        var value = cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dragNodeParent = findNode(value, dragPaths);
@@ -34067,7 +34324,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
     };
     var onDropPoint = function onDropPoint(event) {
       if (validateDropPoint(event)) {
-        var value = JSON.parse(JSON.stringify(props.value));
+        var value = cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dropPaths = event.path.split('-');