primereact 10.3.0 → 10.3.2

package/dataview/dataview.d.ts

@@ -285,7 +285,7 @@ export interface DataViewProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    paginatorDropdownAppendTo?: 'self' | HTMLElement | undefined | null;
+    paginatorDropdownAppendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Array of integer values to display inside rows per page dropdown.
      */

package/deferredcontent/deferredcontent.cjs.js

@@ -4,10 +4,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var api = require('primereact/api');
 var hooks = require('primereact/hooks');
 var componentbase = require('primereact/componentbase');
-var utils = require('primereact/utils');
-var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -93,6 +92,7 @@ var DeferredContentBase = componentbase.ComponentBase.extend({
 });
 
 var DeferredContent = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = DeferredContentBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -146,7 +146,7 @@ var DeferredContent = /*#__PURE__*/React__namespace.forwardRef(function (inProps
       shouldLoad() ? load() : bindScrollListener();
     }
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef
   }, DeferredContentBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps, loadedState && props.children);

package/deferredcontent/deferredcontent.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/componentbase"),n=require("primereact/utils"),o=require("primereact/api");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=u(e);function a(e){if(Array.isArray(e))return e}function c(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,i,a=[],c=!0,l=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=u.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return a}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}function s(){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 d(e,t){return a(e)||c(e,t)||f(e,t)||s()}var p=r.ComponentBase.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),m=i.forwardRef((function(e,r){var u=i.useContext(o.PrimeReactContext),a=p.getProps(e,u),c=d(i.useState(!1),2),l=c[0],f=c[1],s=i.useRef(null),m=d(t.useEventListener({target:"window",type:"scroll",listener:function(){g()&&(h(),v())}}),2),y=m[0],v=m[1],b=p.setMetaData({props:a,state:{loaded:l}}).ptm,g=function(){if(l)return!1;var e=s.current.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},h=function(e){f(!0),a.onLoad&&a.onLoad(e)};i.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return s.current}}})),t.useMountEffect((function(){l||(g()?h():y())}));var O=n.mergeProps({ref:s},p.getOtherProps(a),b("root"));return i.createElement("div",O,l&&a.children)}));m.displayName="DeferredContent",exports.DeferredContent=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/componentbase");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=o(e);function a(e){if(Array.isArray(e))return e}function i(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,a,i=[],c=!0,l=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=u.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return i}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function f(){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 s(e,t){return a(e)||i(e,t)||l(e,t)||f()}var d=n.ComponentBase.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),p=u.forwardRef((function(e,n){var o=r.useMergeProps(),a=u.useContext(t.PrimeReactContext),i=d.getProps(e,a),c=s(u.useState(!1),2),l=c[0],f=c[1],p=u.useRef(null),m=s(r.useEventListener({target:"window",type:"scroll",listener:function(){g()&&(h(),v())}}),2),y=m[0],v=m[1],b=d.setMetaData({props:i,state:{loaded:l}}).ptm,g=function(){if(l)return!1;var e=p.current.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},h=function(e){f(!0),i.onLoad&&i.onLoad(e)};u.useImperativeHandle(n,(function(){return{props:i,getElement:function(){return p.current}}})),r.useMountEffect((function(){l||(g()?h():y())}));var O=o({ref:p},d.getOtherProps(i),b("root"));return u.createElement("div",O,l&&i.children)}));p.displayName="DeferredContent",exports.DeferredContent=p;

package/deferredcontent/deferredcontent.esm.js

@@ -1,9 +1,8 @@
 'use client';
 import * as React from 'react';
-import { useEventListener, useMountEffect } from 'primereact/hooks';
-import { ComponentBase } from 'primereact/componentbase';
-import { mergeProps } from 'primereact/utils';
 import { PrimeReactContext } from 'primereact/api';
+import { useMergeProps, useEventListener, useMountEffect } from 'primereact/hooks';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -69,6 +68,7 @@ var DeferredContentBase = ComponentBase.extend({
 });
 
 var DeferredContent = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DeferredContentBase.getProps(inProps, context);
   var _React$useState = React.useState(false),

package/deferredcontent/deferredcontent.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{useEventListener as r,useMountEffect as e}from"primereact/hooks";import{ComponentBase as n}from"primereact/componentbase";import{mergeProps as o}from"primereact/utils";import{PrimeReactContext as i}from"primereact/api";function a(t){if(Array.isArray(t))return t}function u(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],l=!0,c=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;l=!1}else for(;!(l=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}function l(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=new Array(r);e<r;e++)n[e]=t[e];return n}function c(t,r){if(t){if("string"==typeof t)return l(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?l(t,r):void 0}}function f(){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 m(t,r){return a(t)||u(t,r)||c(t,r)||f()}var p=n.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),s=t.forwardRef((function(n,a){var u=t.useContext(i),l=p.getProps(n,u),c=m(t.useState(!1),2),f=c[0],s=c[1],d=t.useRef(null),y=m(r({target:"window",type:"scroll",listener:function(){b()&&(w(),h())}}),2),v=y[0],h=y[1],g=p.setMetaData({props:l,state:{loaded:f}}).ptm,b=function(){if(f)return!1;var t=d.current.getBoundingClientRect();return document.documentElement.clientHeight>=t.top},w=function(t){s(!0),l.onLoad&&l.onLoad(t)};t.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return d.current}}})),e((function(){f||(b()?w():v())}));var A=o({ref:d},p.getOtherProps(l),g("root"));return t.createElement("div",A,f&&l.children)}));s.displayName="DeferredContent";export{s as DeferredContent};
+import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{useMergeProps as r,useEventListener as n,useMountEffect as o}from"primereact/hooks";import{ComponentBase as a}from"primereact/componentbase";function i(t){if(Array.isArray(t))return t}function u(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,u=[],l=!0,c=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(u.push(n.value),u.length!==e);l=!0);}catch(t){c=!0,o=t}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function c(t,e){if(t){if("string"==typeof t)return l(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(t,e):void 0}}function f(){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 p(t,e){return i(t)||u(t,e)||c(t,e)||f()}var m=a.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),s=t.forwardRef((function(a,i){var u=r(),l=t.useContext(e),c=m.getProps(a,l),f=p(t.useState(!1),2),s=f[0],d=f[1],y=t.useRef(null),v=p(n({target:"window",type:"scroll",listener:function(){w()&&(A(),g())}}),2),h=v[0],g=v[1],b=m.setMetaData({props:c,state:{loaded:s}}).ptm,w=function(){if(s)return!1;var t=y.current.getBoundingClientRect();return document.documentElement.clientHeight>=t.top},A=function(t){d(!0),c.onLoad&&c.onLoad(t)};t.useImperativeHandle(i,(function(){return{props:c,getElement:function(){return y.current}}})),o((function(){s||(w()?A():h())}));var S=u({ref:y},m.getOtherProps(c),b("root"));return t.createElement("div",S,s&&c.children)}));s.displayName="DeferredContent";export{s as DeferredContent};

package/deferredcontent/deferredcontent.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.deferredcontent = (function (exports, React, hooks, componentbase, utils, api) {
+this.primereact.deferredcontent = (function (exports, React, api, hooks, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -86,6 +86,7 @@ this.primereact.deferredcontent = (function (exports, React, hooks, componentbas
   });
 
   var DeferredContent = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = DeferredContentBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -139,7 +140,7 @@ this.primereact.deferredcontent = (function (exports, React, hooks, componentbas
         shouldLoad() ? load() : bindScrollListener();
       }
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef
     }, DeferredContentBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("div", rootProps, loadedState && props.children);
@@ -152,4 +153,4 @@ this.primereact.deferredcontent = (function (exports, React, hooks, componentbas
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.componentbase, primereact.utils, primereact.api);
+})({}, React, primereact.api, primereact.hooks, primereact.componentbase);

package/deferredcontent/deferredcontent.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.deferredcontent=function(e,t,r,n,o,i){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=u(t);function c(e){if(Array.isArray(e))return e}function l(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function d(){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 p(e,t){return c(e)||l(e,t)||s(e,t)||d()}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),y=a.forwardRef((function(e,t){var n=a.useContext(i.PrimeReactContext),u=m.getProps(e,n),c=p(a.useState(!1),2),l=c[0],f=c[1],s=a.useRef(null),d=p(r.useEventListener({target:"window",type:"scroll",listener:function(){h()&&(g(),v())}}),2),y=d[0],v=d[1],b=m.setMetaData({props:u,state:{loaded:l}}).ptm,h=function(){if(l)return!1;var e=s.current.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},g=function(e){f(!0),u.onLoad&&u.onLoad(e)};a.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return s.current}}})),r.useMountEffect((function(){l||(h()?g():y())}));var O=o.mergeProps({ref:s},m.getOtherProps(u),b("root"));return a.createElement("div",O,l&&u.children)}));return y.displayName="DeferredContent",e.DeferredContent=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.componentbase,primereact.utils,primereact.api);
+this.primereact=this.primereact||{},this.primereact.deferredcontent=function(e,t,r,n,o){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=u(t);function i(e){if(Array.isArray(e))return e}function c(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,a,i=[],c=!0,l=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=u.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return i}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}function s(){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 d(e,t){return i(e)||c(e,t)||f(e,t)||s()}var p=o.ComponentBase.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),m=a.forwardRef((function(e,t){var o=n.useMergeProps(),u=a.useContext(r.PrimeReactContext),i=p.getProps(e,u),c=d(a.useState(!1),2),l=c[0],f=c[1],s=a.useRef(null),m=d(n.useEventListener({target:"window",type:"scroll",listener:function(){h()&&(g(),v())}}),2),y=m[0],v=m[1],b=p.setMetaData({props:i,state:{loaded:l}}).ptm,h=function(){if(l)return!1;var e=s.current.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},g=function(e){f(!0),i.onLoad&&i.onLoad(e)};a.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return s.current}}})),n.useMountEffect((function(){l||(h()?g():y())}));var O=o({ref:s},p.getOtherProps(i),b("root"));return a.createElement("div",O,l&&i.children)}));return m.displayName="DeferredContent",e.DeferredContent=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.componentbase);

package/dialog/dialog.cjs.js

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('primereact/utils');
 var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
@@ -14,6 +13,7 @@ var windowmaximize = require('primereact/icons/windowmaximize');
 var windowminimize = require('primereact/icons/windowminimize');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -165,106 +165,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React__namespace.useRef(undefined);
-  React__namespace.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React__namespace.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    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] : {};
-    if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React__namespace.useEffect(function () {
-    if (when) {
-      targetRef.current = utils.DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React__namespace.useEffect(function () {
-    // 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, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React__namespace.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var classes = {
@@ -396,6 +296,7 @@ var DialogBase = componentbase.ComponentBase.extend({
 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 Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = DialogBase.getProps(inProps, context);
   var uniqueId = props.id ? props.id : utils.UniqueComponentId();
@@ -431,6 +332,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var focusElementOnHide = React__namespace.useRef(null);
   var maximized = props.onMaximize ? props.maximized : maximizedState;
   var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
+  var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
   var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread(_objectSpread({
       props: props
     }, props.__parentMetadata), {}, {
@@ -447,15 +349,14 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   componentbase.useHandleStyle(DialogBase.css.styles, isUnstyled, {
     name: 'dialog'
   });
-  useOnEscapeKey(maskRef, props.closable && props.closeOnEscape, function (event) {
-    var currentTarget = event.currentTarget;
-    if (!currentTarget || !currentTarget.primeDialogParams) {
-      return;
-    }
-    var params = currentTarget.primeDialogParams;
-    var paramLength = params.length;
-    onClose(event);
-    params.splice(paramLength - 1, 1);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback(event) {
+      if (props.closable && props.closeOnEscape) {
+        onClose(event);
+      }
+    },
+    when: visibleState && displayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useEventListener = hooks.useEventListener({
       type: 'keydown',
@@ -715,11 +616,9 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var enableDocumentSettings = function enableDocumentSettings() {
     bindGlobalListeners();
-    updateGlobalDialogsRegistry(true);
   };
   var disableDocumentSettings = function disableDocumentSettings() {
     unbindGlobalListeners();
-    updateGlobalDialogsRegistry(false);
   };
   var updateScrollBlocker = function updateScrollBlocker() {
     // Scroll should be unblocked if there is at least one dialog that blocks scrolling:
@@ -733,7 +632,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
   };
   var updateGlobalDialogsRegistry = function updateGlobalDialogsRegistry(isMounted) {
-    // Update current dialog info in global registry if it is mounted :
+    // Update current dialog info in global registry if it is mounted and visible:
     if (isMounted && visibleState) {
       var newParam = {
         id: idState,
@@ -753,7 +652,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         document.primeDialogParams = document.primeDialogParams.toSpliced(currentDialogIndexInRegistry, 1, newParam);
       }
     }
-    // Or remove it from global registry if unmounted:
+    // Or remove it from global registry if unmounted or invisible:
     else {
       document.primeDialogParams = document.primeDialogParams && document.primeDialogParams.filter(function (param) {
         return param.id !== idState;
@@ -783,21 +682,31 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     unbindDocumentKeyDownListener();
   };
   var createStyle = function createStyle() {
-    styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+    styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
     var innerHTML = '';
     for (var breakpoint in props.breakpoints) {
-      innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], ";\n                    }\n                }\n            ");
+      innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                     [data-pc-name=\"dialog\"][").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
     }
     styleElement.current.innerHTML = innerHTML;
   };
+  var destroyStyle = function destroyStyle() {
+    styleElement.current = utils.DomHandler.removeInlineStyle(styleElement.current);
+  };
   hooks.useMountEffect(function () {
+    updateGlobalDialogsRegistry(true);
     if (props.visible) {
       setMaskVisibleState(true);
     }
+  });
+  React__namespace.useEffect(function () {
     if (props.breakpoints) {
       createStyle();
     }
-  });
+    return function () {
+      destroyStyle();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.breakpoints]);
   hooks.useUpdateEffect(function () {
     if (props.visible && !maskVisibleState) {
       setMaskVisibleState(true);
@@ -819,9 +728,10 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   }, [maskVisibleState]);
   hooks.useUpdateEffect(function () {
     updateGlobalDialogsRegistry(true);
-  }, [shouldBlockScroll]);
+  }, [shouldBlockScroll, visibleState]);
   hooks.useUnmountEffect(function () {
     disableDocumentSettings();
+    updateGlobalDialogsRegistry(false);
     utils.DomHandler.removeInlineStyle(styleElement.current);
     utils.ZIndexUtils.clear(maskRef.current);
   });
@@ -852,7 +762,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var createCloseIcon = function createCloseIcon() {
     if (props.closable) {
       var ariaLabel = props.ariaCloseIconLabel || PrimeReact.localeOption('close');
-      var closeButtonIconProps = utils.mergeProps({
+      var closeButtonIconProps = mergeProps({
         className: cx('closeButtonIcon'),
         'aria-hidden': true
       }, ptm('closeButtonIcon'));
@@ -860,7 +770,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var headerCloseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeButtonIconProps), {
         props: props
       });
-      var closeButtonProps = utils.mergeProps({
+      var closeButtonProps = mergeProps({
         ref: closeRef,
         type: 'button',
         className: cx('closeButton'),
@@ -873,7 +783,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createMaximizeIcon = function createMaximizeIcon() {
     var icon;
-    var maximizableIconProps = utils.mergeProps({
+    var maximizableIconProps = mergeProps({
       className: cx('maximizableIcon')
     }, ptm('maximizableIcon'));
     if (!maximized) {
@@ -885,7 +795,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       props: props
     });
     if (props.maximizable) {
-      var maximizableButtonProps = utils.mergeProps({
+      var maximizableButtonProps = mergeProps({
         type: 'button',
         className: cx('maximizableButton'),
         onClick: toggleMaximize
@@ -901,17 +811,17 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
       var header = utils.ObjectUtils.getJSXElement(props.header, props);
       var headerId = idState + '_header';
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         ref: headerRef,
         style: props.headerStyle,
         className: cx('header'),
         onMouseDown: onDragStart
       }, ptm('header'));
-      var headerTitleProps = utils.mergeProps({
+      var headerTitleProps = mergeProps({
         id: headerId,
         className: cx('headerTitle')
       }, ptm('headerTitle'));
-      var headerIconsProps = utils.mergeProps({
+      var headerIconsProps = mergeProps({
         className: cx('headerIcons')
       }, ptm('headerIcons'));
       return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("div", headerTitleProps, header), /*#__PURE__*/React__namespace.createElement("div", headerIconsProps, icons, maximizeIcon, closeIcon));
@@ -920,7 +830,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createContent = function createContent() {
     var contentId = idState + '_content';
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       id: contentId,
       ref: contentRef,
       style: props.contentStyle,
@@ -930,7 +840,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createFooter = function createFooter() {
     var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-    var footerProps = utils.mergeProps({
+    var footerProps = mergeProps({
       ref: footerRef,
       className: cx('footer')
     }, ptm('footer'));
@@ -989,13 +899,13 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       enter: props.position === 'center' ? 150 : 300,
       exit: props.position === 'center' ? 150 : 300
     };
-    var maskProps = utils.mergeProps({
+    var maskProps = mergeProps({
       ref: maskRef,
       style: sx('mask'),
       className: cx('mask'),
       onPointerUp: onMaskPointerUp
     }, ptm('mask'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: dialogRef,
       id: idState,
       className: cx('root', {
@@ -1011,7 +921,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       'aria-modal': props.modal,
       onPointerDown: onDialogPointerDown
     }, DialogBase.getOtherProps(props), ptm('root'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       timeout: transitionTimeout,
       "in": visibleState,

package/dialog/dialog.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/api"),r=require("primereact/componentbase"),o=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/icons/times"),l=require("primereact/icons/windowmaximize"),c=require("primereact/icons/windowminimize"),s=require("primereact/portal"),u=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(e),f=p(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=w(e,"string");return"symbol"===b(t)?t:String(t)}function O(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function k(){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 z(e,t){return D(e)||S(e,t)||x(e,t)||k()}var I=function(e){var t=m.useRef(void 0);return m.useEffect((function(){t.current=e})),t.current},j=function(e,n,r){var o,i,a,l,c,s,u,p,d,f,g,b,v,y,h,x=(l=void 0===(a=(o={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,c=o.type,s=o.listener,u=o.options,d=void 0===(p=o.when)||p,f=m.useRef(null),g=m.useRef(null),b=I(s),v=I(u),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||d)&&(f.current=t.DomHandler.getTargetElement(e.target))),!g.current&&f.current&&(g.current=function(e){return s&&s(e)},f.current.addEventListener(c,g.current,u))},h=function(){g.current&&(f.current.removeEventListener(c,g.current,u),g.current=null)},m.useEffect((function(){d?f.current=t.DomHandler.getTargetElement(l):(h(),f.current=null)}),[l,d]),m.useEffect((function(){!g.current||""+b==""+s&&v===u||(h(),d&&y())}),[s,u,d]),i=function(){h()},m.useEffect((function(){return i}),[]),[y,h]),E=z(x,2),w=E[0],P=E[1];return m.useEffect((function(){if(n&&e.current)return w(),function(){P()}})),[e,r]};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=r.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return t.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return t.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return t.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var n=e.props,r=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===n.position||e.replace("-","")===n.position}));return t.classNames("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-dialog-visible":r,"p-dialog-draggable":n.draggable,"p-dialog-resizable":n.resizable},n.maskClassName)},root:function(e){var n=e.props,r=e.maximized,o=e.context;return t.classNames("p-dialog p-component",n.className,{"p-dialog-rtl":n.rtl,"p-dialog-maximized":r,"p-dialog-default":!r,"p-input-filled":o&&"filled"===o.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===f.default.ripple})},transition:"p-dialog"},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",inlineStyles:{mask:function(e){var t=e.props;return C({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=m.forwardRef((function(e,p){var d=m.useContext(n.PrimeReactContext),b=H.getProps(e,d),v=b.id?b.id:t.UniqueComponentId(),w=z(m.useState(v),2),P=w[0],O=z(m.useState(!1),2),D=O[0],S=O[1],k=z(m.useState(!1),2),I=k[0],R=k[1],C=z(m.useState(b.maximized),2),N=C[0],M=C[1],B=m.useRef(null),U=m.useRef(null),X=m.useRef(null),_=m.useRef(null),q=m.useRef(null),L=m.useRef(null),A=m.useRef(null),Y=m.useRef(!1),V=m.useRef(!1),Z=m.useRef(null),J=m.useRef(null),F=m.useRef(null),W=m.useRef(v),$=m.useRef(null),K=b.onMaximize?b.maximized:N,G=I&&(b.blockScroll||b.maximizable&&K),Q=H.setMetaData(T(T({props:b},b.__parentMetadata),{},{state:{id:P,maximized:K,containerVisible:D}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;r.useHandleStyle(H.css.styles,Q.isUnstyled,{name:"dialog"}),j(U,b.closable&&b.closeOnEscape,(function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length;ye(e),n.splice(r-1,1)}}));var re=z(i.useEventListener({type:"keydown",listener:function(e){return we(e)}}),2),oe=re[0],ie=re[1],ae=z(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ze(e)}}),2),le=ae[0],ce=ae[1],se=z(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ue=se[0],pe=se[1],de=z(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Oe(e)}}),2),me=de[0],fe=de[1],ge=z(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return De(e)}}),2),be=ge[0],ve=ge[1],ye=function(e){b.onHide(),e.preventDefault()},he=function(e){X.current=e.target,b.onPointerDown&&b.onPointerDown(e)},xe=function(e){b.dismissableMask&&b.modal&&U.current===e.target&&!X.current&&ye(e),b.onMaskClick&&b.onMaskClick(e),X.current=null},Ee=function(e){b.onMaximize?b.onMaximize({originalEvent:e,maximized:!K}):M((function(e){return!e})),e.preventDefault()},we=function(e){var n=e.currentTarget;if(n&&n.primeDialogParams){var r=n.primeDialogParams,o=r.length,i=r[o-1]?r[o-1].id:void 0;if(i===P){var a=document.getElementById(i);if("Tab"===e.key){e.preventDefault();var l=t.DomHandler.getFocusableElements(a);if(l&&l.length>0)if(document.activeElement){var c=l.indexOf(document.activeElement);e.shiftKey?-1===c||0===c?l[l.length-1].focus():l[c-1].focus():-1===c||c===l.length-1?l[0].focus():l[c+1].focus()}else l[0].focus()}}}},Pe=function(e){t.DomHandler.hasClass(e.target,"p-dialog-header-icon")||t.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||b.draggable&&(Y.current=!0,Z.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",t.DomHandler.addClass(document.body,"p-unselectable-text"),b.onDragStart&&b.onDragStart(e))},Oe=function(e){if(Y.current){var n=t.DomHandler.getOuterWidth(B.current),r=t.DomHandler.getOuterHeight(B.current),o=e.pageX-Z.current,i=e.pageY-J.current,a=B.current.getBoundingClientRect(),l=a.left+o,c=a.top+i,s=t.DomHandler.getViewport(),u=getComputedStyle(B.current),p=parseFloat(u.marginLeft),d=parseFloat(u.marginTop);B.current.style.position="fixed",b.keepInViewport?(l>=b.minX&&l+n<s.width&&(Z.current=e.pageX,B.current.style.left=l-p+"px"),c>=b.minY&&c+r<s.height&&(J.current=e.pageY,B.current.style.top=c-d+"px")):(Z.current=e.pageX,B.current.style.left=l-p+"px",J.current=e.pageY,B.current.style.top=c-d+"px"),b.onDrag&&b.onDrag(e)}},De=function(e){Y.current&&(Y.current=!1,t.DomHandler.removeClass(document.body,"p-unselectable-text"),b.onDragEnd&&b.onDragEnd(e))},Se=function(e){b.resizable&&(V.current=!0,Z.current=e.pageX,J.current=e.pageY,t.DomHandler.addClass(document.body,"p-unselectable-text"),b.onResizeStart&&b.onResizeStart(e))},ke=function(e,n,r){!r&&(r=t.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(r[n]/100):o},ze=function(e){if(V.current){var n=e.pageX-Z.current,r=e.pageY-J.current,o=t.DomHandler.getOuterWidth(B.current),i=t.DomHandler.getOuterHeight(B.current),a=B.current.getBoundingClientRect(),l=t.DomHandler.getViewport(),c=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),s=ke(B.current.style.minWidth,"width",l),u=ke(B.current.style.minHeight,"height",l),p=o+n,d=i+r;c&&(p+=n,d+=r),(!s||p>s)&&a.left+p<l.width&&(B.current.style.width=p+"px"),(!u||d>u)&&a.top+d<l.height&&(B.current.style.height=d+"px"),Z.current=e.pageX,J.current=e.pageY,b.onResize&&b.onResize(e)}},Ie=function(e){V.current&&(V.current=!1,t.DomHandler.removeClass(document.body,"p-unselectable-text"),b.onResizeEnd&&b.onResizeEnd(e))},je=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Re=function(){B.current.setAttribute(W.current,"")},Ce=function(){var e;b.onShow&&b.onShow(),b.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&b.closable&&b.showHeader&&A.current&&A.current.focus(),Te()},He=function(){b.modal&&t.DomHandler.addClass(U.current,"p-component-overlay-leave")},Ne=function(){Y.current=!1,t.ZIndexUtils.clear(U.current),S(!1),Me(),t.DomHandler.focus($.current),$.current=null},Te=function(){Ue(),Be(!0)},Me=function(){Xe(),Be(!1)},Be=function(e){if(e&&I){var n={id:P,hasBlockScroll:G};document.primeDialogParams||(document.primeDialogParams=[]);var r=document.primeDialogParams.findIndex((function(e){return e.id===P}));document.primeDialogParams=-1===r?[].concat(y(o=document.primeDialogParams)||h(o)||x(o)||E(),[n]):document.primeDialogParams.toSpliced(r,1,n)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==P}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?t.DomHandler.blockBodyScroll():t.DomHandler.unblockBodyScroll()},Ue=function(){b.draggable&&(me(),be()),b.resizable&&(le(),ue()),oe()},Xe=function(){fe(),ve(),ce(),pe(),ie()},_e=function(){F.current=t.DomHandler.createInlineStyle(d&&d.nonce||f.default.nonce);var e="";for(var n in b.breakpoints)e+="\n                @media screen and (max-width: ".concat(n,") {\n                    .p-dialog[").concat(W.current,"] {\n                        width: ").concat(b.breakpoints[n],";\n                    }\n                }\n            ");F.current.innerHTML=e};i.useMountEffect((function(){b.visible&&S(!0),b.breakpoints&&_e()})),i.useUpdateEffect((function(){b.visible&&!D&&S(!0),b.visible!==I&&D&&R(b.visible),b.visible&&($.current=document.activeElement)}),[b.visible,D]),i.useUpdateEffect((function(){D&&(t.ZIndexUtils.set("modal",U.current,d&&d.autoZIndex||f.default.autoZIndex,b.baseZIndex||d&&d.zIndex.modal||f.default.zIndex.modal),R(!0))}),[D]),i.useUpdateEffect((function(){Be(!0)}),[G]),i.useUnmountEffect((function(){Me(),t.DomHandler.removeInlineStyle(F.current),t.ZIndexUtils.clear(U.current)})),m.useImperativeHandle(p,(function(){return{props:b,resetPosition:je,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return _.current},getHeader:function(){return q.current},getFooter:function(){return L.current},getCloseButton:function(){return A.current}}}));var qe=function(){if(b.closable){var e=b.ariaCloseIconLabel||n.localeOption("close"),r=t.mergeProps({className:te("closeButtonIcon"),"aria-hidden":!0},ee("closeButtonIcon")),o=t.IconUtils.getJSXIcon(b.closeIcon||m.createElement(a.TimesIcon,r),T({},r),{props:b}),i=t.mergeProps({ref:A,type:"button",className:te("closeButton"),"aria-label":e,onClick:ye},ee("closeButton"));return m.createElement("button",i,o,m.createElement(u.Ripple,null))}return null},Le=function(){var e=t.mergeProps({className:te("maximizableIcon")},ee("maximizableIcon")),n=t.IconUtils.getJSXIcon(K?b.minimizeIcon||m.createElement(c.WindowMinimizeIcon,e):b.maximizeIcon||m.createElement(l.WindowMaximizeIcon,e),e,{props:b});if(b.maximizable){var r=t.mergeProps({type:"button",className:te("maximizableButton"),onClick:Ee},ee("maximizableButton"));return m.createElement("button",r,n,m.createElement(u.Ripple,null))}return null},Ae=function(){if(b.showHeader){var e=qe(),n=Le(),r=t.ObjectUtils.getJSXElement(b.icons,b),o=t.ObjectUtils.getJSXElement(b.header,b),i=P+"_header",a=t.mergeProps({ref:q,style:b.headerStyle,className:te("header"),onMouseDown:Pe},ee("header")),l=t.mergeProps({id:i,className:te("headerTitle")},ee("headerTitle")),c=t.mergeProps({className:te("headerIcons")},ee("headerIcons"));return m.createElement("div",a,m.createElement("div",l,o),m.createElement("div",c,r,n,e))}return null},Ye=function(){var e=t.ObjectUtils.getJSXElement(b.footer,b),n=t.mergeProps({ref:L,className:te("footer")},ee("footer"));return e&&m.createElement("div",n,e)},Ve=function(n){var r,i=n.rootProps,a={header:b.header,content:b.message,message:null==b||null===(r=b.children)||void 0===r||null===(r=r[1])||void 0===r||null===(r=r.props)||void 0===r?void 0:r.children},l={headerRef:q,contentRef:_,footerRef:L,closeRef:A,hide:ye,message:a};return m.createElement("div",n.maskProps,m.createElement(o.CSSTransition,g({nodeRef:B},n.transitionProps),m.createElement("div",i,t.ObjectUtils.getJSXElement(e.content,l))))},Ze=function(e){var n,r=e.maskProps,i=e.rootProps,a=e.transitionProps,l=Ae(),c=(n=t.mergeProps({id:P+"_content",ref:_,style:b.contentStyle,className:te("content")},ee("content")),m.createElement("div",n,b.children)),s=Ye(),u=b.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Se}):null;return m.createElement("div",r,m.createElement(o.CSSTransition,g({nodeRef:B},a),m.createElement("div",i,l,c,s,u)))};return D&&function(){var n=P+"_header",r=P+"_content",o={enter:"center"===b.position?150:300,exit:"center"===b.position?150:300},i=t.mergeProps({ref:U,style:ne("mask"),className:te("mask"),onPointerUp:xe},ee("mask")),a=t.mergeProps({ref:B,id:P,className:te("root",{props:b,maximized:K,context:d}),style:b.style,onClick:b.onClick,role:"dialog","aria-labelledby":n,"aria-describedby":r,"aria-modal":b.modal,onPointerDown:he},H.getOtherProps(b),ee("root")),l=t.mergeProps({classNames:te("transition"),timeout:o,in:I,options:b.transitionOptions,unmountOnExit:!0,onEnter:Re,onEntered:Ce,onExiting:He,onExited:Ne},ee("transition"));if(null!=e&&e.content){var c=Ve({maskProps:i,rootProps:a,transitionProps:l});return m.createElement(s.Portal,{element:c,appendTo:b.appendTo,visible:!0})}var u=Ze({maskProps:i,rootProps:a,transitionProps:l});return m.createElement(s.Portal,{element:u,appendTo:b.appendTo,visible:!0})}()}));M.displayName="Dialog",exports.Dialog=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/times"),a=require("primereact/icons/windowmaximize"),l=require("primereact/icons/windowminimize"),c=require("primereact/portal"),s=require("primereact/ripple"),u=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(e),f=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===b(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function z(){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 k(e,t){return D(e)||P(e,t)||x(e,t)||z()}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return u.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return u.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return u.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,r=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return u.classNames("p-dialog-mask",r?"p-dialog-".concat(r):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,r=e.context;return u.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===f.default.ripple})},transition:"p-dialog"},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",inlineStyles:{mask:function(e){var t=e.props;return j({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.forwardRef((function(e,p){var d=o.useMergeProps(),b=m.useContext(t.PrimeReactContext),y=C.getProps(e,b),E=y.id?y.id:u.UniqueComponentId(),O=k(m.useState(E),2),S=O[0],D=k(m.useState(!1),2),P=D[0],z=D[1],I=k(m.useState(!1),2),j=I[0],R=I[1],N=k(m.useState(y.maximized),2),M=N[0],T=N[1],B=m.useRef(null),U=m.useRef(null),_=m.useRef(null),X=m.useRef(null),A=m.useRef(null),q=m.useRef(null),L=m.useRef(null),Y=m.useRef(!1),V=m.useRef(!1),Z=m.useRef(null),J=m.useRef(null),F=m.useRef(null),W=m.useRef(E),G=m.useRef(null),K=y.onMaximize?y.maximized:M,$=j&&(y.blockScroll||y.maximizable&&K),Q=o.useDisplayOrder("dialog",j),ee=C.setMetaData(H(H({props:y},y.__parentMetadata),{},{state:{id:S,maximized:K,containerVisible:P}})),te=ee.ptm,ne=ee.cx,re=ee.sx;n.useHandleStyle(C.css.styles,ee.isUnstyled,{name:"dialog"}),o.useGlobalOnEscapeKey({callback:function(e){y.closable&&y.closeOnEscape&&he(e)},when:j&&Q,priority:[o.ESC_KEY_HANDLING_PRIORITIES.DIALOG,Q]});var oe=k(o.useEventListener({type:"keydown",listener:function(e){return Oe(e)}}),2),ie=oe[0],ae=oe[1],le=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ce=le[0],se=le[1],ue=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return je(e)}}),2),pe=ue[0],de=ue[1],me=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return De(e)}}),2),fe=me[0],ge=me[1],be=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Pe(e)}}),2),ye=be[0],ve=be[1],he=function(e){y.onHide(),e.preventDefault()},xe=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},we=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&he(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Ee=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!K}):T((function(e){return!e})),e.preventDefault()},Oe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===S){var i=document.getElementById(o);if("Tab"===e.key){e.preventDefault();var a=u.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Se=function(e){u.DomHandler.hasClass(e.target,"p-dialog-header-icon")||u.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(Y.current=!0,Z.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},De=function(e){if(Y.current){var t=u.DomHandler.getOuterWidth(B.current),n=u.DomHandler.getOuterHeight(B.current),r=e.pageX-Z.current,o=e.pageY-J.current,i=B.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=u.DomHandler.getViewport(),s=getComputedStyle(B.current),p=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(Z.current=e.pageX,B.current.style.left=a-p+"px"),l>=y.minY&&l+n<c.height&&(J.current=e.pageY,B.current.style.top=l-d+"px")):(Z.current=e.pageX,B.current.style.left=a-p+"px",J.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},Pe=function(e){Y.current&&(Y.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},ze=function(e){y.resizable&&(V.current=!0,Z.current=e.pageX,J.current=e.pageY,u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},ke=function(e,t,n){!n&&(n=u.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},Ie=function(e){if(V.current){var t=e.pageX-Z.current,n=e.pageY-J.current,r=u.DomHandler.getOuterWidth(B.current),o=u.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=u.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=ke(B.current.style.minWidth,"width",a),s=ke(B.current.style.minHeight,"height",a),p=r+t,d=o+n;l&&(p+=t,d+=n),(!c||p>c)&&i.left+p<a.width&&(B.current.style.width=p+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),Z.current=e.pageX,J.current=e.pageY,y.onResize&&y.onResize(e)}},je=function(e){V.current&&(V.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},Ce=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Re=function(){B.current.setAttribute(W.current,"")},He=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&L.current&&L.current.focus(),Te()},Ne=function(){y.modal&&u.DomHandler.addClass(U.current,"p-component-overlay-leave")},Me=function(){Y.current=!1,u.ZIndexUtils.clear(U.current),z(!1),Be(),u.DomHandler.focus(G.current),G.current=null},Te=function(){_e()},Be=function(){Xe()},Ue=function(e){if(e&&j){var t={id:S,hasBlockScroll:$};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(r=document.primeDialogParams)||h(r)||x(r)||w(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var r;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?u.DomHandler.blockBodyScroll():u.DomHandler.unblockBodyScroll()},_e=function(){y.draggable&&(fe(),ye()),y.resizable&&(ce(),pe()),ie()},Xe=function(){ge(),ve(),se(),de(),ae()},Ae=function(){F.current=u.DomHandler.createInlineStyle(b&&b.nonce||f.default.nonce,b&&b.styleContainer);var e="";for(var t in y.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(W.current,"] {\n                        width: ").concat(y.breakpoints[t]," !important;\n                    }\n                }\n            ");F.current.innerHTML=e};o.useMountEffect((function(){Ue(!0),y.visible&&z(!0)})),m.useEffect((function(){return y.breakpoints&&Ae(),function(){F.current=u.DomHandler.removeInlineStyle(F.current)}}),[y.breakpoints]),o.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&R(y.visible),y.visible&&(G.current=document.activeElement)}),[y.visible,P]),o.useUpdateEffect((function(){P&&(u.ZIndexUtils.set("modal",U.current,b&&b.autoZIndex||f.default.autoZIndex,y.baseZIndex||b&&b.zIndex.modal||f.default.zIndex.modal),R(!0))}),[P]),o.useUpdateEffect((function(){Ue(!0)}),[$,j]),o.useUnmountEffect((function(){Be(),Ue(!1),u.DomHandler.removeInlineStyle(F.current),u.ZIndexUtils.clear(U.current)})),m.useImperativeHandle(p,(function(){return{props:y,resetPosition:Ce,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return q.current},getCloseButton:function(){return L.current}}}));var qe=function(){if(y.closable){var e=y.ariaCloseIconLabel||t.localeOption("close"),n=d({className:ne("closeButtonIcon"),"aria-hidden":!0},te("closeButtonIcon")),r=u.IconUtils.getJSXIcon(y.closeIcon||m.createElement(i.TimesIcon,n),H({},n),{props:y}),o=d({ref:L,type:"button",className:ne("closeButton"),"aria-label":e,onClick:he},te("closeButton"));return m.createElement("button",o,r,m.createElement(s.Ripple,null))}return null},Le=function(){var e=d({className:ne("maximizableIcon")},te("maximizableIcon")),t=u.IconUtils.getJSXIcon(K?y.minimizeIcon||m.createElement(l.WindowMinimizeIcon,e):y.maximizeIcon||m.createElement(a.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:ne("maximizableButton"),onClick:Ee},te("maximizableButton"));return m.createElement("button",n,t,m.createElement(s.Ripple,null))}return null},Ye=function(){if(y.showHeader){var e=qe(),t=Le(),n=u.ObjectUtils.getJSXElement(y.icons,y),r=u.ObjectUtils.getJSXElement(y.header,y),o=S+"_header",i=d({ref:A,style:y.headerStyle,className:ne("header"),onMouseDown:Se},te("header")),a=d({id:o,className:ne("headerTitle")},te("headerTitle")),l=d({className:ne("headerIcons")},te("headerIcons"));return m.createElement("div",i,m.createElement("div",a,r),m.createElement("div",l,n,t,e))}return null},Ve=function(){var e=u.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:q,className:ne("footer")},te("footer"));return e&&m.createElement("div",t,e)},Ze=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:q,closeRef:L,hide:he,message:i};return m.createElement("div",t.maskProps,m.createElement(r.CSSTransition,g({nodeRef:B},t.transitionProps),m.createElement("div",o,u.ObjectUtils.getJSXElement(e.content,a))))},Je=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Ye(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:ne("content")},te("content")),m.createElement("div",t,y.children)),c=Ve(),s=y.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ze}):null;return m.createElement("div",n,m.createElement(r.CSSTransition,g({nodeRef:B},i),m.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",r={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},o=d({ref:U,style:re("mask"),className:ne("mask"),onPointerUp:we},te("mask")),i=d({ref:B,id:S,className:ne("root",{props:y,maximized:K,context:b}),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:xe},C.getOtherProps(y),te("root")),a=d({classNames:ne("transition"),timeout:r,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Re,onEntered:He,onExiting:Ne,onExited:Me},te("transition"));if(null!=e&&e.content){var l=Ze({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var s=Je({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:s,appendTo:y.appendTo,visible:!0})}()}));N.displayName="Dialog",exports.Dialog=N;

package/dialog/dialog.d.ts

@@ -190,7 +190,7 @@ export interface DialogProps {
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Defines a string that labels the close icon.
      */
@@ -431,7 +431,7 @@ export interface DialogProps {
      * @param {ContentProps} props - The values of dialog.
      * @return {React.ReactNode}
      */
-    content: React.ReactNode | ((props: ContentProps) => React.ReactNode);
+    content?: React.ReactNode | ((props: ContentProps) => React.ReactNode);
 }
 
 /**