primereact 10.6.1 → 10.6.3

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 a}from"primereact/csstransition";import{useMergeProps as p,useDisplayOrder as l,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as s,useOverlayListener as f,useUpdateEffect as m,useUnmountEffect as b}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as y,DomHandler as g,ZIndexUtils 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 n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function S(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,i,a=[],p=!0,l=!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)&&(a.push(r.value),a.length!==t);p=!0);}catch(e){l=!0,o=e}finally{try{if(!p&&null!=n.return&&(i=n.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 n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){if(e){if("string"==typeof e)return P(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)?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 n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;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,content:null,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 n=e.context;return y("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 y("p-confirm-popup-accept p-button-sm",(0,e.getPropValue)("acceptClassName"))},rejectButton:function(e){var t=e.getPropValue;return y("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 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 B(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=k(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=B(B({},e),{visible:void 0===e.visible||e.visible})).visible&&d.emit("confirm-popup",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};d.emit("confirm-popup",B(B(B({},e),t),{visible:!0}))},hide:function(){d.emit("confirm-popup",{visible:!1})}}},V=e.memo(e.forwardRef((function(c,S){var w=p(),P=e.useContext(n),x=A.getProps(c,P),N=C(e.useState(x.visible),2),I=N[0],R=N[1],k=C(e.useState(!1),2),L=k[0],T=k[1],V={props:x,state:{visible:I,reshow:L}},D=A.setMetaData(V),_=D.ptm,J=D.cx,X=D.isUnstyled;i(A.css.styles,X,{name:"confirmpopup"});var M=e.useRef(null),H=e.useRef(null),K=e.useRef(null),z=e.useRef(!1),F=e.useRef(null),U=e.useRef(null),Z=e.useRef(null),G=e.useRef(!1),Y=function(){return U.current||x},$=function(e){return(U.current||x)[e]},q=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 h.getPropValue($(e),n)},Q=$("acceptLabel")||r("accept"),W=$("rejectLabel")||r("reject"),ee=x.dismissable&&x.closeOnEscape&&I,te=l("dialog",ee);u({callback:function(){pe("hide")},when:ee&&te,priority:[s.DIALOG,te]});var ne=C(f({target:$("target"),overlay:M,listener:function(e,t){t.valid&&("outside"===t.type?x.dismissable&&!z.current&&pe("hide"):pe("hide")),z.current=!1},when:I}),2),re=ne[0],oe=ne[1],ce=function(){G.current||(G.current=!0,q("accept"),pe("accept"))},ie=function(){G.current||(G.current=!0,q("reject"),pe("reject"))},ae=function(){var e=Y();T(!1),e.group===x.group&&(R(!0),G.current=!1,F.current=function(e){!ue(e.target)&&(z.current=!0)},d.on("overlay-click",F.current),Z.current=document.activeElement)},pe=function(e){R(!1),d.off("overlay-click",F.current),F.current=null,e&&q("onHide",e),g.focus(Z.current),Z.current=null},le=function(){if($("target")){g.absolutePosition(M.current,$("target"));var e=g.getOffset(M.current),t=g.getOffset($("target")),n=0;e.left<t.left&&(n=t.left-e.left),M.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&!X()&&g.addClass(M.current,"p-confirm-popup-flipped")}},ue=function(e){return M&&M.current&&!(M.current.isSameNode(e)||M.current.contains(e))},se=function(e){if(e.tagKey===x.tagKey){var t=I!==e.visible;$("target")!==e.target&&!x.target?(pe(),U.current=e,T(!0)):t&&(U.current=e,e.visible?ae():pe())}};e.useEffect((function(){x.visible?ae():pe()}),[x.visible]),e.useEffect((function(){return x.target||x.message||d.on("confirm-popup",se),function(){d.off("confirm-popup",se)}}),[x.target]),m((function(){L&&ae()}),[L]),b((function(){F.current&&(d.off("overlay-click",F.current),F.current=null),d.off("confirm-popup",se),j.clear(M.current)})),e.useImperativeHandle(S,(function(){return{props:x,confirm:se}}));var fe,me,be=function(){var t=y("p-confirm-popup-accept p-button-sm",$("acceptClassName")),n=y("p-confirm-popup-reject p-button-sm",{"p-button-text":!$("rejectClassName")},$("rejectClassName")),r=w({className:J("footer")},_("footer")),c=w({ref:K,label:W,icon:$("rejectIcon"),className:J("rejectButton",{getPropValue:$}),onClick:ie,pt:_("rejectButton"),unstyled:x.unstyled,__parentMetadata:{parent:V}}),i=w({ref:H,label:Q,icon:$("acceptIcon"),className:J("acceptButton",{getPropValue:$}),onClick:ce,pt:_("acceptButton"),unstyled:x.unstyled,__parentMetadata:{parent:V}}),a=e.createElement("div",r,e.createElement(o,c),e.createElement(o,i));if($("footer")){var p={accept:ce,reject:ie,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:n,acceptLabel:Q,rejectLabel:W,element:a,props:Y()};return h.getJSXElement($("footer"),p)}return a},de=w({ref:M,id:$("id"),className:J("root",{context:P,getPropValue:$}),style:$("style"),onClick:function(e){z.current=!0,d.emit("overlay-click",{originalEvent:e,target:$("target")})}},A.getOtherProps(x),_("root")),ve=w({classNames:J("transition"),in:I,timeout:{enter:120,exit:100},options:$("transitionOptions"),unmountOnExit:!0,onEnter:function(){j.set("overlay",M.current,P&&P.autoZIndex||t.autoZIndex,P&&P.zIndex.overlay||t.zIndex.overlay),g.addStyles(M.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),le()},onEntered:function(){re();var e=$("defaultFocus");void 0!==e&&"accept"!==e||H.current&&H.current.focus(),"reject"===e&&K.current&&K.current.focus(),q("onShow")},onExit:function(){oe()},onExited:function(){j.clear(M.current),z.current=!1}},_("transition")),ye=null!=c&&c.content?(fe=Y(),me={message:h.getJSXElement($("message"),fe),acceptBtnRef:H,rejectBtnRef:K,hide:pe},e.createElement(a,E({nodeRef:M},ve),e.createElement("div",de,h.getJSXElement(c.content,me)))):function(){var t,n,r,o,c,i,p=(t=Y(),n=h.getJSXElement($("message"),t),r=w({className:J("icon")},_("icon")),o=O.getJSXIcon($("icon"),B({},r),{props:t}),c=w({className:J("message")},_("message")),i=w({className:J("content")},_("content")),e.createElement("div",i,o,e.createElement("span",c,n))),l=be();return e.createElement(a,E({nodeRef:M},ve),e.createElement("div",de,p,l))}();return e.createElement(v,{element:ye,appendTo:$("appendTo"),visible:$("visible")})})));V.displayName="ConfirmPopup";export{V as ConfirmPopup,T as confirmPopup};
+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 a}from"primereact/csstransition";import{useMergeProps as p,useDisplayOrder as l,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as s,useOverlayListener as f,useUpdateEffect as m,useUnmountEffect as b}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as y,DomHandler as g,ZIndexUtils 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 n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function S(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,i,a=[],p=!0,l=!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)&&(a.push(r.value),a.length!==t);p=!0);}catch(e){l=!0,o=e}finally{try{if(!p&&null!=n.return&&(i=n.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 n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){if(e){if("string"==typeof e)return P(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)?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 n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;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,content:null,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 n=e.context;return y("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 y("p-confirm-popup-accept p-button-sm",(0,e.getPropValue)("acceptClassName"))},rejectButton:function(e){var t=e.getPropValue;return y("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 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 B(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=k(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=B(B({},e),{visible:void 0===e.visible||e.visible})).visible&&d.emit("confirm-popup",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};d.emit("confirm-popup",B(B(B({},e),t),{visible:!0}))},hide:function(){d.emit("confirm-popup",{visible:!1})}}},V=e.memo(e.forwardRef((function(c,S){var w=p(),P=e.useContext(n),x=A.getProps(c,P),N=C(e.useState(x.visible),2),I=N[0],R=N[1],k=C(e.useState(!1),2),L=k[0],T=k[1],V={props:x,state:{visible:I,reshow:L}},D=A.setMetaData(V),_=D.ptm,J=D.cx,X=D.isUnstyled;i(A.css.styles,X,{name:"confirmpopup"});var M=e.useRef(null),H=e.useRef(null),K=e.useRef(null),z=e.useRef(!1),F=e.useRef(null),U=e.useRef(null),Z=e.useRef(null),G=e.useRef(!1),Y=function(){return U.current||x},$=function(e){return(U.current||x)[e]},q=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 h.getPropValue($(e),n)},Q=$("acceptLabel")||r("accept"),W=$("rejectLabel")||r("reject"),ee=x.dismissable&&x.closeOnEscape&&I,te=l("dialog",ee);u({callback:function(){pe("hide")},when:ee&&te,priority:[s.DIALOG,te]});var ne=C(f({target:$("target"),overlay:M,listener:function(e,t){t.valid&&("outside"===t.type?x.dismissable&&!z.current&&pe("hide"):pe("hide")),z.current=!1},when:I}),2),re=ne[0],oe=ne[1],ce=function(){G.current||(G.current=!0,q("accept"),pe("accept"))},ie=function(){G.current||(G.current=!0,q("reject"),pe("reject"))},ae=function(){var e=Y();T(!1),e.group===x.group&&(R(!0),G.current=!1,F.current=function(e){!ue(e.target)&&(z.current=!0)},d.on("overlay-click",F.current),Z.current=document.activeElement)},pe=function(e){R(!1),d.off("overlay-click",F.current),F.current=null,e&&q("onHide",e),g.focus(Z.current),Z.current=null},le=function(){if($("target")){g.absolutePosition(M.current,$("target"));var e=g.getOffset(M.current),t=g.getOffset($("target")),n=0;e.left<t.left&&(n=t.left-e.left),M.current.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&!X()&&g.addClass(M.current,"p-confirm-popup-flipped")}},ue=function(e){return M&&M.current&&!(M.current.isSameNode(e)||M.current.contains(e))},se=function(e){if(e.tagKey===x.tagKey){var t=I!==e.visible;$("target")!==e.target&&!x.target?(pe(),U.current=e,T(!0)):t&&(U.current=e,e.visible?ae():pe())}};e.useEffect((function(){x.visible?ae():pe()}),[x.visible]),e.useEffect((function(){return x.target||x.message||d.on("confirm-popup",se),function(){d.off("confirm-popup",se)}}),[x.target]),m((function(){L&&ae()}),[L]),b((function(){F.current&&(d.off("overlay-click",F.current),F.current=null),d.off("confirm-popup",se),j.clear(M.current)})),e.useImperativeHandle(S,(function(){return{props:x,confirm:se}}));var fe,me,be=function(){var t=y("p-confirm-popup-accept p-button-sm",$("acceptClassName")),n=y("p-confirm-popup-reject p-button-sm",{"p-button-text":!$("rejectClassName")},$("rejectClassName")),r=w({className:J("footer")},_("footer")),c=w({ref:K,label:W,icon:$("rejectIcon"),className:J("rejectButton",{getPropValue:$}),onClick:ie,pt:_("rejectButton"),unstyled:x.unstyled,__parentMetadata:{parent:V}}),i=w({ref:H,label:Q,icon:$("acceptIcon"),className:J("acceptButton",{getPropValue:$}),onClick:ce,pt:_("acceptButton"),unstyled:x.unstyled,__parentMetadata:{parent:V}}),a=e.createElement("div",r,e.createElement(o,c),e.createElement(o,i));if($("footer")){var p={accept:ce,reject:ie,className:"p-confirm-popup-footer",acceptClassName:t,rejectClassName:n,acceptLabel:Q,rejectLabel:W,element:a,props:Y()};return h.getJSXElement($("footer"),p)}return a},de=w({ref:M,id:$("id"),className:y(x.className,J("root",{context:P,getPropValue:$})),style:$("style"),onClick:function(e){z.current=!0,d.emit("overlay-click",{originalEvent:e,target:$("target")})}},A.getOtherProps(x),_("root")),ve=w({classNames:J("transition"),in:I,timeout:{enter:120,exit:100},options:$("transitionOptions"),unmountOnExit:!0,onEnter:function(){j.set("overlay",M.current,P&&P.autoZIndex||t.autoZIndex,P&&P.zIndex.overlay||t.zIndex.overlay),g.addStyles(M.current,{position:"absolute",top:"50%",left:"50%",marginTop:"10px"}),le()},onEntered:function(){re();var e=$("defaultFocus");void 0!==e&&"accept"!==e||H.current&&H.current.focus(),"reject"===e&&K.current&&K.current.focus(),q("onShow")},onExit:function(){oe()},onExited:function(){j.clear(M.current),z.current=!1}},_("transition")),ye=null!=c&&c.content?(fe=Y(),me={message:h.getJSXElement($("message"),fe),acceptBtnRef:H,rejectBtnRef:K,hide:pe},e.createElement(a,E({nodeRef:M},ve),e.createElement("div",de,h.getJSXElement(c.content,me)))):function(){var t,n,r,o,c,i,p=(t=Y(),n=h.getJSXElement($("message"),t),r=w({className:J("icon")},_("icon")),o=O.getJSXIcon($("icon"),B({},r),{props:t}),c=w({className:J("message")},_("message")),i=w({className:J("content")},_("content")),e.createElement("div",i,o,e.createElement("span",c,n))),l=be();return e.createElement(a,E({nodeRef:M},ve),e.createElement("div",de,p,l))}();return e.createElement(v,{element:ye,appendTo:$("appendTo"),visible:$("visible")})})));V.displayName="ConfirmPopup";export{V as ConfirmPopup,T as confirmPopup};

package/confirmpopup/confirmpopup.js

@@ -504,10 +504,10 @@ this.primereact.confirmpopup = (function (exports, React, PrimeReact, button, co
     var rootProps = mergeProps({
       ref: overlayRef,
       id: getPropValue('id'),
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         context: context,
         getPropValue: getPropValue
-      }),
+      })),
       style: getPropValue('style'),
       onClick: onPanelClick
     }, ConfirmPopupBase.getOtherProps(props), ptm('root'));

package/confirmpopup/confirmpopup.min.js

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

package/core/core.js

@@ -3784,7 +3784,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
 
   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 baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
+  var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    padding: 0;\n    margin: -1px;\n    position: absolute;\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
   var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
@@ -10923,12 +10923,13 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     icon: 'p-checkbox-icon',
     root: function root(_ref) {
       var props = _ref.props,
-        checked = _ref.checked;
+        checked = _ref.checked,
+        context = _ref.context;
       return utils.classNames('p-checkbox p-component', {
         'p-highlight': checked,
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
-        'p-variant-filled': props.variant === 'filled'
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     }
   };
@@ -10945,6 +10946,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       name: null,
       onChange: null,
       onContextMenu: null,
@@ -11062,7 +11064,8 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
-        checked: checked
+        checked: checked,
+        context: context
       })),
       style: props.style,
       'data-p-highlight': checked,
@@ -11532,12 +11535,14 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
   var classes = {
     root: function root(_ref) {
       var props = _ref.props,
-        isFilled = _ref.isFilled;
+        isFilled = _ref.isFilled,
+        context = _ref.context;
       return utils.classNames('p-inputtext p-component', {
         'p-disabled': props.disabled,
         'p-filled': isFilled,
-        'p-invalid': props.invalid
-      }, props.className);
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
     }
   };
   var InputTextBase = componentbase.ComponentBase.extend({
@@ -11547,6 +11552,7 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       children: undefined,
       className: null,
       invalid: false,
+      variant: null,
       keyfilter: null,
       onBeforeInput: null,
       onInput: null,
@@ -11619,9 +11625,10 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
+        context: context,
         isFilled: isFilled
-      }),
+      })),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
@@ -11815,16 +11822,23 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         'p-invalid': props.invalid
       });
     },
+    input: function input(_ref2) {
+      var props = _ref2.props,
+        context = _ref2.context;
+      return utils.classNames('p-inputnumber-input', {
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
+    },
     buttonGroup: 'p-inputnumber-button-group',
-    incrementButton: function incrementButton(_ref2) {
-      var props = _ref2.props;
+    incrementButton: function incrementButton(_ref3) {
+      var props = _ref3.props;
       return utils.classNames('p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component', {
         'p-disabled': props.disabled
       });
     },
     incrementIcon: 'p-button-icon',
-    decrementButton: function decrementButton(_ref3) {
-      var props = _ref3.props;
+    decrementButton: function decrementButton(_ref4) {
+      var props = _ref4.props;
       return utils.classNames('p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component', {
         'p-disabled': props.disabled
       });
@@ -11856,6 +11870,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       inputRef: null,
       inputStyle: null,
       invalid: false,
+      variant: null,
       locale: undefined,
       localeMatcher: undefined,
       max: null,
@@ -12170,11 +12185,40 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       isSpecialChar.current = false;
     };
+    var onInputAndroidKey = function onInputAndroidKey(event) {
+      if (!utils.DomHandler.isAndroid() || props.disabled || props.readOnly) {
+        return;
+      }
+      if (props.onKeyUp) {
+        props.onKeyUp(event);
+
+        // do not continue if the user defined event wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+      }
+      var code = event.which || event.keyCode;
+      if (code !== 13) {
+        // to submit a form
+        event.preventDefault();
+      }
+      var _char = String.fromCharCode(code);
+      var _isDecimalSign = isDecimalSign(_char);
+      var _isMinusSign = isMinusSign(_char);
+      if (48 <= code && code <= 57 || _isMinusSign || _isDecimalSign) {
+        insert(event, _char, {
+          isDecimalSign: _isDecimalSign,
+          isMinusSign: _isMinusSign
+        });
+      } else {
+        updateValue(event, event.target.value, null, 'delete-single');
+      }
+    };
     var onInputKeyDown = function onInputKeyDown(event) {
       if (props.disabled || props.readOnly) {
         return;
       }
-      if (event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {
+      if (event.altKey || event.ctrlKey || event.metaKey) {
         isSpecialChar.current = true;
         return;
       }
@@ -12187,6 +12231,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         }
       }
       lastValue.current = event.target.value;
+
+      // Android is handled specially in onInputAndroidKey
+      if (utils.DomHandler.isAndroid()) {
+        return;
+      }
       var selectionStart = event.target.selectionStart;
       var selectionEnd = event.target.selectionEnd;
       var inputValue = event.target.value;
@@ -12323,11 +12372,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           break;
         default:
           event.preventDefault();
-          var _char = event.key;
-          var _isDecimalSign = isDecimalSign(_char);
-          var _isMinusSign = isMinusSign(_char);
-          if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char) >= 0 && Number(_char) <= 9 || _isMinusSign || _isDecimalSign) {
-            insert(event, _char, {
+          var _char2 = event.key;
+          var _isDecimalSign = isDecimalSign(_char2);
+          var _isMinusSign = isMinusSign(_char2);
+          if ((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
+            insert(event, _char2, {
               isDecimalSign: _isDecimalSign,
               isMinusSign: _isMinusSign
             });
@@ -12351,8 +12400,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var allowMinusSign = function allowMinusSign() {
       return utils.ObjectUtils.isEmpty(props.min) || props.min < 0;
     };
-    var isMinusSign = function isMinusSign(_char2) {
-      if (_minusSign.current.test(_char2) || _char2 === '-') {
+    var isMinusSign = function isMinusSign(_char3) {
+      if (_minusSign.current.test(_char3) || _char3 === '-') {
         _minusSign.current.lastIndex = 0;
         return true;
       }
@@ -12364,8 +12413,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return val;
     };
-    var isDecimalSign = function isDecimalSign(_char3) {
-      if (_decimal.current.test(_char3) || isFloat(_char3)) {
+    var isDecimalSign = function isDecimalSign(_char4) {
+      if (_decimal.current.test(_char4) || isFloat(_char4)) {
         _decimal.current.lastIndex = 0;
         return true;
       }
@@ -12510,16 +12559,16 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       var prefixLength = (prefixChar.current || '').length;
       inputValue = inputValue.replace(_prefix.current, '');
       selectionStart = selectionStart - prefixLength;
-      var _char4 = inputValue.charAt(selectionStart);
-      if (isNumeralChar(_char4)) {
+      var _char5 = inputValue.charAt(selectionStart);
+      if (isNumeralChar(_char5)) {
         return selectionStart + prefixLength;
       }
 
       //left
       var i = selectionStart - 1;
       while (i >= 0) {
-        _char4 = inputValue.charAt(i);
-        if (isNumeralChar(_char4)) {
+        _char5 = inputValue.charAt(i);
+        if (isNumeralChar(_char5)) {
           index = i + prefixLength;
           break;
         } else {
@@ -12531,8 +12580,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       } else {
         i = selectionStart;
         while (i < valueLength) {
-          _char4 = inputValue.charAt(i);
-          if (isNumeralChar(_char4)) {
+          _char5 = inputValue.charAt(i);
+          if (isNumeralChar(_char5)) {
             index = i + prefixLength;
             break;
           } else {
@@ -12551,8 +12600,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var onInputClick = function onInputClick() {
       initCursor();
     };
-    var isNumeralChar = function isNumeralChar(_char5) {
-      if (_char5.length === 1 && (_numeral.current.test(_char5) || _decimal.current.test(_char5) || _group.current.test(_char5) || _minusSign.current.test(_char5))) {
+    var isNumeralChar = function isNumeralChar(_char6) {
+      if (_char6.length === 1 && (_numeral.current.test(_char6) || _decimal.current.test(_char6) || _group.current.test(_char6) || _minusSign.current.test(_char6))) {
         resetRegex();
         return true;
       }
@@ -12814,7 +12863,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
     }, [props.disabled]);
     var createInputElement = function createInputElement() {
-      var className = utils.classNames('p-inputnumber-input', props.inputClassName);
+      var className = utils.classNames(props.inputClassName, cx('input', {
+        context: context
+      }));
       var valueToRender = formattedValue(props.value);
       return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
         ref: inputRef,
@@ -12836,6 +12887,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         name: props.name,
         autoFocus: props.autoFocus,
         onKeyDown: onInputKeyDown,
+        onKeyPress: onInputAndroidKey,
         onInput: onInput,
         onClick: onInputClick,
         onPointerDown: onInputPointerDown,
@@ -13776,11 +13828,13 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     root: function root(_ref) {
       var props = _ref.props,
         focusedState = _ref.focusedState,
-        overlayVisibleState = _ref.overlayVisibleState;
+        overlayVisibleState = _ref.overlayVisibleState,
+        context = _ref.context;
       return utils.classNames('p-dropdown p-component p-inputwrapper', {
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
         'p-focus': focusedState,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
         'p-dropdown-clearable': props.showClear && !props.disabled,
         'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
         'p-inputwrapper-focus': focusedState || overlayVisibleState
@@ -13814,25 +13868,31 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         'p-dropdown-clearable-filter': !!clearIcon
       });
     },
-    filterInput: 'p-dropdown-filter p-inputtext p-component',
-    list: function list(_ref5) {
-      var virtualScrollerOptions = _ref5.virtualScrollerOptions;
+    filterInput: function filterInput(_ref5) {
+      var props = _ref5.props,
+        context = _ref5.context;
+      return utils.classNames('p-dropdown-filter p-inputtext p-component', {
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
+    },
+    list: function list(_ref6) {
+      var virtualScrollerOptions = _ref6.virtualScrollerOptions;
       return virtualScrollerOptions ? 'p-dropdown-items' : 'p-dropdown-items';
     },
-    panel: function panel(_ref6) {
-      var context = _ref6.context;
+    panel: function panel(_ref7) {
+      var context = _ref7.context;
       return utils.classNames('p-dropdown-panel p-component', {
         'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
         'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
     },
-    item: function item(_ref7) {
-      var selected = _ref7.selected,
-        disabled = _ref7.disabled,
-        label = _ref7.label,
-        index = _ref7.index,
-        focusedOptionIndex = _ref7.focusedOptionIndex,
-        highlightOnSelect = _ref7.highlightOnSelect;
+    item: function item(_ref8) {
+      var selected = _ref8.selected,
+        disabled = _ref8.disabled,
+        label = _ref8.label,
+        index = _ref8.index,
+        focusedOptionIndex = _ref8.focusedOptionIndex,
+        highlightOnSelect = _ref8.highlightOnSelect;
       return utils.classNames('p-dropdown-item', {
         'p-highlight': selected && highlightOnSelect,
         'p-disabled': disabled,
@@ -13850,14 +13910,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
   };
   var styles = "\n@layer primereact {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    input.p-dropdown-label  {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-clear-icon,\n    .p-dropdown-filter-icon,\n    .p-dropdown-filter-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
   var inlineStyles = {
-    wrapper: function wrapper(_ref8) {
-      var props = _ref8.props;
+    wrapper: function wrapper(_ref9) {
+      var props = _ref9.props;
       return {
         maxHeight: props.scrollHeight || 'auto'
       };
     },
-    panel: function panel(_ref9) {
-      var props = _ref9.props;
+    panel: function panel(_ref10) {
+      var props = _ref10.props;
       props.panelStyle;
     }
   };
@@ -13884,7 +13944,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       filterBy: null,
       filterClearIcon: null,
       filterIcon: null,
-      filterInputAutoFocus: true,
+      filterInputAutoFocus: false,
       filterLocale: undefined,
       filterMatchMode: 'contains',
       filterPlaceholder: null,
@@ -13894,6 +13954,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       itemTemplate: null,
       loading: false,
       loadingIcon: null,
@@ -14220,7 +14281,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           ref: filterInputRef,
           type: 'text',
           autoComplete: 'off',
-          className: cx('filterInput'),
+          className: cx('filterInput', {
+            context: context
+          }),
           placeholder: props.filterPlaceholder,
           onKeyDown: props.onFilterInputKeyDown,
           onChange: function onChange(e) {
@@ -15167,11 +15230,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }, ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("span", inputProps, content);
     };
+    var onClearIconKeyDown = function onClearIconKeyDown(event) {
+      if (event.key === 'Enter' || event.code === 'Space') {
+        clear(event);
+        event.preventDefault();
+      }
+    };
     var createClearIcon = function createClearIcon() {
       if (props.value != null && props.showClear && !props.disabled) {
         var clearIconProps = mergeProps({
           className: cx('clearIcon'),
-          onPointerUp: clear
+          onPointerUp: clear,
+          tabIndex: props.tabIndex || '0',
+          onKeyDown: onClearIconKeyDown,
+          'aria-label': PrimeReact.localeOption('clear')
         }, ptm('clearIcon'));
         var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, clearIconProps);
         return utils.IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
@@ -15234,6 +15306,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       id: props.id,
       ref: elementRef,
       className: utils.classNames(props.className, cx('root', {
+        context: context,
         focusedState: focusedState,
         overlayVisibleState: overlayVisibleState
       })),
@@ -15511,7 +15584,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var props = _ref5.props,
         maximized = _ref5.maximized,
         context = _ref5.context;
-      return utils.classNames('p-dialog p-component', props.className, {
+      return utils.classNames('p-dialog p-component', {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
         'p-dialog-default': !maximized,
@@ -16221,11 +16294,11 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       var rootProps = mergeProps({
         ref: dialogRef,
         id: idState,
-        className: cx('root', {
+        className: utils.classNames(props.className, cx('root', {
           props: props,
           maximized: maximized,
           context: context
-        }),
+        })),
         style: props.style,
         onClick: props.onClick,
         role: 'dialog',
@@ -17723,6 +17796,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     nodeIcon: 'p-treenode-icon',
     label: 'p-treenode-label',
     subgroup: 'p-treenode-children',
+    checkIcon: 'p-checkbox-icon',
     emptyMessage: 'p-treenode p-tree-empty-message',
     droppoint: 'p-treenode-droppoint',
     header: 'p-tree-header',
@@ -17794,12 +17868,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     icon: 'p-checkbox-icon',
     root: function root(_ref) {
       var props = _ref.props,
-        checked = _ref.checked;
+        checked = _ref.checked,
+        context = _ref.context;
       return utils.classNames('p-checkbox p-component', {
         'p-highlight': checked,
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
-        'p-variant-filled': props.variant === 'filled'
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     }
   };
@@ -17816,6 +17891,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       inputId: null,
       inputRef: null,
       invalid: false,
+      variant: null,
       name: null,
       onChange: null,
       onContextMenu: null,
@@ -17933,7 +18009,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     var rootProps = mergeProps({
       id: props.id,
       className: utils.classNames(props.className, cx('root', {
-        checked: checked
+        checked: checked,
+        context: context
       })),
       style: props.style,
       'data-p-highlight': checked,
@@ -18568,8 +18645,11 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         var _props$isUnstyled;
         var checked = isChecked();
         var partialChecked = isPartialChecked();
-        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, null) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, null) : null;
-        var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {}, props);
+        var checkboxIconProps = mergeProps({
+          className: cx('checkIcon')
+        });
+        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
+        var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
         var checkboxProps = mergeProps({
           className: cx('nodeCheckbox', {
             partialChecked: partialChecked