primereact 10.3.0 → 10.3.1

package/confirmdialog/confirmdialog.d.ts

@@ -8,18 +8,20 @@
  *
  */
 import * as React from 'react';
+import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { ButtonPassThroughOptions } from '../button/button';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { DialogProps } from '../dialog';
 import { PassThroughOptions } from '../passthrough';
 import { IconType, PassThroughType } from '../utils';
 
-export declare type ConfirmDialogPassThroughType<T> = PassThroughType<T, ConfirmDialogThroughMethodOptions>;
+export declare type ConfirmDialogPassThroughType<T> = PassThroughType<T, ConfirmDialogPassThroughMethodOptions>;
+export declare type ConfirmDialogPassThroughTransitionType = ReactCSSTransitionProps | ((options: ConfirmDialogPassThroughMethodOptions) => ReactCSSTransitionProps) | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
-export interface ConfirmDialogThroughMethodOptions {
+export interface ConfirmDialogPassThroughMethodOptions {
     props: ConfirmDialogProps;
     state: ConfirmDialogState;
 }
@@ -84,6 +86,10 @@ export interface ConfirmDialogPassThroughOptions {
      * @see {@link ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control React Transition API.
+     */
+    transition?: ConfirmDialogPassThroughTransitionType;
 }
 
 /**
@@ -131,6 +137,11 @@ interface ConfirmDialogOptions {
      * @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.
      */
@@ -194,11 +205,16 @@ export interface ConfirmDialogProps extends Omit<DialogProps, 'onHide' | 'footer
      * Style class of the accept button.
      */
     acceptClassName?: string | undefined;
+    /**
+     * Element to receive the focus when the dialog gets visible, valid values are "accept" and "reject".
+     * @defaultValue accept
+     */
+    defaultFocus?: string | undefined;
     /**
      * 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);
     /**
      * Style class of the element.
      */

package/confirmdialog/confirmdialog.esm.js

@@ -135,24 +135,25 @@ var classes = {
 var ConfirmDialogBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ConfirmDialog',
-    tagKey: undefined,
-    visible: undefined,
-    message: null,
-    rejectLabel: null,
-    acceptLabel: null,
-    icon: null,
-    rejectIcon: null,
-    acceptIcon: null,
-    rejectClassName: null,
+    accept: null,
     acceptClassName: null,
-    className: null,
+    acceptIcon: null,
+    acceptLabel: null,
     appendTo: null,
-    footer: null,
     breakpoints: null,
+    children: undefined,
+    className: null,
+    defaultFocus: 'accept',
+    footer: null,
+    icon: null,
+    message: null,
     onHide: null,
-    accept: null,
     reject: null,
-    children: undefined
+    rejectClassName: null,
+    rejectIcon: null,
+    rejectLabel: null,
+    tagKey: undefined,
+    visible: undefined
   },
   css: {
     classes: classes
@@ -198,10 +199,10 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   var isCallbackExecuting = React.useRef(false);
   var focusElementOnHide = React.useRef(null);
   var getCurrentProps = function getCurrentProps() {
-    return Object.assign(props, confirmProps.current);
+    return confirmProps.current || props;
   };
   var getPropValue = function getPropValue(key) {
-    return Object.assign(props, confirmProps.current)[key];
+    return (confirmProps.current || props)[key];
   };
   var callbackFromProp = function callbackFromProp(key) {
     for (var _len = arguments.length, param = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -294,12 +295,14 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     };
   });
   var createFooter = function createFooter() {
+    var defaultFocus = getPropValue('defaultFocus');
     var acceptClassName = classNames('p-confirm-dialog-accept', getPropValue('acceptClassName'));
     var rejectClassName = classNames('p-confirm-dialog-reject', {
       'p-button-text': !getPropValue('rejectClassName')
     }, getPropValue('rejectClassName'));
     var rejectButtonProps = {
       label: rejectLabel,
+      autoFocus: defaultFocus === 'reject',
       icon: getPropValue('rejectIcon'),
       className: classNames(getPropValue('rejectClassName'), cx('rejectButton', {
         getPropValue: getPropValue
@@ -313,17 +316,17 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     };
     var acceptButtonProps = mergeProps({
       label: acceptLabel,
+      autoFocus: defaultFocus === undefined || defaultFocus === 'accept',
       icon: getPropValue('acceptIcon'),
       className: classNames(getPropValue('acceptClassName'), cx('acceptButton')),
       onClick: accept,
+      pt: ptm('acceptButton'),
       unstyled: props.unstyled,
       __parentMetadata: {
         parent: metaData
       }
     }, ptm('acceptButton'));
-    var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, rejectButtonProps), /*#__PURE__*/React.createElement(Button, _extends({}, acceptButtonProps, {
-      autoFocus: true
-    })));
+    var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, rejectButtonProps), /*#__PURE__*/React.createElement(Button, acceptButtonProps));
     if (getPropValue('footer')) {
       var defaultContentOptions = {
         accept: accept,

package/confirmdialog/confirmdialog.esm.min.js

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

package/confirmdialog/confirmdialog.js

@@ -148,24 +148,25 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
   var ConfirmDialogBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'ConfirmDialog',
-      tagKey: undefined,
-      visible: undefined,
-      message: null,
-      rejectLabel: null,
-      acceptLabel: null,
-      icon: null,
-      rejectIcon: null,
-      acceptIcon: null,
-      rejectClassName: null,
+      accept: null,
       acceptClassName: null,
-      className: null,
+      acceptIcon: null,
+      acceptLabel: null,
       appendTo: null,
-      footer: null,
       breakpoints: null,
+      children: undefined,
+      className: null,
+      defaultFocus: 'accept',
+      footer: null,
+      icon: null,
+      message: null,
       onHide: null,
-      accept: null,
       reject: null,
-      children: undefined
+      rejectClassName: null,
+      rejectIcon: null,
+      rejectLabel: null,
+      tagKey: undefined,
+      visible: undefined
     },
     css: {
       classes: classes
@@ -211,10 +212,10 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
     var isCallbackExecuting = React__namespace.useRef(false);
     var focusElementOnHide = React__namespace.useRef(null);
     var getCurrentProps = function getCurrentProps() {
-      return Object.assign(props, confirmProps.current);
+      return confirmProps.current || props;
     };
     var getPropValue = function getPropValue(key) {
-      return Object.assign(props, confirmProps.current)[key];
+      return (confirmProps.current || props)[key];
     };
     var callbackFromProp = function callbackFromProp(key) {
       for (var _len = arguments.length, param = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -307,12 +308,14 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
       };
     });
     var createFooter = function createFooter() {
+      var defaultFocus = getPropValue('defaultFocus');
       var acceptClassName = utils.classNames('p-confirm-dialog-accept', getPropValue('acceptClassName'));
       var rejectClassName = utils.classNames('p-confirm-dialog-reject', {
         'p-button-text': !getPropValue('rejectClassName')
       }, getPropValue('rejectClassName'));
       var rejectButtonProps = {
         label: rejectLabel,
+        autoFocus: defaultFocus === 'reject',
         icon: getPropValue('rejectIcon'),
         className: utils.classNames(getPropValue('rejectClassName'), cx('rejectButton', {
           getPropValue: getPropValue
@@ -326,17 +329,17 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
       };
       var acceptButtonProps = utils.mergeProps({
         label: acceptLabel,
+        autoFocus: defaultFocus === undefined || defaultFocus === 'accept',
         icon: getPropValue('acceptIcon'),
         className: utils.classNames(getPropValue('acceptClassName'), cx('acceptButton')),
         onClick: accept,
+        pt: ptm('acceptButton'),
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
         }
       }, ptm('acceptButton'));
-      var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(button.Button, rejectButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({}, acceptButtonProps, {
-        autoFocus: true
-      })));
+      var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(button.Button, rejectButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, acceptButtonProps));
       if (getPropValue('footer')) {
         var defaultContentOptions = {
           accept: accept,

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 P=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 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],v=m[1],g=y(p.useState(!1),2),d=g[0],j=g[1],O=p.useRef(null),h=p.useRef(!1),S=p.useRef(null),C=function(){return O.current||s},E=function(e){return(O.current||s)[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"),B={props:s,state:{visible:b}},I=P.setMetaData(B),k=I.ptm,T=I.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&&(v(!0),h.current=!1,S.current=document.activeElement)},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";v(!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,F,H,J,K,V,X,z=function(){var e=E("defaultFocus"),t=l.classNames("p-confirm-dialog-accept",E("acceptClassName")),r=l.classNames("p-confirm-dialog-reject",{"p-button-text":!E("rejectClassName")},E("rejectClassName")),o={label:_,autoFocus:"reject"===e,icon:E("rejectIcon"),className:l.classNames(E("rejectClassName"),T("rejectButton",{getPropValue:E})),onClick:A,pt:k("rejectButton"),unstyled:s.unstyled,__parentMetadata:{parent:B}},a=l.mergeProps({label:D,autoFocus:void 0===e||"accept"===e,icon:E("acceptIcon"),className:l.classNames(E("acceptClassName"),T("acceptButton")),onClick:x,pt:k("acceptButton"),unstyled:s.unstyled,__parentMetadata:{parent:B}},k("acceptButton")),c=p.createElement(p.Fragment,null,p.createElement(n.Button,o),p.createElement(n.Button,a));if(E("footer")){var i={accept:x,reject:A,acceptClassName:t,rejectClassName:r,acceptLabel:D,rejectLabel:_,element:c,props:C()};return l.ObjectUtils.getJSXElement(E("footer"),i)}return c},Y=(R=C(),F=l.ObjectUtils.getJSXElement(E("message"),R),H=l.mergeProps({className:T("icon")},k("icon")),J=l.IconUtils.getJSXIcon(E("icon"),N({},H),{props:R}),K=z(),V=l.mergeProps({className:T("message")},k("message")),X=l.mergeProps({visible:b,className:l.classNames(E("className"),T("root")),footer:K,onHide:U,breakpoints:E("breakpoints"),pt:R.pt,unstyled:s.unstyled,appendTo:E("appendTo"),__parentMetadata:{parent:B}},P.getOtherProps(R)),p.createElement(o.Dialog,f({},X,{content:null==e?void 0:e.content}),J,p.createElement("span",V,F)));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);

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() {
@@ -377,8 +278,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,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({
       target: getPropValue('target'),
@@ -455,8 +363,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');
   };

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 P(e){var t=S(e,"string");return"symbol"===j(t)?t:String(t)}var h=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 E(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?E(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)):E(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=s.useContext(t.PrimeReactContext),d=h.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],S=g[1],P={props:d,state:{visible:b,reshow:j}},E=h.setMetaData(P),N=E.ptm,w=E.cx,C=E.isUnstyled;n.useHandleStyle(h.css.styles,C,{name:"confirmpopup"});var I=s.useRef(null),R=s.useRef(null),D=s.useRef(null),U=s.useRef(!1),_=s.useRef(null),k=s.useRef(null),A=s.useRef(null),B=s.useRef(!1),H=function(){return k.current||d},L=function(e){return(k.current||d)[e]},T=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(L(e),r)},q=L("acceptLabel")||t.localeOption("accept"),V=L("rejectLabel")||t.localeOption("reject"),M=c.useDisplayOrder("dialog",b);c.useGlobalOnEscapeKey({callback:function(){d.dismissable&&d.closeOnEscape&&F("hide")},when:b,priority:[c.ESC_KEY_HANDLING_PRIORITIES.DIALOG,M]});var J=O(c.useOverlayListener({target:L("target"),overlay:I,listener:function(e,t){t.valid&&("outside"===t.type?d.dismissable&&!U.current&&F("hide"):F("hide")),U.current=!1},when:b}),2),K=J[0],X=J[1],Z=function(){B.current||(B.current=!0,T("accept"),F("accept"))},z=function(){B.current||(B.current=!0,T("reject"),F("reject"))},G=function(){var e=H();S(!1),e.group===d.group&&(y(!0),B.current=!1,_.current=function(e){!$(e.target)&&(U.current=!0)},i.OverlayService.on("overlay-click",_.current),A.current=document.activeElement)},F=function(e){y(!1),i.OverlayService.off("overlay-click",_.current),_.current=null,e&&T("onHide",e),l.DomHandler.focus(A.current),A.current=null},Y=function(){if(L("target")){l.DomHandler.absolutePosition(I.current,L("target"));var e=l.DomHandler.getOffset(I.current),t=l.DomHandler.getOffset(L("target")),r=0;e.left<t.left&&(r=t.left-e.left),I.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&!C()&&l.DomHandler.addClass(I.current,"p-confirm-popup-flipped")}},$=function(e){return I&&I.current&&!(I.current.isSameNode(e)||I.current.contains(e))},Q=function(e){if(e.tagKey===d.tagKey){var t=b!==e.visible;L("target")!==e.target&&!d.target?(F(),k.current=e,S(!0)):t&&(k.current=e,e.visible?G():F())}};s.useEffect((function(){d.visible?G():F()}),[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&&G()}),[j]),c.useUnmountEffect((function(){_.current&&(i.OverlayService.off("overlay-click",_.current),_.current=null),i.OverlayService.off("confirm-popup",Q),l.ZIndexUtils.clear(I.current)})),s.useImperativeHandle(u,(function(){return{props:d,confirm:Q}}));var W,ee,te=function(){var e=l.classNames("p-confirm-popup-accept p-button-sm",L("acceptClassName")),t=l.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!L("rejectClassName")},L("rejectClassName")),n=l.mergeProps({className:w("footer")},N("footer")),o=l.mergeProps({ref:D,label:V,icon:L("rejectIcon"),className:w("rejectButton",{getPropValue:L}),onClick:z,pt:N("rejectButton"),unstyled:d.unstyled,__parentMetadata:{parent:P}}),c=l.mergeProps({ref:R,label:q,icon:L("acceptIcon"),className:w("acceptButton",{getPropValue:L}),onClick:Z,pt:N("acceptButton"),unstyled:d.unstyled,__parentMetadata:{parent:P}}),i=s.createElement("div",n,s.createElement(r.Button,o),s.createElement(r.Button,c));if(L("footer")){var a={accept:Z,reject:z,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:q,rejectLabel:V,element:i,props:H()};return l.ObjectUtils.getJSXElement(L("footer"),a)}return i},re=l.mergeProps({ref:I,id:L("id"),className:w("root",{context:p,getPropValue:L}),style:L("style"),onClick:function(e){U.current=!0,i.OverlayService.emit("overlay-click",{originalEvent:e,target:L("target")})}},h.getOtherProps(d),N("root")),ne=l.mergeProps({classNames:w("transition"),in:b,timeout:{enter:120,exit:100},options:L("transitionOptions"),unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",I.current,p&&p.autoZIndex||f.default.autoZIndex,p&&p.zIndex.overlay||f.default.zIndex.overlay),l.DomHandler.addStyles(I.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),Y()},onEntered:function(){K();var e=L("defaultFocus");void 0!==e&&"accept"!==e||R.current&&R.current.focus(),"reject"===e&&D.current&&D.current.focus(),T("onShow")},onExit:function(){X()},onExited:function(){l.ZIndexUtils.clear(I.current),U.current=!1}},N("transition")),oe=null!=e&&e.content?(W=H(),ee={message:l.ObjectUtils.getJSXElement(L("message"),W),acceptBtnRef:R,rejectBtnRef:D,hide:F},s.createElement(o.CSSTransition,m({nodeRef:I},ne),s.createElement("div",re,l.ObjectUtils.getJSXElement(e.content,ee)))):function(){var e,t,r,n,c,i,a=(e=H(),t=l.ObjectUtils.getJSXElement(L("message"),e),r=l.mergeProps({className:w("icon")},N("icon")),n=l.IconUtils.getJSXIcon(L("icon"),x({},r),{props:e}),c=l.mergeProps({className:w("message")},N("message")),i=l.mergeProps({className:w("content")},N("content")),s.createElement("div",i,n,s.createElement("span",c,t))),u=te();return s.createElement(o.CSSTransition,m({nodeRef:I},ne),s.createElement("div",re,a,u))}();return s.createElement(a.Portal,{element:oe,appendTo:L("appendTo"),visible:L("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);
 }
 
 /**