primereact 10.2.1 → 10.3.1

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 { 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, mergeProps, 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,104 +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 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 () {
-    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options]);
-  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() {
@@ -328,6 +231,7 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   });
   var overlayRef = React.useRef(null);
   var acceptBtnRef = React.useRef(null);
+  var rejectBtnRef = React.useRef(null);
   var isPanelClicked = React.useRef(false);
   var overlayEventListener = React.useRef(null);
   var confirmProps = React.useRef(null);
@@ -347,8 +251,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,
+    priority: [ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
   });
   var _useOverlayListener = useOverlayListener({
       target: getPropValue('target'),
@@ -388,16 +299,20 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
   };
   var show = function show() {
-    // Remember the focused element before we opened the dialog
-    // so we can return focus to it once we close the dialog.
-    focusElementOnHide.current = document.activeElement;
-    setVisibleState(true);
+    var currentProps = getCurrentProps();
     setReshowState(false);
-    isCallbackExecuting.current = false;
-    overlayEventListener.current = function (e) {
-      !isOutsideClicked(e.target) && (isPanelClicked.current = true);
-    };
-    OverlayService.on('overlay-click', overlayEventListener.current);
+    if (currentProps.group === props.group) {
+      setVisibleState(true);
+      isCallbackExecuting.current = false;
+      overlayEventListener.current = function (e) {
+        !isOutsideClicked(e.target) && (isPanelClicked.current = true);
+      };
+      OverlayService.on('overlay-click', overlayEventListener.current);
+
+      // Remember the focused element before we opened the dialog
+      // so we can return focus to it once we close the dialog.
+      focusElementOnHide.current = document.activeElement;
+    }
   };
   var hide = function hide(result) {
     setVisibleState(false);
@@ -421,8 +336,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');
   };
@@ -481,7 +400,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;
@@ -521,6 +440,7 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       className: cx('footer')
     }, ptm('footer'));
     var rejectButtonProps = mergeProps({
+      ref: rejectBtnRef,
       label: rejectLabel,
       icon: getPropValue('rejectIcon'),
       className: cx('rejectButton', {
@@ -564,38 +484,51 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
     return content;
   };
+  var rootProps = mergeProps({
+    ref: overlayRef,
+    id: getPropValue('id'),
+    className: cx('root', {
+      context: context,
+      getPropValue: getPropValue
+    }),
+    style: getPropValue('style'),
+    onClick: onPanelClick
+  }, ConfirmPopupBase.getOtherProps(props), ptm('root'));
+  var transitionProps = mergeProps({
+    classNames: cx('transition'),
+    "in": visibleState,
+    timeout: {
+      enter: 120,
+      exit: 100
+    },
+    options: getPropValue('transitionOptions'),
+    unmountOnExit: true,
+    onEnter: onEnter,
+    onEntered: onEntered,
+    onExit: onExit,
+    onExited: onExited
+  }, ptm('transition'));
+  var createTemplateElement = function createTemplateElement() {
+    var currentProps = getCurrentProps();
+    var message = ObjectUtils.getJSXElement(getPropValue('message'), currentProps);
+    var templateElementProps = {
+      message: message,
+      acceptBtnRef: acceptBtnRef,
+      rejectBtnRef: rejectBtnRef,
+      hide: hide
+    };
+    return /*#__PURE__*/React.createElement(CSSTransition, _extends({
+      nodeRef: overlayRef
+    }, transitionProps), /*#__PURE__*/React.createElement("div", rootProps, ObjectUtils.getJSXElement(inProps.content, templateElementProps)));
+  };
   var createElement = function createElement() {
     var content = createContent();
     var footer = createFooter();
-    var rootProps = mergeProps({
-      ref: overlayRef,
-      id: getPropValue('id'),
-      className: cx('root', {
-        context: context,
-        getPropValue: getPropValue
-      }),
-      style: getPropValue('style'),
-      onClick: onPanelClick
-    }, ConfirmPopupBase.getOtherProps(props), ptm('root'));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      "in": visibleState,
-      timeout: {
-        enter: 120,
-        exit: 100
-      },
-      options: getPropValue('transitionOptions'),
-      unmountOnExit: true,
-      onEnter: onEnter,
-      onEntered: onEntered,
-      onExit: onExit,
-      onExited: onExited
-    }, ptm('transition'));
     return /*#__PURE__*/React.createElement(CSSTransition, _extends({
       nodeRef: overlayRef
     }, transitionProps), /*#__PURE__*/React.createElement("div", rootProps, content, footer));
   };
-  var element = createElement();
+  var element = inProps !== null && inProps !== void 0 && inProps.content ? createTemplateElement() : createElement();
   return /*#__PURE__*/React.createElement(Portal, {
     element: element,
     appendTo: getPropValue('appendTo'),

package/confirmpopup/confirmpopup.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{Button as o}from"primereact/button";import{ComponentBase as c,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as u}from"primereact/csstransition";import{useOverlayListener as p,useUpdateEffect as a,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as s}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{classNames as m,DomHandler as b,ObjectUtils as d,ZIndexUtils as v,mergeProps as y,IconUtils as g}from"primereact/utils";function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},j.apply(this,arguments)}function h(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,i,u=[],p=!0,a=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;p=!1}else for(;!(p=(r=c.call(n)).done)&&(u.push(r.value),u.length!==t);p=!0);}catch(e){a=!0,o=e}finally{try{if(!p&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(a)throw o}}return u}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||E(e,t)||w(e,t)||P()}function x(e){return x="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},x(e)}function N(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=N(e,"string");return"symbol"===x(t)?t:String(t)}var I=c.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 n=e.context;return m("p-confirm-popup p-component",(0,e.getPropValue)("className"),{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},acceptButton:function(e){return m("p-confirm-popup-accept p-button-sm",(0,e.getPropValue)("acceptClassName"))},rejectButton:function(e){var t=e.getPropValue;return m("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'}}),k=function(t){var n,r,o,c=t.target,i=void 0===c?"document":c,u=t.type,p=t.listener,a=t.options,l=t.when,s=void 0===l||l,f=e.useRef(null),m=e.useRef(null),v=(n=a,r=e.useRef(void 0),e.useEffect((function(){r.current=n})),r.current),y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};d.isNotEmpty(e.target)&&(g(),(e.when||s)&&(f.current=b.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return p&&p(e)},f.current.addEventListener(u,m.current,a))},g=function(){m.current&&(f.current.removeEventListener(u,m.current,a),m.current=null)};return e.useEffect((function(){s?f.current=b.getTargetElement(i):(g(),f.current=null)}),[i,s]),e.useEffect((function(){!m.current||m.current===p&&v===a||(g(),s&&y())}),[p,a]),o=function(){g()},e.useEffect((function(){return o}),[]),[y,g]},R=function(t,n,r){var o=S(k({type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}),2),c=o[0],i=o[1];return e.useEffect((function(){if(n&&t.current)return c(),function(){i()}})),[t,r]};function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){var r,o,c;r=e,c=n[t],(o=C(o=t))in r?Object.defineProperty(r,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):r[o]=c})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=A(A({},e),{visible:void 0===e.visible||e.visible})).visible&&s.emit("confirm-popup",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s.emit("confirm-popup",A(A(A({},e),t),{visible:!0}))},hide:function(){s.emit("confirm-popup",{visible:!1})}}},V=e.memo(e.forwardRef((function(c,h){var E=e.useContext(n),O=I.getProps(c,E),w=S(e.useState(O.visible),2),P=w[0],x=w[1],N=S(e.useState(!1),2),C=N[0],k=N[1],L={props:O,state:{visible:P,reshow:C}},T=I.setMetaData(L),V=T.ptm,B=T.cx,_=T.isUnstyled;i(I.css.styles,_,{name:"confirmpopup"});var D=e.useRef(null),M=e.useRef(null),H=e.useRef(!1),J=e.useRef(null),K=e.useRef(null),U=e.useRef(null),X=e.useRef(!1),z=function(){return K.current||O},Z=function(e){return(K.current||O)[e]},Y=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return d.getPropValue(Z(e),n)},$=Z("acceptLabel")||r("accept"),q=Z("rejectLabel")||r("reject");R(D,O.dismissable&&O.closeOnEscape,(function(e){re("hide")}));var F=S(p({target:Z("target"),overlay:D,listener:function(e,t){t.valid&&("outside"===t.type?O.dismissable&&!H.current&&re("hide"):re("hide")),H.current=!1},when:P}),2),G=F[0],Q=F[1],W=function(e){H.current=!0,s.emit("overlay-click",{originalEvent:e,target:Z("target")})},ee=function(){X.current||(X.current=!0,Y("accept"),re("accept"))},te=function(){X.current||(X.current=!0,Y("reject"),re("reject"))},ne=function(){U.current=document.activeElement,x(!0),k(!1),X.current=!1,J.current=function(e){!ae(e.target)&&(H.current=!0)},s.on("overlay-click",J.current)},re=function(e){x(!1),s.off("overlay-click",J.current),J.current=null,e&&Y("onHide",e),b.focus(U.current),U.current=null},oe=function(){v.set("overlay",D.current,E&&E.autoZIndex||t.autoZIndex,E&&E.zIndex.overlay||t.zIndex.overlay),b.addStyles(D.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),pe()},ce=function(){G(),M.current&&M.current.focus(),Y("onShow")},ie=function(){Q()},ue=function(){v.clear(D.current),H.current=!1},pe=function(){if(Z("target")){b.absolutePosition(D.current,Z("target"));var e=b.getOffset(D.current),t=b.getOffset(Z("target")),n=0;e.left<t.left&&(n=t.left-e.left),D.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&!_()&&b.addClass(D.current,"p-confirm-popup-flipped")}},ae=function(e){return D&&D.current&&!(D.current.isSameNode(e)||D.current.contains(e))},le=function(e){if(e.tagKey===O.tagKey){var t=P!==e.visible;Z("target")!==e.target&&!O.target?(re(),K.current=e,k(!0)):t&&(K.current=e,e.visible?ne():re())}};e.useEffect((function(){O.visible?ne():re()}),[O.visible]),e.useEffect((function(){return O.target||O.message||s.on("confirm-popup",le),function(){s.off("confirm-popup",le)}}),[O.target]),a((function(){C&&ne()}),[C]),l((function(){J.current&&(s.off("overlay-click",J.current),J.current=null),s.off("confirm-popup",le),v.clear(D.current)})),e.useImperativeHandle(h,(function(){return{props:O,confirm:le}}));var se,fe,me,be,de,ve,ye,ge,je,he,Ee=function(){var t=m("p-confirm-popup-accept p-button-sm",Z("acceptClassName")),n=m("p-confirm-popup-reject p-button-sm",{"p-button-text":!Z("rejectClassName")},Z("rejectClassName")),r=y({className:B("footer")},V("footer")),c=y({label:q,icon:Z("rejectIcon"),className:B("rejectButton",{getPropValue:Z}),onClick:te,pt:V("rejectButton"),unstyled:O.unstyled,__parentMetadata:{parent:L}}),i=y({ref:M,label:$,icon:Z("acceptIcon"),className:B("acceptButton",{getPropValue:Z}),onClick:ee,pt:V("acceptButton"),unstyled:O.unstyled,__parentMetadata:{parent:L}}),u=e.createElement("div",r,e.createElement(o,c),e.createElement(o,i));if(Z("footer")){var p={accept:ee,reject:te,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:n,acceptLabel:$,rejectLabel:q,element:u,props:z()};return d.getJSXElement(Z("footer"),p)}return u},Oe=(se=z(),fe=d.getJSXElement(Z("message"),se),me=y({className:B("icon")},V("icon")),be=g.getJSXIcon(Z("icon"),A({},me),{props:se}),de=y({className:B("message")},V("message")),ve=y({className:B("content")},V("content")),ye=e.createElement("div",ve,be,e.createElement("span",de,fe)),ge=Ee(),je=y({ref:D,id:Z("id"),className:B("root",{context:E,getPropValue:Z}),style:Z("style"),onClick:W},I.getOtherProps(O),V("root")),he=y({classNames:B("transition"),in:P,timeout:{enter:120,exit:100},options:Z("transitionOptions"),unmountOnExit:!0,onEnter:oe,onEntered:ce,onExit:ie,onExited:ue},V("transition")),e.createElement(u,j({nodeRef:D},he),e.createElement("div",je,ye,ge)));return e.createElement(f,{element:Oe,appendTo:Z("appendTo"),visible:Z("visible")})})));V.displayName="ConfirmPopup";export{V as ConfirmPopup,T as confirmPopup};
+import*as e from"react";import t,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{Button as o}from"primereact/button";import{ComponentBase as c,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useDisplayOrder as p,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as u,useOverlayListener as s,useUpdateEffect as f,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as b}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as v,DomHandler as y,ZIndexUtils as g,mergeProps as j,ObjectUtils as h,IconUtils as O}from"primereact/utils";function E(){return E=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},E.apply(this,arguments)}function S(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,i,a=[],p=!0,l=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;p=!1}else for(;!(p=(n=c.call(r)).done)&&(a.push(n.value),a.length!==t);p=!0);}catch(e){l=!0,o=e}finally{try{if(!p&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return a}}function P(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 x(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}function N(){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 C(e,t){return S(e)||w(e,t)||x(e,t)||N()}function I(e){return I="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},I(e)}function R(e,t){if("object"!==I(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=R(e,"string");return"symbol"===I(t)?t:String(t)}var A=c.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 r=e.context;return v("p-confirm-popup p-component",(0,e.getPropValue)("className"),{"p-input-filled":r&&"filled"===r.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===t.ripple})},acceptButton:function(e){return v("p-confirm-popup-accept p-button-sm",(0,e.getPropValue)("acceptClassName"))},rejectButton:function(e){var t=e.getPropValue;return v("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 L(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 B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?L(Object(r),!0).forEach((function(t){var n,o,c;n=e,c=r[t],(o=k(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)):L(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=B(B({},e),{visible:void 0===e.visible||e.visible})).visible&&b.emit("confirm-popup",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};b.emit("confirm-popup",B(B(B({},e),t),{visible:!0}))},hide:function(){b.emit("confirm-popup",{visible:!1})}}},V=e.memo(e.forwardRef((function(c,S){var w=e.useContext(r),P=A.getProps(c,w),x=C(e.useState(P.visible),2),N=x[0],I=x[1],R=C(e.useState(!1),2),k=R[0],L=R[1],T={props:P,state:{visible:N,reshow:k}},V=A.setMetaData(T),D=V.ptm,_=V.cx,J=V.isUnstyled;i(A.css.styles,J,{name:"confirmpopup"});var X=e.useRef(null),M=e.useRef(null),H=e.useRef(null),K=e.useRef(!1),z=e.useRef(null),F=e.useRef(null),U=e.useRef(null),Z=e.useRef(!1),G=function(){return F.current||P},Y=function(e){return(F.current||P)[e]},$=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 h.getPropValue(Y(e),r)},q=Y("acceptLabel")||n("accept"),Q=Y("rejectLabel")||n("reject"),W=p("dialog",N);l({callback:function(){P.dismissable&&P.closeOnEscape&&ie("hide")},when:N,priority:[u.DIALOG,W]});var ee=C(s({target:Y("target"),overlay:X,listener:function(e,t){t.valid&&("outside"===t.type?P.dismissable&&!K.current&&ie("hide"):ie("hide")),K.current=!1},when:N}),2),te=ee[0],re=ee[1],ne=function(){Z.current||(Z.current=!0,$("accept"),ie("accept"))},oe=function(){Z.current||(Z.current=!0,$("reject"),ie("reject"))},ce=function(){var e=G();L(!1),e.group===P.group&&(I(!0),Z.current=!1,z.current=function(e){!pe(e.target)&&(K.current=!0)},b.on("overlay-click",z.current),U.current=document.activeElement)},ie=function(e){I(!1),b.off("overlay-click",z.current),z.current=null,e&&$("onHide",e),y.focus(U.current),U.current=null},ae=function(){if(Y("target")){y.absolutePosition(X.current,Y("target"));var e=y.getOffset(X.current),t=y.getOffset(Y("target")),r=0;e.left<t.left&&(r=t.left-e.left),X.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&!J()&&y.addClass(X.current,"p-confirm-popup-flipped")}},pe=function(e){return X&&X.current&&!(X.current.isSameNode(e)||X.current.contains(e))},le=function(e){if(e.tagKey===P.tagKey){var t=N!==e.visible;Y("target")!==e.target&&!P.target?(ie(),F.current=e,L(!0)):t&&(F.current=e,e.visible?ce():ie())}};e.useEffect((function(){P.visible?ce():ie()}),[P.visible]),e.useEffect((function(){return P.target||P.message||b.on("confirm-popup",le),function(){b.off("confirm-popup",le)}}),[P.target]),f((function(){k&&ce()}),[k]),m((function(){z.current&&(b.off("overlay-click",z.current),z.current=null),b.off("confirm-popup",le),g.clear(X.current)})),e.useImperativeHandle(S,(function(){return{props:P,confirm:le}}));var ue,se,fe=function(){var t=v("p-confirm-popup-accept p-button-sm",Y("acceptClassName")),r=v("p-confirm-popup-reject p-button-sm",{"p-button-text":!Y("rejectClassName")},Y("rejectClassName")),n=j({className:_("footer")},D("footer")),c=j({ref:H,label:Q,icon:Y("rejectIcon"),className:_("rejectButton",{getPropValue:Y}),onClick:oe,pt:D("rejectButton"),unstyled:P.unstyled,__parentMetadata:{parent:T}}),i=j({ref:M,label:q,icon:Y("acceptIcon"),className:_("acceptButton",{getPropValue:Y}),onClick:ne,pt:D("acceptButton"),unstyled:P.unstyled,__parentMetadata:{parent:T}}),a=e.createElement("div",n,e.createElement(o,c),e.createElement(o,i));if(Y("footer")){var p={accept:ne,reject:oe,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:r,acceptLabel:q,rejectLabel:Q,element:a,props:G()};return h.getJSXElement(Y("footer"),p)}return a},me=j({ref:X,id:Y("id"),className:_("root",{context:w,getPropValue:Y}),style:Y("style"),onClick:function(e){K.current=!0,b.emit("overlay-click",{originalEvent:e,target:Y("target")})}},A.getOtherProps(P),D("root")),be=j({classNames:_("transition"),in:N,timeout:{enter:120,exit:100},options:Y("transitionOptions"),unmountOnExit:!0,onEnter:function(){g.set("overlay",X.current,w&&w.autoZIndex||t.autoZIndex,w&&w.zIndex.overlay||t.zIndex.overlay),y.addStyles(X.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),ae()},onEntered:function(){te();var e=Y("defaultFocus");void 0!==e&&"accept"!==e||M.current&&M.current.focus(),"reject"===e&&H.current&&H.current.focus(),$("onShow")},onExit:function(){re()},onExited:function(){g.clear(X.current),K.current=!1}},D("transition")),de=null!=c&&c.content?(ue=G(),se={message:h.getJSXElement(Y("message"),ue),acceptBtnRef:M,rejectBtnRef:H,hide:ie},e.createElement(a,E({nodeRef:X},be),e.createElement("div",me,h.getJSXElement(c.content,se)))):function(){var t,r,n,o,c,i,p=(t=G(),r=h.getJSXElement(Y("message"),t),n=j({className:_("icon")},D("icon")),o=O.getJSXIcon(Y("icon"),B({},n),{props:t}),c=j({className:_("message")},D("message")),i=j({className:_("content")},D("content")),e.createElement("div",i,o,e.createElement("span",c,r))),l=fe();return e.createElement(a,E({nodeRef:X},be),e.createElement("div",me,p,l))}();return e.createElement(d,{element:de,appendTo:Y("appendTo"),visible:Y("visible")})})));V.displayName="ConfirmPopup";export{V as ConfirmPopup,T as confirmPopup};