primereact 8.7.3 → 9.0.0-rc.1

package/confirmpopup/confirmpopup.d.ts

@@ -1,55 +1,198 @@
+/**
+ *
+ * ConfirmPopup displays a confirmation overlay displayed relatively to its target.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/confirmpopup)
+ *
+ * @module confirmpopup
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 
-type ConfirmPopupTemplateType = React.ReactNode | ((options: ConfirmPopupOptions) => React.ReactNode);
-
-type ConfirmPopupAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Custom confirm popup options
+ * @group Misc
+ */
 interface ConfirmPopupOptions {
+    /**
+     * Callback to execute when action is confirmed.
+     */
     accept(): void;
+    /**
+     * Callback to execute when action is rejected.
+     */
     reject(): void;
+    /**
+     * Style class of the component.
+     */
     className: string;
+    /**
+     * Style class of the accept button.
+     */
     acceptClassName: string;
+    /**
+     * Style class of the reject button.
+     */
     rejectClassName: string;
+    /**
+     * Label of the accept button.
+     * @defaultValue Yes
+     */
     acceptLabel: string;
+    /**
+     * Label of the reject button.
+     * @defaultValue No
+     */
     rejectLabel: string;
+    /**
+     * Default element created by the component.
+     */
     element: React.ReactNode;
+    /**
+     * All component props
+     * @type {ConfirmPopupProps}
+     */
     props: ConfirmPopupProps;
+    /**
+     * Extra options
+     */
     [key: string]: any;
 }
 
+/**
+ * Defines valid properties in ConfirmPopup component.
+ * @group Properties
+ */
 export interface ConfirmPopupProps {
-    tagKey?: string;
-    target?: HTMLElement;
-    visible?: boolean;
-    message?: ConfirmPopupTemplateType;
-    rejectLabel?: string;
-    acceptLabel?: string;
-    icon?: IconType<ConfirmPopupProps>;
-    rejectIcon?: IconType<ConfirmPopupProps>;
-    acceptIcon?: IconType<ConfirmPopupProps>;
-    rejectClassName?: string;
-    acceptClassName?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    appendTo?: ConfirmPopupAppendToType;
-    dismissable?: boolean;
-    footer?: ConfirmPopupTemplateType;
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * Unique tag key used to separate the confirmPopup components in the page.
+     */
+    tagKey?: string | undefined;
+    /**
+     * Target element to align the popup.
+     */
+    target?: HTMLElement | undefined;
+    /**
+     * Specifies the visibility of the confirm popup.
+     * @defaultValue false
+     */
+    visible?: boolean | undefined;
+    /**
+     * Message of the confirmation.
+     */
+    message?: React.ReactNode | ((options: ConfirmPopupOptions) => React.ReactNode);
+    /**
+     * Label of the reject button.
+     * @defaultValue No
+     */
+    rejectLabel?: string | undefined;
+    /**
+     * Label of the accept button.
+     * @defaultValue Yes
+     */
+    acceptLabel?: string | undefined;
+    /**
+     * Icon to display next to the message.
+     */
+    icon?: IconType<ConfirmPopupProps> | undefined;
+    /**
+     * Icon of the reject button.
+     */
+    rejectIcon?: IconType<ConfirmPopupProps> | undefined;
+    /**
+     * Icon of the accept button.
+     */
+    acceptIcon?: IconType<ConfirmPopupProps> | undefined;
+    /**
+     * Style class of the reject button.
+     */
+    rejectClassName?: string | undefined;
+    /**
+     * Style class of the accept button.
+     */
+    acceptClassName?: string | undefined;
+    /**
+     * Style class of the element.
+     */
+    className?: string | undefined;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | 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;
+    /**
+     * Enables to hide the popup when outside is clicked.
+     * @defaultValue true
+     */
+    dismissable?: boolean | undefined;
+    /**
+     * Footer content of the confirm popup.
+     */
+    footer?: React.ReactNode | ((options: ConfirmPopupOptions) => React.ReactNode);
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when overlay panel becomes visible.
+     */
     onShow?(): void;
+    /**
+     * Callback to invoke when confirm popup is hidden.
+     */
     onHide?(result: string): void;
+    /**
+     * Callback to execute when action is confirmed.
+     */
     accept?(): void;
+    /**
+     * Callback to execute when action is rejected.
+     */
     reject?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * Object returned by the {@link confirmPopup} method.
+ * @group Misc
+ */
 interface ConfirmPopupReturn {
+    /**
+     * Used to show the popup.
+     */
     show(): void;
+    /**
+     * Used to hide the popup.
+     */
     hide(): void;
 }
 
+/**
+ * **PrimeReact - ConfirmPopup**
+ *
+ * _ConfirmPopup displays a confirmation overlay displayed relatively to its target._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/confirmpopup/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ConfirmPopup extends React.Component<ConfirmPopupProps, any> {
+    /**
+     * Used to call/update the component manually
+     * @param {ConfirmPopupProps} props - All component props
+     */
     public confirm(props?: ConfirmPopupProps): void;
 }
 

package/confirmpopup/confirmpopup.esm.js

@@ -5,7 +5,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useOverlayListener, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { ZIndexUtils, ObjectUtils, classNames, DomHandler, IconUtils } from 'primereact/utils';
+import { ObjectUtils, ZIndexUtils, classNames, DomHandler, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -40,9 +40,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -58,9 +56,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -122,6 +118,40 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+var ConfirmPopupBase = {
+  defaultProps: {
+    __TYPE: 'ConfirmPopup',
+    tagKey: undefined,
+    target: null,
+    visible: false,
+    message: null,
+    rejectLabel: null,
+    acceptLabel: null,
+    icon: null,
+    rejectIcon: null,
+    acceptIcon: null,
+    rejectClassName: null,
+    acceptClassName: null,
+    className: null,
+    style: null,
+    appendTo: null,
+    dismissable: true,
+    footer: null,
+    onShow: null,
+    onHide: null,
+    accept: null,
+    reject: null,
+    transitionOptions: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, ConfirmPopupBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, ConfirmPopupBase.defaultProps);
+  }
+};
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var confirmPopup = function confirmPopup() {
@@ -146,7 +176,8 @@ var confirmPopup = function confirmPopup() {
     hide: hide
   };
 };
-var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = ConfirmPopupBase.getProps(inProps);
   var _React$useState = React.useState(props.visible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -181,7 +212,7 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         var type = _ref.type,
           valid = _ref.valid;
         if (valid) {
-          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
+          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide('hide') : hide('hide');
         }
         isPanelClicked.current = false;
       },
@@ -351,8 +382,11 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return content;
   };
   var createElement = function createElement() {
-    var otherProps = ObjectUtils.findDiffKeys(props, ConfirmPopup.defaultProps);
-    var className = classNames('p-confirm-popup p-component', getPropValue('className'));
+    var otherProps = ConfirmPopupBase.getOtherProps(props);
+    var className = classNames('p-confirm-popup p-component', getPropValue('className'), {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     var content = createContent();
     var footer = createFooter();
     return /*#__PURE__*/React.createElement(CSSTransition, {
@@ -386,29 +420,5 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   });
 }));
 ConfirmPopup.displayName = 'ConfirmPopup';
-ConfirmPopup.defaultProps = {
-  __TYPE: 'ConfirmPopup',
-  tagKey: undefined,
-  target: null,
-  visible: false,
-  message: null,
-  rejectLabel: null,
-  acceptLabel: null,
-  icon: null,
-  rejectIcon: null,
-  acceptIcon: null,
-  rejectClassName: null,
-  acceptClassName: null,
-  className: null,
-  style: null,
-  appendTo: null,
-  dismissable: true,
-  footer: null,
-  onShow: null,
-  onHide: null,
-  accept: null,
-  reject: null,
-  transitionOptions: null
-};
 
 export { ConfirmPopup, confirmPopup };

package/confirmpopup/confirmpopup.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as r}from"primereact/api";import{Button as n}from"primereact/button";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as c,useUpdateEffect as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{ZIndexUtils as p,ObjectUtils as f,classNames as s,DomHandler as m,IconUtils as b}from"primereact/utils";function v(){return v=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},v.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,i,l=[],a=!0,u=!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)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function d(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 d(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)?d(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 y(e)||g(e,t)||j(e,t)||O()}function E(e){return E="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},E(e)}function S(e,t){if("object"!==E(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==E(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=S(e,"string");return"symbol"===E(t)?t:String(t)}function N(e,t,r){return(t=w(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){N(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=C(C({},e),{visible:void 0===e.visible||e.visible})).visible&&a.emit("confirm-popup",e);var t=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a.emit("confirm-popup",C(C(C({},e),t),{visible:!0}))},r=function(){a.emit("confirm-popup",{visible:!1})};return{show:t,hide:r}},x=e.memo(e.forwardRef((function(y,g){var d=h(e.useState(y.visible),2),j=d[0],O=d[1],E=h(e.useState(!1),2),S=E[0],w=E[1],N=e.useRef(null),P=e.useRef(null),C=e.useRef(!1),I=e.useRef(null),k=e.useRef(null),A=function(){return k.current||y},L=function(e){return(k.current||y)[e]},R=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 f.getPropValue(L(e),r)},T=L("acceptLabel")||r("accept"),D=L("rejectLabel")||r("reject"),K=h(c({target:L("target"),overlay:N,listener:function(e,t){t.valid&&("outside"===t.type?y.dismissable&&!C.current&&U():U()),C.current=!1},when:j}),2),H=K[0],J=K[1],X=function(e){C.current=!0,a.emit("overlay-click",{originalEvent:e,target:L("target")})},_=function(){R("accept"),U("accept")},z=function(){R("reject"),U("reject")},M=function(){O(!0),w(!1),I.current=function(e){!B(e.target)&&(C.current=!0)},a.on("overlay-click",I.current)},U=function(e){O(!1),a.off("overlay-click",I.current),I.current=null,e&&R("onHide",e)},V=function(){p.set("overlay",N.current,t.autoZIndex,t.zIndex.overlay),q()},Y=function(){H(),P.current&&P.current.focus(),R("onShow")},Z=function(){J()},$=function(){p.clear(N.current),C.current=!1},q=function(){if(L("target")){m.absolutePosition(N.current,L("target"));var e=m.getOffset(N.current),t=m.getOffset(L("target")),r=0;e.left<t.left&&(r=t.left-e.left),N.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&m.addClass(N.current,"p-confirm-popup-flipped")}},B=function(e){return N&&N.current&&!(N.current.isSameNode(e)||N.current.contains(e))},F=function(e){if(e.tagKey===y.tagKey){var t=j!==e.visible;L("target")!==e.target&&!y.target?(U(),k.current=e,w(!0)):t&&(k.current=e,e.visible?M():U())}};e.useEffect((function(){y.visible?M():U()}),[y.visible]),e.useEffect((function(){return y.target||y.message||a.on("confirm-popup",F),function(){a.off("confirm-popup",F)}}),[y.target]),i((function(){S&&M()}),[S]),l((function(){I.current&&(a.off("overlay-click",I.current),I.current=null),a.off("confirm-popup",F),p.clear(N.current)})),e.useImperativeHandle(g,(function(){return{props:y,confirm:F}}));var G,Q,W,ee,te,re,ne,oe=function(){var t=s("p-confirm-popup-accept p-button-sm",L("acceptClassName")),r=s("p-confirm-popup-reject p-button-sm",{"p-button-text":!L("rejectClassName")},L("rejectClassName")),o=e.createElement("div",{className:"p-confirm-popup-footer"},e.createElement(n,{label:D,icon:L("rejectIcon"),className:r,onClick:z}),e.createElement(n,{ref:P,label:T,icon:L("acceptIcon"),className:t,onClick:_}));if(L("footer")){var c={accept:_,reject:z,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:r,acceptLabel:T,rejectLabel:D,element:o,props:A()};return f.getJSXElement(L("footer"),c)}return o},ce=(ee=f.findDiffKeys(y,x.defaultProps),te=s("p-confirm-popup p-component",L("className")),G=A(),Q=f.getJSXElement(L("message"),G),W=b.getJSXIcon(L("icon"),{className:"p-confirm-popup-icon"},{props:G}),re=e.createElement("div",{className:"p-confirm-popup-content"},W,e.createElement("span",{className:"p-confirm-popup-message"},Q)),ne=oe(),e.createElement(o,{nodeRef:N,classNames:"p-connected-overlay",in:j,timeout:{enter:120,exit:100},options:L("transitionOptions"),unmountOnExit:!0,onEnter:V,onEntered:Y,onExit:Z,onExited:$},e.createElement("div",v({ref:N,id:L("id"),className:te,style:L("style")},ee,{onClick:X}),re,ne)));return e.createElement(u,{element:ce,appendTo:L("appendTo"),visible:L("visible")})})));x.displayName="ConfirmPopup",x.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};export{x as ConfirmPopup,I as confirmPopup};
+import*as e from"react";import t,{localeOption as r}from"primereact/api";import{Button as n}from"primereact/button";import{CSSTransition as o}from"primereact/csstransition";import{useOverlayListener as i,useUpdateEffect as c,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Portal as u}from"primereact/portal";import{ObjectUtils as p,ZIndexUtils as f,classNames as s,DomHandler as m,IconUtils as b}from"primereact/utils";function v(){return v=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},v.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,c,l=[],a=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return l}}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 j(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 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 y(e)||d(e,t)||j(e,t)||O()}function P(e){return P="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},P(e)}function S(e,t){if("object"!==P(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==P(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=S(e,"string");return"symbol"===P(t)?t:String(t)}function w(e,t,r){return(t=E(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var N={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},getProps:function(e){return p.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return p.getDiffProps(e,N.defaultProps)}};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 I(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){w(e,t,r[t])})):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 x=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=I(I({},e),{visible:void 0===e.visible||e.visible})).visible&&a.emit("confirm-popup",e);var t=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a.emit("confirm-popup",I(I(I({},e),t),{visible:!0}))},r=function(){a.emit("confirm-popup",{visible:!1})};return{show:t,hide:r}},k=e.memo(e.forwardRef((function(y,d){var g=N.getProps(y),j=h(e.useState(g.visible),2),O=j[0],P=j[1],S=h(e.useState(!1),2),E=S[0],w=S[1],C=e.useRef(null),I=e.useRef(null),x=e.useRef(!1),k=e.useRef(null),A=e.useRef(null),L=function(){return A.current||g},R=function(e){return(A.current||g)[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 p.getPropValue(R(e),r)},D=R("acceptLabel")||r("accept"),H=R("rejectLabel")||r("reject"),J=h(i({target:R("target"),overlay:C,listener:function(e,t){t.valid&&("outside"===t.type?g.dismissable&&!x.current&&V("hide"):V("hide")),x.current=!1},when:O}),2),K=J[0],X=J[1],M=function(e){x.current=!0,a.emit("overlay-click",{originalEvent:e,target:R("target")})},_=function(){T("accept"),V("accept")},z=function(){T("reject"),V("reject")},U=function(){P(!0),w(!1),k.current=function(e){!F(e.target)&&(x.current=!0)},a.on("overlay-click",k.current)},V=function(e){P(!1),a.off("overlay-click",k.current),k.current=null,e&&T("onHide",e)},Y=function(){f.set("overlay",C.current,t.autoZIndex,t.zIndex.overlay),B()},Z=function(){K(),I.current&&I.current.focus(),T("onShow")},$=function(){X()},q=function(){f.clear(C.current),x.current=!1},B=function(){if(R("target")){m.absolutePosition(C.current,R("target"));var e=m.getOffset(C.current),t=m.getOffset(R("target")),r=0;e.left<t.left&&(r=t.left-e.left),C.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&m.addClass(C.current,"p-confirm-popup-flipped")}},F=function(e){return C&&C.current&&!(C.current.isSameNode(e)||C.current.contains(e))},G=function(e){if(e.tagKey===g.tagKey){var t=O!==e.visible;R("target")!==e.target&&!g.target?(V(),A.current=e,w(!0)):t&&(A.current=e,e.visible?U():V())}};e.useEffect((function(){g.visible?U():V()}),[g.visible]),e.useEffect((function(){return g.target||g.message||a.on("confirm-popup",G),function(){a.off("confirm-popup",G)}}),[g.target]),c((function(){E&&U()}),[E]),l((function(){k.current&&(a.off("overlay-click",k.current),k.current=null),a.off("confirm-popup",G),f.clear(C.current)})),e.useImperativeHandle(d,(function(){return{props:g,confirm:G}}));var Q,W,ee,te,re,ne,oe,ie=function(){var t=s("p-confirm-popup-accept p-button-sm",R("acceptClassName")),r=s("p-confirm-popup-reject p-button-sm",{"p-button-text":!R("rejectClassName")},R("rejectClassName")),o=e.createElement("div",{className:"p-confirm-popup-footer"},e.createElement(n,{label:H,icon:R("rejectIcon"),className:r,onClick:z}),e.createElement(n,{ref:I,label:D,icon:R("acceptIcon"),className:t,onClick:_}));if(R("footer")){var i={accept:_,reject:z,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:r,acceptLabel:D,rejectLabel:H,element:o,props:L()};return p.getJSXElement(R("footer"),i)}return o},ce=(te=N.getOtherProps(g),re=s("p-confirm-popup p-component",R("className"),{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),Q=L(),W=p.getJSXElement(R("message"),Q),ee=b.getJSXIcon(R("icon"),{className:"p-confirm-popup-icon"},{props:Q}),ne=e.createElement("div",{className:"p-confirm-popup-content"},ee,e.createElement("span",{className:"p-confirm-popup-message"},W)),oe=ie(),e.createElement(o,{nodeRef:C,classNames:"p-connected-overlay",in:O,timeout:{enter:120,exit:100},options:R("transitionOptions"),unmountOnExit:!0,onEnter:Y,onEntered:Z,onExit:$,onExited:q},e.createElement("div",v({ref:C,id:R("id"),className:re,style:R("style")},te,{onClick:M}),ne,oe)));return e.createElement(u,{element:ce,appendTo:R("appendTo"),visible:R("visible")})})));k.displayName="ConfirmPopup";export{k as ConfirmPopup,x as confirmPopup};

package/confirmpopup/confirmpopup.js

@@ -58,9 +58,7 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -140,6 +136,40 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
     return obj;
   }
 
+  var ConfirmPopupBase = {
+    defaultProps: {
+      __TYPE: 'ConfirmPopup',
+      tagKey: undefined,
+      target: null,
+      visible: false,
+      message: null,
+      rejectLabel: null,
+      acceptLabel: null,
+      icon: null,
+      rejectIcon: null,
+      acceptIcon: null,
+      rejectClassName: null,
+      acceptClassName: null,
+      className: null,
+      style: null,
+      appendTo: null,
+      dismissable: true,
+      footer: null,
+      onShow: null,
+      onHide: null,
+      accept: null,
+      reject: null,
+      transitionOptions: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ConfirmPopupBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ConfirmPopupBase.defaultProps);
+    }
+  };
+
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var confirmPopup = function confirmPopup() {
@@ -164,7 +194,8 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
       hide: hide
     };
   };
-  var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ConfirmPopupBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.visible),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -199,7 +230,7 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
+            type === 'outside' ? props.dismissable && !isPanelClicked.current && hide('hide') : hide('hide');
           }
           isPanelClicked.current = false;
         },
@@ -369,8 +400,11 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
       return content;
     };
     var createElement = function createElement() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, ConfirmPopup.defaultProps);
-      var className = utils.classNames('p-confirm-popup p-component', getPropValue('className'));
+      var otherProps = ConfirmPopupBase.getOtherProps(props);
+      var className = utils.classNames('p-confirm-popup p-component', getPropValue('className'), {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       var content = createContent();
       var footer = createFooter();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
@@ -404,30 +438,6 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, cs
     });
   }));
   ConfirmPopup.displayName = 'ConfirmPopup';
-  ConfirmPopup.defaultProps = {
-    __TYPE: 'ConfirmPopup',
-    tagKey: undefined,
-    target: null,
-    visible: false,
-    message: null,
-    rejectLabel: null,
-    acceptLabel: null,
-    icon: null,
-    rejectIcon: null,
-    acceptIcon: null,
-    rejectClassName: null,
-    acceptClassName: null,
-    className: null,
-    style: null,
-    appendTo: null,
-    dismissable: true,
-    footer: null,
-    onShow: null,
-    onHide: null,
-    accept: null,
-    reject: null,
-    transitionOptions: null
-  };
 
   exports.ConfirmPopup = ConfirmPopup;
   exports.confirmPopup = confirmPopup;

package/confirmpopup/confirmpopup.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.confirmpopup=function(e,t,r,n,o,c,i,l,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 f=s(t),p=u(r);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 v(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,c,i,l=[],a=!0,u=!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)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}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 d(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 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 v(e)||b(e,t)||d(e,t)||g()}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=S(e,"string");return"symbol"===j(t)?t:String(t)}function E(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){E(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var w=f.memo(f.forwardRef((function(e,t){var u=O(f.useState(e.visible),2),s=u[0],v=u[1],b=O(f.useState(!1),2),y=b[0],d=b[1],g=f.useRef(null),j=f.useRef(null),S=f.useRef(!1),h=f.useRef(null),E=f.useRef(null),P=function(){return E.current||e},N=function(t){return(E.current||e)[t]},C=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(N(e),r)},I=N("acceptLabel")||r.localeOption("accept"),x=N("rejectLabel")||r.localeOption("reject"),U=O(c.useOverlayListener({target:N("target"),overlay:g,listener:function(t,r){r.valid&&("outside"===r.type?e.dismissable&&!S.current&&T():T()),S.current=!1},when:s}),2),k=U[0],D=U[1],A=function(e){S.current=!0,i.OverlayService.emit("overlay-click",{originalEvent:e,target:N("target")})},L=function(){C("accept"),T("accept")},R=function(){C("reject"),T("reject")},H=function(){v(!0),d(!1),h.current=function(e){!X(e.target)&&(S.current=!0)},i.OverlayService.on("overlay-click",h.current)},T=function(e){v(!1),i.OverlayService.off("overlay-click",h.current),h.current=null,e&&C("onHide",e)},_=function(){a.ZIndexUtils.set("overlay",g.current,p.default.autoZIndex,p.default.zIndex.overlay),M()},K=function(){k(),j.current&&j.current.focus(),C("onShow")},Z=function(){D()},J=function(){a.ZIndexUtils.clear(g.current),S.current=!1},M=function(){if(N("target")){a.DomHandler.absolutePosition(g.current,N("target"));var e=a.DomHandler.getOffset(g.current),t=a.DomHandler.getOffset(N("target")),r=0;e.left<t.left&&(r=t.left-e.left),g.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&a.DomHandler.addClass(g.current,"p-confirm-popup-flipped")}},X=function(e){return g&&g.current&&!(g.current.isSameNode(e)||g.current.contains(e))},z=function(t){if(t.tagKey===e.tagKey){var r=s!==t.visible;N("target")!==t.target&&!e.target?(T(),E.current=t,d(!0)):r&&(E.current=t,t.visible?H():T())}};f.useEffect((function(){e.visible?H():T()}),[e.visible]),f.useEffect((function(){return e.target||e.message||i.OverlayService.on("confirm-popup",z),function(){i.OverlayService.off("confirm-popup",z)}}),[e.target]),c.useUpdateEffect((function(){y&&H()}),[y]),c.useUnmountEffect((function(){h.current&&(i.OverlayService.off("overlay-click",h.current),h.current=null),i.OverlayService.off("confirm-popup",z),a.ZIndexUtils.clear(g.current)})),f.useImperativeHandle(t,(function(){return{props:e,confirm:z}}));var B,V,Y,$,q,F,G,Q=function(){var e=a.classNames("p-confirm-popup-accept p-button-sm",N("acceptClassName")),t=a.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!N("rejectClassName")},N("rejectClassName")),r=f.createElement("div",{className:"p-confirm-popup-footer"},f.createElement(n.Button,{label:x,icon:N("rejectIcon"),className:t,onClick:R}),f.createElement(n.Button,{ref:j,label:I,icon:N("acceptIcon"),className:e,onClick:L}));if(N("footer")){var o={accept:L,reject:R,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:I,rejectLabel:x,element:r,props:P()};return a.ObjectUtils.getJSXElement(N("footer"),o)}return r},W=($=a.ObjectUtils.findDiffKeys(e,w.defaultProps),q=a.classNames("p-confirm-popup p-component",N("className")),B=P(),V=a.ObjectUtils.getJSXElement(N("message"),B),Y=a.IconUtils.getJSXIcon(N("icon"),{className:"p-confirm-popup-icon"},{props:B}),F=f.createElement("div",{className:"p-confirm-popup-content"},Y,f.createElement("span",{className:"p-confirm-popup-message"},V)),G=Q(),f.createElement(o.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:s,timeout:{enter:120,exit:100},options:N("transitionOptions"),unmountOnExit:!0,onEnter:_,onEntered:K,onExit:Z,onExited:J},f.createElement("div",m({ref:g,id:N("id"),className:q,style:N("style")},$,{onClick:A}),F,G)));return f.createElement(l.Portal,{element:W,appendTo:N("appendTo"),visible:N("visible")})})));return w.displayName="ConfirmPopup",w.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},e.ConfirmPopup=w,e.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);var t=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.OverlayService.emit("confirm-popup",N(N(N({},e),t),{visible:!0}))},r=function(){i.OverlayService.emit("confirm-popup",{visible:!1})};return{show:t,hide:r}},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.confirmpopup=function(e,t,r,n,o,c,i,l,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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),f=u(r);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 v(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,c,i,l=[],a=!0,u=!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)&&(l.push(n.value),l.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}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 d(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 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 v(e)||b(e,t)||d(e,t)||g()}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=S(e,"string");return"symbol"===j(t)?t:String(t)}function P(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var E={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},getProps:function(e){return a.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,E.defaultProps)}};function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){P(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var C=p.memo(p.forwardRef((function(e,t){var u=E.getProps(e),s=O(p.useState(u.visible),2),v=s[0],b=s[1],y=O(p.useState(!1),2),d=y[0],g=y[1],j=p.useRef(null),S=p.useRef(null),h=p.useRef(!1),P=p.useRef(null),N=p.useRef(null),w=function(){return N.current||u},C=function(e){return(N.current||u)[e]},I=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(C(e),r)},x=C("acceptLabel")||r.localeOption("accept"),U=C("rejectLabel")||r.localeOption("reject"),k=O(c.useOverlayListener({target:C("target"),overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?u.dismissable&&!h.current&&_("hide"):_("hide")),h.current=!1},when:v}),2),D=k[0],A=k[1],L=function(e){h.current=!0,i.OverlayService.emit("overlay-click",{originalEvent:e,target:C("target")})},R=function(){I("accept"),_("accept")},H=function(){I("reject"),_("reject")},T=function(){b(!0),g(!1),P.current=function(e){!z(e.target)&&(h.current=!0)},i.OverlayService.on("overlay-click",P.current)},_=function(e){b(!1),i.OverlayService.off("overlay-click",P.current),P.current=null,e&&I("onHide",e)},M=function(){a.ZIndexUtils.set("overlay",j.current,f.default.autoZIndex,f.default.zIndex.overlay),X()},Z=function(){D(),S.current&&S.current.focus(),I("onShow")},J=function(){A()},K=function(){a.ZIndexUtils.clear(j.current),h.current=!1},X=function(){if(C("target")){a.DomHandler.absolutePosition(j.current,C("target"));var e=a.DomHandler.getOffset(j.current),t=a.DomHandler.getOffset(C("target")),r=0;e.left<t.left&&(r=t.left-e.left),j.current.style.setProperty("--overlayArrowLeft","".concat(r,"px")),e.top<t.top&&a.DomHandler.addClass(j.current,"p-confirm-popup-flipped")}},z=function(e){return j&&j.current&&!(j.current.isSameNode(e)||j.current.contains(e))},B=function(e){if(e.tagKey===u.tagKey){var t=v!==e.visible;C("target")!==e.target&&!u.target?(_(),N.current=e,g(!0)):t&&(N.current=e,e.visible?T():_())}};p.useEffect((function(){u.visible?T():_()}),[u.visible]),p.useEffect((function(){return u.target||u.message||i.OverlayService.on("confirm-popup",B),function(){i.OverlayService.off("confirm-popup",B)}}),[u.target]),c.useUpdateEffect((function(){d&&T()}),[d]),c.useUnmountEffect((function(){P.current&&(i.OverlayService.off("overlay-click",P.current),P.current=null),i.OverlayService.off("confirm-popup",B),a.ZIndexUtils.clear(j.current)})),p.useImperativeHandle(t,(function(){return{props:u,confirm:B}}));var V,Y,$,q,F,G,Q,W=function(){var e=a.classNames("p-confirm-popup-accept p-button-sm",C("acceptClassName")),t=a.classNames("p-confirm-popup-reject p-button-sm",{"p-button-text":!C("rejectClassName")},C("rejectClassName")),r=p.createElement("div",{className:"p-confirm-popup-footer"},p.createElement(n.Button,{label:U,icon:C("rejectIcon"),className:t,onClick:H}),p.createElement(n.Button,{ref:S,label:x,icon:C("acceptIcon"),className:e,onClick:R}));if(C("footer")){var o={accept:R,reject:H,className:"p-confirm-popup-footer",acceptClassName:e,rejectClassName:t,acceptLabel:x,rejectLabel:U,element:r,props:w()};return a.ObjectUtils.getJSXElement(C("footer"),o)}return r},ee=(q=E.getOtherProps(u),F=a.classNames("p-confirm-popup p-component",C("className"),{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),V=w(),Y=a.ObjectUtils.getJSXElement(C("message"),V),$=a.IconUtils.getJSXIcon(C("icon"),{className:"p-confirm-popup-icon"},{props:V}),G=p.createElement("div",{className:"p-confirm-popup-content"},$,p.createElement("span",{className:"p-confirm-popup-message"},Y)),Q=W(),p.createElement(o.CSSTransition,{nodeRef:j,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:C("transitionOptions"),unmountOnExit:!0,onEnter:M,onEntered:Z,onExit:J,onExited:K},p.createElement("div",m({ref:j,id:C("id"),className:F,style:C("style")},q,{onClick:L}),G,Q)));return p.createElement(l.Portal,{element:ee,appendTo:C("appendTo"),visible:C("visible")})})));return C.displayName="ConfirmPopup",e.ConfirmPopup=C,e.confirmPopup=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=w(w({},e),{visible:void 0===e.visible||e.visible})).visible&&i.OverlayService.emit("confirm-popup",e);var t=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.OverlayService.emit("confirm-popup",w(w(w({},e),t),{visible:!0}))},r=function(){i.OverlayService.emit("confirm-popup",{visible:!1})};return{show:t,hide:r}},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);

package/confirmpopup/package.json

@@ -2,5 +2,6 @@
     "main": "./confirmpopup.cjs.js",
     "module": "./confirmpopup.esm.js",
     "unpkg": "./confirmpopup.min.js",
-    "types": "./confirmpopup.d.ts"
+    "types": "./confirmpopup.d.ts",
+    "sideEffects": false
 }