primereact 10.3.0 → 10.3.2

package/confirmdialog/confirmdialog.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.confirmdialog=function(e,t,r,n,o,a,c,i,l,u){"use strict";function s(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 p=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}function g(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 v(e,t){if(e){if("string"==typeof e)return g(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)?g(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 y(e,t){return m(e)||b(e,t)||v(e,t)||d()}function j(e){return j="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},j(e)}function O(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=O(e,"string");return"symbol"===j(t)?t:String(t)}var P=u.ComponentBase.extend({defaultProps:{__TYPE:"ConfirmDialog",tagKey:void 0,visible:void 0,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,appendTo:null,footer:null,breakpoints:null,onHide:null,accept:null,reject:null,children:void 0},css:{classes:{root:"p-confirm-dialog",message:"p-confirm-dialog-message",icon:"p-confirm-dialog-icon",acceptButton:"p-confirm-dialog-accept",rejectButton:function(e){return l.classNames("p-confirm-dialog-reject",{"p-button-text":!(0,e.getPropValue)("rejectClassName")})}}}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=h(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo(p.forwardRef((function(e,t){var u=p.useContext(r.PrimeReactContext),s=P.getProps(e,u),m=y(p.useState(s.visible),2),b=m[0],g=m[1],v=y(p.useState(!1),2),d=v[0],j=v[1],O=p.useRef(null),h=p.useRef(!1),S=p.useRef(null),C=function(){return Object.assign(s,O.current)},E=function(e){return Object.assign(s,O.current)[e]},w=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return l.ObjectUtils.getPropValue(E(e),r)},D=E("acceptLabel")||r.localeOption("accept"),_=E("rejectLabel")||r.localeOption("reject"),I={props:s,state:{visible:b}},B=P.setMetaData(I),k=B.ptm,T=B.cx,x=function(){h.current||(h.current=!0,w("accept"),U("accept"))},A=function(){h.current||(h.current=!0,w("reject"),U("reject"))},M=function(){C().group===s.group&&(g(!0),h.current=!1,S.current=document.activeElement)},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";g(!1),w("onHide",{result:e}),l.DomHandler.focus(S.current),S.current=null},L=function(e){if(e.tagKey===s.tagKey){var t=b!==e.visible;E("target")!==e.target&&!s.target?(U(),O.current=e,j(!0)):t&&(O.current=e,e.visible?M():U())}};p.useEffect((function(){s.visible?M():U()}),[s.visible]),p.useEffect((function(){return s.target||s.message||c.OverlayService.on("confirm-dialog",L),function(){c.OverlayService.off("confirm-dialog",L)}}),[s.target]),a.useUpdateEffect((function(){d&&M()}),[d]),a.useUnmountEffect((function(){c.OverlayService.off("confirm-dialog",L)})),p.useImperativeHandle(t,(function(){return{props:s,confirm:L}}));var R,H,J,K,V,X,F,z=function(){var e=l.classNames("p-confirm-dialog-accept",E("acceptClassName")),t=l.classNames("p-confirm-dialog-reject",{"p-button-text":!E("rejectClassName")},E("rejectClassName")),r={label:_,icon:E("rejectIcon"),className:l.classNames(E("rejectClassName"),T("rejectButton",{getPropValue:E})),onClick:A,pt:k("rejectButton"),unstyled:s.unstyled,__parentMetadata:{parent:I}},o=l.mergeProps({label:D,icon:E("acceptIcon"),className:l.classNames(E("acceptClassName"),T("acceptButton")),onClick:x,unstyled:s.unstyled,__parentMetadata:{parent:I}},k("acceptButton")),a=p.createElement(p.Fragment,null,p.createElement(n.Button,r),p.createElement(n.Button,f({},o,{autoFocus:!0})));if(E("footer")){var c={accept:x,reject:A,acceptClassName:e,rejectClassName:t,acceptLabel:D,rejectLabel:_,element:a,props:C()};return l.ObjectUtils.getJSXElement(E("footer"),c)}return a},Y=(R=C(),H=l.ObjectUtils.getJSXElement(E("message"),R),J=l.mergeProps({className:T("icon")},k("icon")),K=l.IconUtils.getJSXIcon(E("icon"),N({},J),{props:R}),V=z(),X=l.mergeProps({className:T("message")},k("message")),F=l.mergeProps({visible:b,className:l.classNames(E("className"),T("root")),footer:V,onHide:U,breakpoints:E("breakpoints"),pt:R.pt,unstyled:s.unstyled,appendTo:E("appendTo"),__parentMetadata:{parent:I}},P.getOtherProps(R)),p.createElement(o.Dialog,f({},F,{content:null==e?void 0:e.content}),K,p.createElement("span",X,H)));return p.createElement(i.Portal,{element:Y,appendTo:E("appendTo")})})));return C.displayName="ConfirmDialog",e.ConfirmDialog=C,e.confirmDialog=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=N(N({},e),{visible:void 0===e.visible||e.visible})).visible&&c.OverlayService.emit("confirm-dialog",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.OverlayService.emit("confirm-dialog",N(N(N({},e),t),{visible:!0}))},hide:function(){c.OverlayService.emit("confirm-dialog",{visible:!1})}}},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.dialog,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.confirmdialog=function(e,t,r,n,o,a,c,i,l,u){"use strict";function s(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 p=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}function v(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 g(e,t){if(e){if("string"==typeof e)return v(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)?v(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 y(e,t){return m(e)||b(e,t)||g(e,t)||d()}function j(e){return j="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},j(e)}function O(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=O(e,"string");return"symbol"===j(t)?t:String(t)}var S=u.ComponentBase.extend({defaultProps:{__TYPE:"ConfirmDialog",accept:null,acceptClassName:null,acceptIcon:null,acceptLabel:null,appendTo:null,breakpoints:null,children:void 0,className:null,defaultFocus:"accept",footer:null,icon:null,message:null,onHide:null,reject:null,rejectClassName:null,rejectIcon:null,rejectLabel:null,tagKey:void 0,visible:void 0},css:{classes:{root:"p-confirm-dialog",message:"p-confirm-dialog-message",icon:"p-confirm-dialog-icon",acceptButton:"p-confirm-dialog-accept",rejectButton:function(e){return l.classNames("p-confirm-dialog-reject",{"p-button-text":!(0,e.getPropValue)("rejectClassName")})}}}});function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=h(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo(p.forwardRef((function(e,t){var u=a.useMergeProps(),s=p.useContext(r.PrimeReactContext),m=S.getProps(e,s),b=y(p.useState(m.visible),2),v=b[0],g=b[1],d=y(p.useState(!1),2),j=d[0],O=d[1],h=p.useRef(null),N=p.useRef(!1),C=p.useRef(null),E=function(){var e=m.group;return h.current&&(e=h.current.group),Object.assign({},m,h.current,{group:e})},w=function(e){return E()[e]},D=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return l.ObjectUtils.getPropValue(w(e),r)},_=w("acceptLabel")||r.localeOption("accept"),B=w("rejectLabel")||r.localeOption("reject"),I={props:m,state:{visible:v}},k=S.setMetaData(I),M=k.ptm,T=k.cx,x=function(){N.current||(N.current=!0,D("accept"),L("accept"))},A=function(){N.current||(N.current=!0,D("reject"),L("reject"))},U=function(){E().group===m.group&&(g(!0),N.current=!1,C.current=document.activeElement)},L=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";g(!1),D("onHide",{result:e}),l.DomHandler.focus(C.current),C.current=null},R=function(e){if(e.tagKey===m.tagKey){var t=v!==e.visible;w("target")!==e.target&&!m.target?(L(),h.current=e,O(!0)):t&&(h.current=e,e.visible?U():L())}};p.useEffect((function(){m.visible?U():L()}),[m.visible]),p.useEffect((function(){return m.target||m.message||c.OverlayService.on("confirm-dialog",R),function(){c.OverlayService.off("confirm-dialog",R)}}),[m.target]),a.useUpdateEffect((function(){j&&U()}),[j]),a.useUnmountEffect((function(){c.OverlayService.off("confirm-dialog",R)})),p.useImperativeHandle(t,(function(){return{props:m,confirm:R}}));var F,H,J,K,V,X,z,Y=function(){var e=w("defaultFocus"),t=l.classNames("p-confirm-dialog-accept",w("acceptClassName")),r=l.classNames("p-confirm-dialog-reject",{"p-button-text":!w("rejectClassName")},w("rejectClassName")),o={label:B,autoFocus:"reject"===e,icon:w("rejectIcon"),className:l.classNames(w("rejectClassName"),T("rejectButton",{getPropValue:w})),onClick:A,pt:M("rejectButton"),unstyled:m.unstyled,__parentMetadata:{parent:I}},a=u({label:_,autoFocus:void 0===e||"accept"===e,icon:w("acceptIcon"),className:l.classNames(w("acceptClassName"),T("acceptButton")),onClick:x,pt:M("acceptButton"),unstyled:m.unstyled,__parentMetadata:{parent:I}},M("acceptButton")),c=p.createElement(p.Fragment,null,p.createElement(n.Button,o),p.createElement(n.Button,a));if(w("footer")){var i={accept:x,reject:A,acceptClassName:t,rejectClassName:r,acceptLabel:_,rejectLabel:B,element:c,props:E()};return l.ObjectUtils.getJSXElement(w("footer"),i)}return c},$=(F=E(),H=l.ObjectUtils.getJSXElement(w("message"),F),J=u({className:T("icon")},M("icon")),K=l.IconUtils.getJSXIcon(w("icon"),P({},J),{props:F}),V=Y(),X=u({className:T("message")},M("message")),z=u({visible:v,className:l.classNames(w("className"),T("root")),footer:V,onHide:L,breakpoints:w("breakpoints"),pt:F.pt,unstyled:m.unstyled,appendTo:w("appendTo"),__parentMetadata:{parent:I}},S.getOtherProps(F)),p.createElement(o.Dialog,f({},z,{content:null==e?void 0:e.content}),K,p.createElement("span",X,H)));return p.createElement(i.Portal,{element:$,appendTo:w("appendTo")})})));return C.displayName="ConfirmDialog",e.ConfirmDialog=C,e.confirmDialog=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=P(P({},e),{visible:void 0===e.visible||e.visible})).visible&&c.OverlayService.emit("confirm-dialog",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.OverlayService.emit("confirm-dialog",P(P(P({},e),t),{visible:!0}))},hide:function(){c.OverlayService.emit("confirm-dialog",{visible:!1})}}},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.dialog,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.componentbase);

package/confirmpopup/confirmpopup.cjs.js

@@ -176,29 +176,30 @@ var classes = {
 var ConfirmPopupBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ConfirmPopup',
-    tagKey: undefined,
-    target: null,
-    visible: false,
-    message: null,
-    rejectLabel: null,
-    acceptLabel: null,
-    icon: null,
-    rejectIcon: null,
-    acceptIcon: null,
-    rejectClassName: null,
+    accept: null,
     acceptClassName: null,
-    className: null,
-    style: null,
+    acceptIcon: null,
+    acceptLabel: null,
     appendTo: null,
+    children: undefined,
+    className: null,
+    closeOnEscape: true,
+    defaultFocus: 'accept',
     dismissable: true,
     footer: null,
-    onShow: null,
+    icon: null,
+    message: null,
     onHide: null,
-    accept: null,
+    onShow: null,
     reject: null,
+    rejectClassName: null,
+    rejectIcon: null,
+    rejectLabel: null,
+    style: null,
+    tagKey: undefined,
+    target: null,
     transitionOptions: null,
-    children: undefined,
-    closeOnEscape: true
+    visible: false
   },
   css: {
     classes: classes,
@@ -206,106 +207,6 @@ var ConfirmPopupBase = componentbase.ComponentBase.extend({
   }
 });
 
-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(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 confirmPopup = function confirmPopup() {
@@ -331,6 +232,7 @@ var confirmPopup = function confirmPopup() {
   };
 };
 var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = ConfirmPopupBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.visible),
@@ -377,8 +279,15 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   var acceptLabel = getPropValue('acceptLabel') || PrimeReact.localeOption('accept');
   var rejectLabel = getPropValue('rejectLabel') || PrimeReact.localeOption('reject');
-  useOnEscapeKey(overlayRef, props.dismissable && props.closeOnEscape, function (event) {
-    hide('hide');
+  var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback() {
+      if (props.dismissable && props.closeOnEscape) {
+        hide('hide');
+      }
+    },
+    when: visibleState && displayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
       target: getPropValue('target'),
@@ -455,8 +364,12 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   var onEntered = function onEntered() {
     bindOverlayListener();
-    if (acceptBtnRef.current) {
-      acceptBtnRef.current.focus();
+    var defaultFocus = getPropValue('defaultFocus');
+    if (defaultFocus === undefined || defaultFocus === 'accept') {
+      acceptBtnRef.current && acceptBtnRef.current.focus();
+    }
+    if (defaultFocus === 'reject') {
+      rejectBtnRef.current && rejectBtnRef.current.focus();
     }
     callbackFromProp('onShow');
   };
@@ -532,16 +445,16 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var createContent = function createContent() {
     var currentProps = getCurrentProps();
     var message = utils.ObjectUtils.getJSXElement(getPropValue('message'), currentProps);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
     var icon = utils.IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread({}, iconProps), {
       props: currentProps
     });
-    var messageProps = utils.mergeProps({
+    var messageProps = mergeProps({
       className: cx('message')
     }, ptm('message'));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content')
     }, ptm('content'));
     return /*#__PURE__*/React__namespace.createElement("div", contentProps, icon, /*#__PURE__*/React__namespace.createElement("span", messageProps, message));
@@ -551,10 +464,10 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var rejectClassName = utils.classNames('p-confirm-popup-reject p-button-sm', {
       'p-button-text': !getPropValue('rejectClassName')
     }, getPropValue('rejectClassName'));
-    var footerProps = utils.mergeProps({
+    var footerProps = mergeProps({
       className: cx('footer')
     }, ptm('footer'));
-    var rejectButtonProps = utils.mergeProps({
+    var rejectButtonProps = mergeProps({
       ref: rejectBtnRef,
       label: rejectLabel,
       icon: getPropValue('rejectIcon'),
@@ -568,7 +481,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         parent: metaData
       }
     });
-    var acceptButtonProps = utils.mergeProps({
+    var acceptButtonProps = mergeProps({
       ref: acceptBtnRef,
       label: acceptLabel,
       icon: getPropValue('acceptIcon'),
@@ -599,7 +512,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
     return content;
   };
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: overlayRef,
     id: getPropValue('id'),
     className: cx('root', {
@@ -609,7 +522,7 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     style: getPropValue('style'),
     onClick: onPanelClick
   }, ConfirmPopupBase.getOtherProps(props), ptm('root'));
-  var transitionProps = utils.mergeProps({
+  var transitionProps = mergeProps({
     classNames: cx('transition'),
     "in": visibleState,
     timeout: {

package/confirmpopup/confirmpopup.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/button"),n=require("primereact/componentbase"),o=require("primereact/csstransition"),c=require("primereact/hooks"),i=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 s=p(e),f=l(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,i,u=[],a=!0,l=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=c.call(r)).done)&&(u.push(n.value),u.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return u}}function b(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 y(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function g(){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 O(e,t){return d(e)||v(e,t)||y(e,t)||g()}function j(e){return j="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},j(e)}function E(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=E(e,"string");return"symbol"===j(t)?t:String(t)}var S=n.ComponentBase.extend({defaultProps:{__TYPE:"ConfirmPopup",tagKey:void 0,target:null,visible:!1,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,style:null,appendTo:null,dismissable:!0,footer:null,onShow:null,onHide:null,accept:null,reject:null,transitionOptions:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return a.classNames("p-confirm-popup p-component",(0,e.getPropValue)("className"),{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},acceptButton:function(e){return a.classNames("p-confirm-popup-accept p-button-sm",(0,e.getPropValue)("acceptClassName"))},rejectButton:function(e){var t=e.getPropValue;return a.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!t("rejectClassName")},t("rejectClassName"))},content:"p-confirm-popup-content",icon:"p-confirm-popup-icon",message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",transition:"p-connected-overlay"},styles:'\n@layer primereact {\n    .p-confirm-popup-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-confirm-popup:after, .p-confirm-popup:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n'}}),h=function(e){var t=s.useRef(void 0);return s.useEffect((function(){t.current=e})),t.current},x=function(e,t,r){var n,o,c,i,u,l,p,f,m,d,v,b,y,g,j,E=(i=void 0===(c=(n={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":c,u=n.type,l=n.listener,p=n.options,m=void 0===(f=n.when)||f,d=s.useRef(null),v=s.useRef(null),b=h(l),y=h(p),g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a.ObjectUtils.isNotEmpty(e.target)&&(j(),(e.when||m)&&(d.current=a.DomHandler.getTargetElement(e.target))),!v.current&&d.current&&(v.current=function(e){return l&&l(e)},d.current.addEventListener(u,v.current,p))},j=function(){v.current&&(d.current.removeEventListener(u,v.current,p),v.current=null)},s.useEffect((function(){m?d.current=a.DomHandler.getTargetElement(i):(j(),d.current=null)}),[i,m]),s.useEffect((function(){!v.current||""+b==""+l&&y===p||(j(),m&&g())}),[l,p,m]),o=function(){j()},s.useEffect((function(){return o}),[]),[g,j]),P=O(E,2),S=P[0],x=P[1];return s.useEffect((function(){if(t&&e.current)return S(),function(){x()}})),[e,r]};function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){var n,o,c;n=e,c=r[t],(o=P(o=t))in n?Object.defineProperty(n,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):n[o]=c})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=s.memo(s.forwardRef((function(e,l){var p=s.useContext(t.PrimeReactContext),d=S.getProps(e,p),v=O(s.useState(d.visible),2),b=v[0],y=v[1],g=O(s.useState(!1),2),j=g[0],E=g[1],P={props:d,state:{visible:b,reshow:j}},h=S.setMetaData(P),w=h.ptm,C=h.cx,I=h.isUnstyled;n.useHandleStyle(S.css.styles,I,{name:"confirmpopup"});var R=s.useRef(null),D=s.useRef(null),U=s.useRef(null),k=s.useRef(!1),H=s.useRef(null),B=s.useRef(null),L=s.useRef(null),T=s.useRef(!1),_=function(){return B.current||d},q=function(e){return(B.current||d)[e]},A=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return a.ObjectUtils.getPropValue(q(e),r)},V=q("acceptLabel")||t.localeOption("accept"),M=q("rejectLabel")||t.localeOption("reject");x(R,d.dismissable&&d.closeOnEscape,(function(e){$("hide")}));var J=O(c.useOverlayListener({target:q("target"),overlay:R,listener:function(e,t){t.valid&&("outside"===t.type?d.dismissable&&!k.current&&$("hide"):$("hide")),k.current=!1},when:b}),2),X=J[0],Z=J[1],z=function(){T.current||(T.current=!0,A("accept"),$("accept"))},K=function(){T.current||(T.current=!0,A("reject"),$("reject"))},Y=function(){var e=_();E(!1),e.group===d.group&&(y(!0),T.current=!1,H.current=function(e){!G(e.target)&&(k.current=!0)},i.OverlayService.on("overlay-click",H.current),L.current=document.activeElement)},$=function(e){y(!1),i.OverlayService.off("overlay-click",H.current),H.current=null,e&&A("onHide",e),a.DomHandler.focus(L.current),L.current=null},F=function(){if(q("target")){a.DomHandler.absolutePosition(R.current,q("target"));var e=a.DomHandler.getOffset(R.current),t=a.DomHandler.getOffset(q("target")),r=0;e.left<t.left&&(r=t.left-e.left),R.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&!I()&&a.DomHandler.addClass(R.current,"p-confirm-popup-flipped")}},G=function(e){return R&&R.current&&!(R.current.isSameNode(e)||R.current.contains(e))},Q=function(e){if(e.tagKey===d.tagKey){var t=b!==e.visible;q("target")!==e.target&&!d.target?($(),B.current=e,E(!0)):t&&(B.current=e,e.visible?Y():$())}};s.useEffect((function(){d.visible?Y():$()}),[d.visible]),s.useEffect((function(){return d.target||d.message||i.OverlayService.on("confirm-popup",Q),function(){i.OverlayService.off("confirm-popup",Q)}}),[d.target]),c.useUpdateEffect((function(){j&&Y()}),[j]),c.useUnmountEffect((function(){H.current&&(i.OverlayService.off("overlay-click",H.current),H.current=null),i.OverlayService.off("confirm-popup",Q),a.ZIndexUtils.clear(R.current)})),s.useImperativeHandle(l,(function(){return{props:d,confirm:Q}}));var W,ee,te=function(){var e=a.classNames("p-confirm-popup-accept p-button-sm",q("acceptClassName")),t=a.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!q("rejectClassName")},q("rejectClassName")),n=a.mergeProps({className:C("footer")},w("footer")),o=a.mergeProps({ref:U,label:M,icon:q("rejectIcon"),className:C("rejectButton",{getPropValue:q}),onClick:K,pt:w("rejectButton"),unstyled:d.unstyled,__parentMetadata:{parent:P}}),c=a.mergeProps({ref:D,label:V,icon:q("acceptIcon"),className:C("acceptButton",{getPropValue:q}),onClick:z,pt:w("acceptButton"),unstyled:d.unstyled,__parentMetadata:{parent:P}}),i=s.createElement("div",n,s.createElement(r.Button,o),s.createElement(r.Button,c));if(q("footer")){var u={accept:z,reject:K,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:V,rejectLabel:M,element:i,props:_()};return a.ObjectUtils.getJSXElement(q("footer"),u)}return i},re=a.mergeProps({ref:R,id:q("id"),className:C("root",{context:p,getPropValue:q}),style:q("style"),onClick:function(e){k.current=!0,i.OverlayService.emit("overlay-click",{originalEvent:e,target:q("target")})}},S.getOtherProps(d),w("root")),ne=a.mergeProps({classNames:C("transition"),in:b,timeout:{enter:120,exit:100},options:q("transitionOptions"),unmountOnExit:!0,onEnter:function(){a.ZIndexUtils.set("overlay",R.current,p&&p.autoZIndex||f.default.autoZIndex,p&&p.zIndex.overlay||f.default.zIndex.overlay),a.DomHandler.addStyles(R.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),F()},onEntered:function(){X(),D.current&&D.current.focus(),A("onShow")},onExit:function(){Z()},onExited:function(){a.ZIndexUtils.clear(R.current),k.current=!1}},w("transition")),oe=null!=e&&e.content?(W=_(),ee={message:a.ObjectUtils.getJSXElement(q("message"),W),acceptBtnRef:D,rejectBtnRef:U,hide:$},s.createElement(o.CSSTransition,m({nodeRef:R},ne),s.createElement("div",re,a.ObjectUtils.getJSXElement(e.content,ee)))):function(){var e,t,r,n,c,i,u=(e=_(),t=a.ObjectUtils.getJSXElement(q("message"),e),r=a.mergeProps({className:C("icon")},w("icon")),n=a.IconUtils.getJSXIcon(q("icon"),N({},r),{props:e}),c=a.mergeProps({className:C("message")},w("message")),i=a.mergeProps({className:C("content")},w("content")),s.createElement("div",i,n,s.createElement("span",c,t))),l=te();return s.createElement(o.CSSTransition,m({nodeRef:R},ne),s.createElement("div",re,u,l))}();return s.createElement(u.Portal,{element:oe,appendTo:q("appendTo"),visible:q("visible")})})));C.displayName="ConfirmPopup",exports.ConfirmPopup=C,exports.confirmPopup=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=N(N({},e),{visible:void 0===e.visible||e.visible})).visible&&i.OverlayService.emit("confirm-popup",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.OverlayService.emit("confirm-popup",N(N(N({},e),t),{visible:!0}))},hide:function(){i.OverlayService.emit("confirm-popup",{visible:!1})}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/button"),n=require("primereact/componentbase"),o=require("primereact/csstransition"),c=require("primereact/hooks"),i=require("primereact/overlayservice"),a=require("primereact/portal"),l=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 s=p(e),f=u(t);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,i,a=[],l=!0,u=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=c.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function b(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 y(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function g(){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 O(e,t){return d(e)||v(e,t)||y(e,t)||g()}function j(e){return j="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},j(e)}function S(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=S(e,"string");return"symbol"===j(t)?t:String(t)}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"ConfirmPopup",accept:null,acceptClassName:null,acceptIcon:null,acceptLabel:null,appendTo:null,children:void 0,className:null,closeOnEscape:!0,defaultFocus:"accept",dismissable:!0,footer:null,icon:null,message:null,onHide:null,onShow:null,reject:null,rejectClassName:null,rejectIcon:null,rejectLabel:null,style:null,tagKey:void 0,target:null,transitionOptions:null,visible:!1},css:{classes:{root:function(e){var t=e.context;return l.classNames("p-confirm-popup p-component",(0,e.getPropValue)("className"),{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple})},acceptButton:function(e){return l.classNames("p-confirm-popup-accept p-button-sm",(0,e.getPropValue)("acceptClassName"))},rejectButton:function(e){var t=e.getPropValue;return l.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!t("rejectClassName")},t("rejectClassName"))},content:"p-confirm-popup-content",icon:"p-confirm-popup-icon",message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",transition:"p-connected-overlay"},styles:'\n@layer primereact {\n    .p-confirm-popup-flipped {\n        margin-top: 0;\n        margin-bottom: 10px;\n    }\n    \n    .p-confirm-popup:after, .p-confirm-popup:before {\n        bottom: 100%;\n        left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n        content: " ";\n        height: 0;\n        width: 0;\n        position: absolute;\n        pointer-events: none;\n    }\n    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n'}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,o,c;n=e,c=r[t],(o=h(o=t))in n?Object.defineProperty(n,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):n[o]=c})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=s.memo(s.forwardRef((function(e,u){var p=c.useMergeProps(),d=s.useContext(t.PrimeReactContext),v=E.getProps(e,d),b=O(s.useState(v.visible),2),y=b[0],g=b[1],j=O(s.useState(!1),2),S=j[0],h=j[1],P={props:v,state:{visible:y,reshow:S}},N=E.setMetaData(P),w=N.ptm,C=N.cx,I=N.isUnstyled;n.useHandleStyle(E.css.styles,I,{name:"confirmpopup"});var R=s.useRef(null),D=s.useRef(null),U=s.useRef(null),_=s.useRef(!1),k=s.useRef(null),A=s.useRef(null),B=s.useRef(null),H=s.useRef(!1),L=function(){return A.current||v},T=function(e){return(A.current||v)[e]},q=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return l.ObjectUtils.getPropValue(T(e),r)},M=T("acceptLabel")||t.localeOption("accept"),V=T("rejectLabel")||t.localeOption("reject"),J=c.useDisplayOrder("dialog",y);c.useGlobalOnEscapeKey({callback:function(){v.dismissable&&v.closeOnEscape&&Y("hide")},when:y&&J,priority:[c.ESC_KEY_HANDLING_PRIORITIES.DIALOG,J]});var K=O(c.useOverlayListener({target:T("target"),overlay:R,listener:function(e,t){t.valid&&("outside"===t.type?v.dismissable&&!_.current&&Y("hide"):Y("hide")),_.current=!1},when:y}),2),X=K[0],Z=K[1],z=function(){H.current||(H.current=!0,q("accept"),Y("accept"))},G=function(){H.current||(H.current=!0,q("reject"),Y("reject"))},F=function(){var e=L();h(!1),e.group===v.group&&(g(!0),H.current=!1,k.current=function(e){!Q(e.target)&&(_.current=!0)},i.OverlayService.on("overlay-click",k.current),B.current=document.activeElement)},Y=function(e){g(!1),i.OverlayService.off("overlay-click",k.current),k.current=null,e&&q("onHide",e),l.DomHandler.focus(B.current),B.current=null},$=function(){if(T("target")){l.DomHandler.absolutePosition(R.current,T("target"));var e=l.DomHandler.getOffset(R.current),t=l.DomHandler.getOffset(T("target")),r=0;e.left<t.left&&(r=t.left-e.left),R.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&!I()&&l.DomHandler.addClass(R.current,"p-confirm-popup-flipped")}},Q=function(e){return R&&R.current&&!(R.current.isSameNode(e)||R.current.contains(e))},W=function(e){if(e.tagKey===v.tagKey){var t=y!==e.visible;T("target")!==e.target&&!v.target?(Y(),A.current=e,h(!0)):t&&(A.current=e,e.visible?F():Y())}};s.useEffect((function(){v.visible?F():Y()}),[v.visible]),s.useEffect((function(){return v.target||v.message||i.OverlayService.on("confirm-popup",W),function(){i.OverlayService.off("confirm-popup",W)}}),[v.target]),c.useUpdateEffect((function(){S&&F()}),[S]),c.useUnmountEffect((function(){k.current&&(i.OverlayService.off("overlay-click",k.current),k.current=null),i.OverlayService.off("confirm-popup",W),l.ZIndexUtils.clear(R.current)})),s.useImperativeHandle(u,(function(){return{props:v,confirm:W}}));var ee,te,re=function(){var e=l.classNames("p-confirm-popup-accept p-button-sm",T("acceptClassName")),t=l.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!T("rejectClassName")},T("rejectClassName")),n=p({className:C("footer")},w("footer")),o=p({ref:U,label:V,icon:T("rejectIcon"),className:C("rejectButton",{getPropValue:T}),onClick:G,pt:w("rejectButton"),unstyled:v.unstyled,__parentMetadata:{parent:P}}),c=p({ref:D,label:M,icon:T("acceptIcon"),className:C("acceptButton",{getPropValue:T}),onClick:z,pt:w("acceptButton"),unstyled:v.unstyled,__parentMetadata:{parent:P}}),i=s.createElement("div",n,s.createElement(r.Button,o),s.createElement(r.Button,c));if(T("footer")){var a={accept:z,reject:G,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:M,rejectLabel:V,element:i,props:L()};return l.ObjectUtils.getJSXElement(T("footer"),a)}return i},ne=p({ref:R,id:T("id"),className:C("root",{context:d,getPropValue:T}),style:T("style"),onClick:function(e){_.current=!0,i.OverlayService.emit("overlay-click",{originalEvent:e,target:T("target")})}},E.getOtherProps(v),w("root")),oe=p({classNames:C("transition"),in:y,timeout:{enter:120,exit:100},options:T("transitionOptions"),unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",R.current,d&&d.autoZIndex||f.default.autoZIndex,d&&d.zIndex.overlay||f.default.zIndex.overlay),l.DomHandler.addStyles(R.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),$()},onEntered:function(){X();var e=T("defaultFocus");void 0!==e&&"accept"!==e||D.current&&D.current.focus(),"reject"===e&&U.current&&U.current.focus(),q("onShow")},onExit:function(){Z()},onExited:function(){l.ZIndexUtils.clear(R.current),_.current=!1}},w("transition")),ce=null!=e&&e.content?(ee=L(),te={message:l.ObjectUtils.getJSXElement(T("message"),ee),acceptBtnRef:D,rejectBtnRef:U,hide:Y},s.createElement(o.CSSTransition,m({nodeRef:R},oe),s.createElement("div",ne,l.ObjectUtils.getJSXElement(e.content,te)))):function(){var e,t,r,n,c,i,a=(e=L(),t=l.ObjectUtils.getJSXElement(T("message"),e),r=p({className:C("icon")},w("icon")),n=l.IconUtils.getJSXIcon(T("icon"),x({},r),{props:e}),c=p({className:C("message")},w("message")),i=p({className:C("content")},w("content")),s.createElement("div",i,n,s.createElement("span",c,t))),u=re();return s.createElement(o.CSSTransition,m({nodeRef:R},oe),s.createElement("div",ne,a,u))}();return s.createElement(a.Portal,{element:ce,appendTo:T("appendTo"),visible:T("visible")})})));N.displayName="ConfirmPopup",exports.ConfirmPopup=N,exports.confirmPopup=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=x(x({},e),{visible:void 0===e.visible||e.visible})).visible&&i.OverlayService.emit("confirm-popup",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.OverlayService.emit("confirm-popup",x(x(x({},e),t),{visible:!0}))},hide:function(){i.OverlayService.emit("confirm-popup",{visible:!1})}}};

package/confirmpopup/confirmpopup.d.ts

@@ -122,6 +122,11 @@ interface ConfirmPopupOptions {
      * @defaultValue No
      */
     rejectLabel: string;
+    /**
+     * Element to receive the focus when the dialog gets visible, valid values are "accept" and "reject".
+     * @defaultValue accept
+     */
+    defaultFocus: string;
     /**
      * Default element created by the component.
      */
@@ -178,6 +183,11 @@ export interface ConfirmPopupProps {
      * @defaultValue false
      */
     visible?: boolean | undefined;
+    /**
+     * Element to receive the focus when the dialog gets visible, valid values are "accept" and "reject".
+     * @defaultValue accept
+     */
+    defaultFocus?: string | undefined;
     /**
      * Message of the confirmation.
      */
@@ -224,7 +234,7 @@ export interface ConfirmPopupProps {
      * 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);
     /**
      * Enables to hide the popup when outside is clicked.
      * @defaultValue true
@@ -284,7 +294,7 @@ export interface ConfirmPopupProps {
      * @param {ContentProps} props - The values of dialog.
      * @return {React.ReactNode}
      */
-    content: React.ReactNode | ((props: ContentProps) => React.ReactNode);
+    content?: React.ReactNode | ((props: ContentProps) => React.ReactNode);
 }
 
 /**

package/confirmpopup/confirmpopup.esm.js

@@ -4,10 +4,10 @@ import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useUpdateEffect, useUnmountEffect as useUnmountEffect$1 } from 'primereact/hooks';
+import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ObjectUtils, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, ZIndexUtils, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -149,29 +149,30 @@ var classes = {
 var ConfirmPopupBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ConfirmPopup',
-    tagKey: undefined,
-    target: null,
-    visible: false,
-    message: null,
-    rejectLabel: null,
-    acceptLabel: null,
-    icon: null,
-    rejectIcon: null,
-    acceptIcon: null,
-    rejectClassName: null,
+    accept: null,
     acceptClassName: null,
-    className: null,
-    style: null,
+    acceptIcon: null,
+    acceptLabel: null,
     appendTo: null,
+    children: undefined,
+    className: null,
+    closeOnEscape: true,
+    defaultFocus: 'accept',
     dismissable: true,
     footer: null,
-    onShow: null,
+    icon: null,
+    message: null,
     onHide: null,
-    accept: null,
+    onShow: null,
     reject: null,
+    rejectClassName: null,
+    rejectIcon: null,
+    rejectLabel: null,
+    style: null,
+    tagKey: undefined,
+    target: null,
     transitionOptions: null,
-    children: undefined,
-    closeOnEscape: true
+    visible: false
   },
   css: {
     classes: classes,
@@ -179,106 +180,6 @@ var ConfirmPopupBase = ComponentBase.extend({
   }
 });
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React.useRef(undefined);
-  React.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React.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.useRef(null);
-  var listenerRef = React.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 (ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = 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.useEffect(function () {
-    if (when) {
-      targetRef.current = DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React.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.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 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 confirmPopup = function confirmPopup() {
@@ -304,6 +205,7 @@ var confirmPopup = function confirmPopup() {
   };
 };
 var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ConfirmPopupBase.getProps(inProps, context);
   var _React$useState = React.useState(props.visible),
@@ -350,8 +252,15 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var acceptLabel = getPropValue('acceptLabel') || localeOption('accept');
   var rejectLabel = getPropValue('rejectLabel') || localeOption('reject');
-  useOnEscapeKey(overlayRef, props.dismissable && props.closeOnEscape, function (event) {
-    hide('hide');
+  var displayOrder = useDisplayOrder('dialog', visibleState);
+  useGlobalOnEscapeKey({
+    callback: function callback() {
+      if (props.dismissable && props.closeOnEscape) {
+        hide('hide');
+      }
+    },
+    when: visibleState && displayOrder,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useOverlayListener = useOverlayListener({
       target: getPropValue('target'),
@@ -428,8 +337,12 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var onEntered = function onEntered() {
     bindOverlayListener();
-    if (acceptBtnRef.current) {
-      acceptBtnRef.current.focus();
+    var defaultFocus = getPropValue('defaultFocus');
+    if (defaultFocus === undefined || defaultFocus === 'accept') {
+      acceptBtnRef.current && acceptBtnRef.current.focus();
+    }
+    if (defaultFocus === 'reject') {
+      rejectBtnRef.current && rejectBtnRef.current.focus();
     }
     callbackFromProp('onShow');
   };
@@ -488,7 +401,7 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   useUpdateEffect(function () {
     reshowState && show();
   }, [reshowState]);
-  useUnmountEffect$1(function () {
+  useUnmountEffect(function () {
     if (overlayEventListener.current) {
       OverlayService.off('overlay-click', overlayEventListener.current);
       overlayEventListener.current = null;