primereact 10.2.1 → 10.3.0

package/core/core.js

@@ -1415,7 +1415,10 @@ this.primereact.utils = (function (exports, React) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -1641,7 +1644,15 @@ this.primereact.utils = (function (exports, React) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -2759,6 +2770,9 @@ this.primereact.api = (function (exports, utils, React) {
       }
     }
 
+    /**
+     * @deprecated please use PrimeReactContext
+     */
     var PrimeReact$1 = /*#__PURE__*/_createClass(function PrimeReact() {
       _classCallCheck(this, PrimeReact);
     });
@@ -3388,6 +3402,27 @@ this.primereact.api = (function (exports, utils, React) {
         });
         (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
       };
+
+      /**
+       * @deprecated
+       */
+      React__default["default"].useEffect(function () {
+        PrimeReact$1.ripple = ripple;
+      }, [ripple]);
+
+      /**
+       * @deprecated
+       */
+      React__default["default"].useEffect(function () {
+        PrimeReact$1.inputStyle = inputStyle;
+      }, [inputStyle]);
+
+      /**
+       * @deprecated
+       */
+      React__default["default"].useEffect(function () {
+        PrimeReact$1.locale = locale;
+      }, [locale]);
       var value = {
         changeTheme: changeTheme,
         ripple: ripple,
@@ -3902,6 +3937,7 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
+    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3931,11 +3967,12 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      // to properly compare functions we can implicitly converting the function to it's body's text as a String
+      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options]);
+    }, [listener, options, when]);
     useUnmountEffect(function () {
       unbind();
     });
@@ -4952,6 +4989,61 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
     return obj;
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var styles = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
   var classes = {
     root: 'p-ink'
@@ -4976,6 +5068,10 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
   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 Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isMounted = _React$useState2[0],
+      setMounted = _React$useState2[1];
     var inkRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
@@ -5040,12 +5136,16 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
       };
     });
     hooks.useMountEffect(function () {
-      if (inkRef.current) {
+      // for App Router in Next.js ^14
+      setMounted(true);
+    });
+    hooks.useUpdateEffect(function () {
+      if (isMounted && inkRef.current) {
         targetRef.current = getTarget();
         setDimensions();
         bindEvents();
       }
-    });
+    }, [isMounted]);
     hooks.useUpdateEffect(function () {
       if (inkRef.current && !targetRef.current) {
         targetRef.current = getTarget();
@@ -6227,7 +6327,10 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -6453,7 +6556,15 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -6922,7 +7033,10 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -7148,7 +7262,15 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -7617,7 +7739,10 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -7843,7 +7968,15 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -8760,7 +8893,10 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -8986,7 +9122,15 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -9525,7 +9669,10 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -9751,7 +9898,15 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -10220,7 +10375,10 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -10446,7 +10604,15 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -10913,7 +11079,10 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -11139,7 +11308,15 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -11608,7 +11785,10 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -11834,7 +12014,15 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -12367,7 +12555,10 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -12593,7 +12784,15 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -13060,7 +13259,10 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -13286,7 +13488,15 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -13753,7 +13963,10 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -13979,7 +14192,15 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -14448,7 +14669,10 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -14674,7 +14898,15 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -15143,7 +15375,10 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -15369,7 +15604,15 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -15838,7 +16081,10 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -16064,7 +16310,15 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -16533,7 +16787,10 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -16759,7 +17016,15 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -17235,7 +17500,10 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -17461,7 +17729,15 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -17943,7 +18219,10 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -18169,7 +18448,15 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -18651,7 +18938,10 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -18877,7 +19167,15 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -19344,7 +19642,10 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -19570,7 +19871,15 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -20037,7 +20346,10 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -20263,7 +20575,15 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -20730,7 +21050,10 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -20956,7 +21279,15 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -21489,7 +21820,10 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -21715,7 +22049,15 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -22184,7 +22526,10 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -22410,7 +22755,15 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -22879,7 +23232,10 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -23105,7 +23461,15 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -23574,7 +23938,10 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -23800,7 +24167,15 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -24269,7 +24644,10 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -24495,7 +24873,15 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -24964,7 +25350,10 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
     _createClass(ObjectUtils, null, [{
       key: "equals",
       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);
+        if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
+          return this.deepEquals(this.resolveFieldData(obj1, field), this.resolveFieldData(obj2, field));
+        }
+        return this.deepEquals(obj1, obj2);
       }
 
       /**
@@ -25190,7 +25579,15 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
       value: function isValidChild(child, type, validTypes) {
         /* eslint-disable */
         if (child) {
+          var _child$type;
           var childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined);
+
+          // for App Router in Next.js ^14,
+          if (!childType && child !== null && child !== void 0 && (_child$type = child.type) !== null && _child$type !== void 0 && (_child$type = _child$type._payload) !== null && _child$type !== void 0 && _child$type.value) {
+            childType = child.type._payload.value.find(function (v) {
+              return v === type;
+            });
+          }
           var isValid = childType === type;
           try {
             var messageTypes; if ("production" !== 'production' && !isValid) ;
@@ -29612,8 +30009,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
       if (closable !== false) {
         var ariaLabel = api.localeOption('close');
         var buttonIconProps = utils.mergeProps({
-          className: cx('uimessage.buttonicon'),
-          'aria-hidden': true
+          className: cx('uimessage.buttonicon')
         }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
         })));
@@ -29688,6 +30084,9 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         severity: severity
       })),
       style: style,
+      role: 'alert',
+      'aria-live': 'assertive',
+      'aria-atomic': 'true',
       onClick: onClick
     }, getPTOptions('root', parentParams), ptmo(pt, 'root', _objectSpread$1(_objectSpread$1({}, params), {}, {
       hostName: props.hostName
@@ -30047,7 +30446,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
 })({}, React, primereact.api, primereact.componentbase, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple) {
+this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple, spinner) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -30214,6 +30613,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       });
     },
     dropdownIcon: 'p-dropdown-trigger-icon p-clickable',
+    loadingIcon: 'p-dropdown-trigger-icon p-clickable',
     clearIcon: 'p-dropdown-clear-icon p-clickable',
     filterIcon: 'p-dropdown-filter-icon',
     filterContainer: function filterContainer(_ref4) {
@@ -30763,7 +31163,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       return utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || utils.DomHandler.hasClass(event.target, 'p-dropdown-filter-clear-icon');
     };
     var _onClick = function onClick(event) {
-      if (props.disabled) {
+      if (props.disabled || props.loading) {
         return;
       }
       props.onClick && props.onClick(event);
@@ -31364,6 +31764,27 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
       return null;
     };
+    var createLoadingIcon = function createLoadingIcon() {
+      var loadingIconProps = utils.mergeProps({
+        className: cx('loadingIcon'),
+        'data-pr-overlay-visible': overlayVisibleState
+      }, ptm('loadingIcon'));
+      var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(spinner.SpinnerIcon, {
+        spin: true
+      });
+      var loadingIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, loadingIconProps), {
+        props: props
+      });
+      var ariaLabel = props.placeholder || props.ariaLabel;
+      var loadingButtonProps = utils.mergeProps({
+        className: cx('trigger'),
+        role: 'button',
+        'aria-haspopup': 'listbox',
+        'aria-expanded': overlayVisibleState,
+        'aria-label': ariaLabel
+      }, ptm('trigger'));
+      return /*#__PURE__*/React__namespace.createElement("div", loadingButtonProps, loadingIcon);
+    };
     var createDropdownIcon = function createDropdownIcon() {
       var dropdownIconProps = utils.mergeProps({
         className: cx('dropdownIcon'),
@@ -31391,7 +31812,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var hiddenSelect = createHiddenSelect();
     var keyboardHelper = createKeyboardHelper();
     var labelElement = createLabel();
-    var dropdownIcon = createDropdownIcon();
+    var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
     var clearIcon = createClearIcon();
     var rootProps = utils.mergeProps({
       id: props.id,
@@ -31455,7 +31876,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.spinner);
 
 this.primereact = this.primereact || {};
 this.primereact.dialog = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple) {
@@ -31499,6 +31920,16 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -31530,16 +31961,6 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  function _typeof(o) {
-    "@babel/helpers - typeof";
-
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-      return typeof o;
-    } : function (o) {
-      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-    }, _typeof(o);
-  }
-
   function _toPrimitive(input, hint) {
     if (_typeof(input) !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
@@ -31638,6 +32059,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       when = _ref$when === void 0 ? true : _ref$when;
     var targetRef = React__namespace.useRef(null);
     var listenerRef = React__namespace.useRef(null);
+    var prevListener = usePrevious(listener);
     var prevOptions = usePrevious(options);
     var bind = function bind() {
       var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -31667,11 +32089,12 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
     }, [target, when]);
     React__namespace.useEffect(function () {
-      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+      // to properly compare functions we can implicitly converting the function to it's body's text as a String
+      if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
         unbind();
         when && bind();
       }
-    }, [listener, options]);
+    }, [listener, options, when]);
     useUnmountEffect(function () {
       unbind();
     });
@@ -31726,10 +32149,13 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       var props = _ref2.props;
       return utils.classNames('p-dialog-content', props.contentClassName);
     },
-    footer: 'p-dialog-footer',
-    mask: function mask(_ref3) {
-      var props = _ref3.props,
-        maskVisibleState = _ref3.maskVisibleState;
+    footer: function footer(_ref3) {
+      var props = _ref3.props;
+      return utils.classNames('p-dialog-footer', props.footerClassName);
+    },
+    mask: function mask(_ref4) {
+      var props = _ref4.props,
+        maskVisibleState = _ref4.maskVisibleState;
       var positions = ['center', 'left', 'right', 'top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right'];
       var pos = positions.find(function (item) {
         return item === props.position || item.replace('-', '') === props.position;
@@ -31741,10 +32167,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         'p-dialog-resizable': props.resizable
       }, props.maskClassName);
     },
-    root: function root(_ref4) {
-      var props = _ref4.props,
-        maximized = _ref4.maximized,
-        context = _ref4.context;
+    root: function root(_ref5) {
+      var props = _ref5.props,
+        maximized = _ref5.maximized,
+        context = _ref5.context;
       return utils.classNames('p-dialog p-component', props.className, {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
@@ -31755,10 +32181,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     },
     transition: 'p-dialog'
   };
-  var styles = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
+  var styles = "\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n";
   var inlineStyles = {
-    mask: function mask(_ref5) {
-      var props = _ref5.props;
+    mask: function mask(_ref6) {
+      var props = _ref6.props;
       return _objectSpread$1({
         position: 'fixed',
         height: '100%',
@@ -31791,6 +32217,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       draggable: true,
       focusOnShow: true,
       footer: null,
+      footerClassName: null,
       header: null,
       headerClassName: null,
       headerStyle: null,
@@ -31961,7 +32388,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     var focus = function focus() {
       var activeElement = document.activeElement;
       var isActiveElementInDialog = activeElement && dialogRef.current && dialogRef.current.contains(activeElement);
-      if (!isActiveElementInDialog && props.closable && props.showHeader) {
+      if (!isActiveElementInDialog && props.closable && props.showHeader && closeRef.current) {
         closeRef.current.focus();
       }
     };
@@ -32173,8 +32600,8 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
     };
     var updateGlobalDialogsRegistry = function updateGlobalDialogsRegistry(isMounted) {
-      // Update current dialog info in global registry if it is mounted:
-      if (isMounted) {
+      // Update current dialog info in global registry if it is mounted :
+      if (isMounted && visibleState) {
         var newParam = {
           id: idState,
           hasBlockScroll: shouldBlockScroll
@@ -32388,11 +32815,41 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
       return null;
     };
-    var createElement = function createElement() {
+    var createTemplateElement = function createTemplateElement(_ref) {
+      var _props$children;
+      var maskProps = _ref.maskProps,
+        rootProps = _ref.rootProps,
+        transitionProps = _ref.transitionProps;
+      var messageProps = {
+        header: props.header,
+        content: props.message,
+        message: props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 || (_props$children = _props$children[1]) === null || _props$children === void 0 || (_props$children = _props$children.props) === null || _props$children === void 0 ? void 0 : _props$children.children
+      };
+      var templateElementProps = {
+        headerRef: headerRef,
+        contentRef: contentRef,
+        footerRef: footerRef,
+        closeRef: closeRef,
+        hide: onClose,
+        message: messageProps
+      };
+      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps))));
+    };
+    var createElement = function createElement(_ref2) {
+      var maskProps = _ref2.maskProps,
+        rootProps = _ref2.rootProps,
+        transitionProps = _ref2.transitionProps;
       var header = createHeader();
       var content = createContent();
       var footer = createFooter();
       var resizer = createResizer();
+      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
+    };
+    var createDialog = function createDialog() {
       var headerId = idState + '_header';
       var contentId = idState + '_content';
       var transitionTimeout = {
@@ -32432,17 +32889,29 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
         onExiting: onExiting,
         onExited: onExited
       }, ptm('transition'));
-      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-        nodeRef: dialogRef
-      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
-    };
-    var createDialog = function createDialog() {
-      var element = createElement();
-      return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-        element: element,
-        appendTo: props.appendTo,
-        visible: true
-      });
+      if (inProps !== null && inProps !== void 0 && inProps.content) {
+        var templateElement = createTemplateElement({
+          maskProps: maskProps,
+          rootProps: rootProps,
+          transitionProps: transitionProps
+        });
+        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+          element: templateElement,
+          appendTo: props.appendTo,
+          visible: true
+        });
+      } else {
+        var element = createElement({
+          maskProps: maskProps,
+          rootProps: rootProps,
+          transitionProps: transitionProps
+        });
+        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+          element: element,
+          appendTo: props.appendTo,
+          visible: true
+        });
+      }
     };
     return maskVisibleState && createDialog();
   });
@@ -34279,43 +34748,40 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
           return /*#__PURE__*/React__namespace.createElement(UITreeNode, {
             key: childNode.key || childNode.label,
             node: childNode,
-            checkboxIcon: props.checkboxIcon,
-            collapseIcon: props.collapseIcon,
-            contextMenuSelectionKey: props.contextMenuSelectionKey,
-            cx: cx,
-            disabled: props.disabled,
-            dragdropScope: props.dragdropScope,
-            expandIcon: props.expandIcon,
-            expandedKeys: props.expandedKeys,
+            originalOptions: props.originalOptions,
+            parent: props.node,
             index: index,
-            isNodeLeaf: props.isNodeLeaf,
             last: index === props.node.children.length - 1,
+            path: props.path + '-' + index,
+            disabled: props.disabled,
+            selectionMode: props.selectionMode,
+            selectionKeys: props.selectionKeys,
+            onSelectionChange: props.onSelectionChange,
             metaKeySelection: props.metaKeySelection,
-            nodeTemplate: props.nodeTemplate,
-            onClick: props.onClick,
-            onCollapse: props.onCollapse,
-            onContextMenu: props.onContextMenu,
+            propagateSelectionDown: props.propagateSelectionDown,
+            propagateSelectionUp: props.propagateSelectionUp,
+            contextMenuSelectionKey: props.contextMenuSelectionKey,
             onContextMenuSelectionChange: props.onContextMenuSelectionChange,
+            onContextMenu: props.onContextMenu,
+            onExpand: props.onExpand,
+            onCollapse: props.onCollapse,
+            onSelect: props.onSelect,
+            onUnselect: props.onUnselect,
+            onClick: props.onClick,
             onDoubleClick: props.onDoubleClick,
-            onDragEnd: props.onDragEnd,
+            expandedKeys: props.expandedKeys,
+            onToggle: props.onToggle,
+            onPropagateUp: propagateUp,
+            nodeTemplate: props.nodeTemplate,
+            togglerTemplate: props.togglerTemplate,
+            isNodeLeaf: props.isNodeLeaf,
+            dragdropScope: props.dragdropScope,
             onDragStart: props.onDragStart,
+            onDragEnd: props.onDragEnd,
             onDrop: props.onDrop,
             onDropPoint: props.onDropPoint,
-            onExpand: props.onExpand,
-            onPropagateUp: propagateUp,
-            onSelect: props.onSelect,
-            onSelectionChange: props.onSelectionChange,
-            onToggle: props.onToggle,
-            onUnselect: props.onUnselect,
-            originalOptions: props.originalOptions,
-            parent: props.node,
-            path: props.path + '-' + index,
-            propagateSelectionDown: props.propagateSelectionDown,
-            propagateSelectionUp: props.propagateSelectionUp,
             ptm: ptm,
-            selectionKeys: props.selectionKeys,
-            selectionMode: props.selectionMode,
-            togglerTemplate: props.togglerTemplate
+            cx: cx
           });
         }));
       }
@@ -34675,41 +35141,41 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         hostName: "Tree",
         key: node.key || node.label,
         node: node,
+        originalOptions: props.value,
+        index: index,
+        last: last,
+        path: String(index),
         checkboxIcon: props.checkboxIcon,
+        expandIcon: props.expandIcon,
         collapseIcon: props.collapseIcon,
-        contextMenuSelectionKey: props.contextMenuSelectionKey,
-        cx: cx,
         disabled: props.disabled,
-        dragdropScope: props.dragdropScope,
-        expandIcon: props.expandIcon,
-        expandedKeys: expandedKeys,
-        index: index,
-        isNodeLeaf: isNodeLeaf,
-        last: last,
+        selectionMode: props.selectionMode,
+        selectionKeys: props.selectionKeys,
+        onSelectionChange: props.onSelectionChange,
         metaKeySelection: props.metaKeySelection,
-        nodeTemplate: props.nodeTemplate,
-        onClick: props.onNodeClick,
-        onCollapse: props.onCollapse,
-        onContextMenu: props.onContextMenu,
+        contextMenuSelectionKey: props.contextMenuSelectionKey,
         onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-        onDoubleClick: props.onNodeDoubleClick,
-        onDragEnd: onDragEnd,
-        onDragStart: onDragStart,
-        onDrop: onDrop,
-        onDropPoint: onDropPoint,
+        onContextMenu: props.onContextMenu,
+        propagateSelectionDown: props.propagateSelectionDown,
+        propagateSelectionUp: props.propagateSelectionUp,
         onExpand: props.onExpand,
+        onCollapse: props.onCollapse,
         onSelect: props.onSelect,
-        onSelectionChange: props.onSelectionChange,
-        onToggle: onToggle,
         onUnselect: props.onUnselect,
-        originalOptions: props.value,
-        path: String(index),
-        propagateSelectionDown: props.propagateSelectionDown,
-        propagateSelectionUp: props.propagateSelectionUp,
+        expandedKeys: expandedKeys,
+        onToggle: onToggle,
+        nodeTemplate: props.nodeTemplate,
+        togglerTemplate: props.togglerTemplate,
+        isNodeLeaf: isNodeLeaf,
+        dragdropScope: props.dragdropScope,
+        onDragStart: onDragStart,
+        onDragEnd: onDragEnd,
+        onDrop: onDrop,
+        onDropPoint: onDropPoint,
+        onClick: props.onNodeClick,
+        onDoubleClick: props.onNodeDoubleClick,
         ptm: ptm,
-        selectionKeys: props.selectionKeys,
-        selectionMode: props.selectionMode,
-        togglerTemplate: props.togglerTemplate
+        cx: cx
       });
     };
     var createRootChildren = function createRootChildren() {