primereact 10.3.0 → 10.3.2

package/componentbase/componentbase.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.componentbase=function(n,t,e,o){"use strict";function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=i(t);function a(n){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},a(n)}function l(n,t){if("object"!==a(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function p(n){var t=l(n,"string");return"symbol"===a(t)?t:String(t)}function s(n,t,e){return(t=p(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function c(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function u(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?c(Object(e),!0).forEach((function(t){s(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):c(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function d(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];if(t){return t.reduce((function(n,t){var e=function(){var e,i=t[o];if("style"===o)n.style=u(u({},n.style),t.style);else if("className"===o){var r=[n.className,t.className].join(" ").trim();n.className=null==r||""===r?void 0:r}else if((e=i)&&e.constructor&&e.call&&e.apply){var a=n[o];n[o]=a?function(){a.apply(void 0,arguments),i.apply(void 0,arguments)}:i}else n[o]=i};for(var o in t)e();return n}),{})}}function f(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function b(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?f(Object(e),!0).forEach((function(t){s(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):f(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var g="\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat("\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-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n","\n    ").concat("\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n","\n    ").concat("\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","\n    ").concat("\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n","\n    ").concat("\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    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","\n}\n"),v={cProps:void 0,cParams:void 0,cName:void 0,defaultProps:{pt:void 0,ptOptions:void 0,unstyled:!1},context:{},globalCSS:void 0,classes:{},styles:"",extend:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.css,e=b(b({},n.defaultProps),v.defaultProps),i={},a=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];n.hasOwnProperty("pt")&&void 0!==n.pt&&(n=n.pt);var r=e.hostName&&o.ObjectUtils.toFlatCase(e.hostName)||e.props&&e.props.__TYPE&&o.ObjectUtils.toFlatCase(e.props.__TYPE)||"",a=/./g.test(t)&&!!e[t.split(".")[0]],l="transition"===t||/./g.test(t)&&!("transition"!==t.split(".")[1]),p="data-pc-",c=o.ObjectUtils.toFlatCase(a?t.split(".")[1]:t),u=function n(t){return null!=t&&t.props?t.hostName?t.props.__TYPE===t.hostName?t.props:n(t.parent):t.parent:void 0};v.cParams=e,v.cName=r;var f,g,j,w=(f="ptOptions",(null===(g=e.props)||void 0===g?void 0:g[f])||(null===(j=u(e))||void 0===j?void 0:j[f])||v.context.ptOptions||{}),P=w.mergeSections,k=void 0===P||P,S=w.mergeProps,U=void 0!==S&&S,N=function(){var n=m.apply(void 0,arguments);return o.ObjectUtils.isString(n)?{className:n}:n},E=i?a?x(N,t,e):O(N,t,e):void 0,_=a?void 0:h(y(n,r),N,t,e),C=!l&&b(b({},"root"===c&&s({},"".concat(p,"name"),e.props&&e.props.__parentMetadata?o.ObjectUtils.toFlatCase(e.props.__TYPE):r)),{},s({},"".concat(p,"section"),c));return k||!k&&_?U?d(E,_,Object.keys(C).length?C:{}):b(b(b({},E),_),Object.keys(C).length?C:{}):b(b({},_),Object.keys(C).length?C:{})};return b(b({getProps:function(n){return v.context=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},v.cProps=n,o.ObjectUtils.getMergedProps(n,e)},getOtherProps:function(n){return o.ObjectUtils.getDiffProps(n,e)},setMetaData:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=n.props,o=n.state,l=function(){return v.context.unstyled||r.default.unstyled||e.unstyled};return{ptm:function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a((e||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",b(b({},n),t))},ptmo:function(){return a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},!1)},sx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!(arguments.length>2&&void 0!==arguments[2])||arguments[2]){var a=m(t&&t.inlineStyles,n,b({props:e,state:o},r));return d(m(i,n,b({props:e,state:o},r)),a)}},cx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return l()?void 0:m(t&&t.classes,n,b({props:e,state:o},i))},isUnstyled:l}}},n),{},{defaultProps:e})}},m=function n(t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=String(o.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"")).split("."),r=i.shift(),a=o.ObjectUtils.isNotEmpty(t)?Object.keys(t).find((function(n){return o.ObjectUtils.toFlatCase(n)===r})):"";return r?o.ObjectUtils.isObject(t)?n(o.ObjectUtils.getItemValue(t[a],e),i.join("."),e):void 0:o.ObjectUtils.getItemValue(t,e)},y=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",e=arguments.length>2?arguments[2]:void 0,i=null==n?void 0:n._usept,r=function(n){var i,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=e?e(n):n,l=o.ObjectUtils.toFlatCase(t);return null!==(i=r?l!==v.cName?null==a?void 0:a[l]:void 0:null==a?void 0:a[l])&&void 0!==i?i:a};return o.ObjectUtils.isNotEmpty(i)?{_usept:i,originalValue:r(n.originalValue),value:r(n.value)}:r(n,!0)},h=function(n,t,e,i){var r=function(n){return t(n,e,i)};if(null!=n&&n.hasOwnProperty("_usept")){var a=n._usept||v.context.ptOptions||{},l=a.mergeSections,p=void 0===l||l,s=a.mergeProps,c=void 0!==s&&s,u=r(n.originalValue),f=r(n.value);if(void 0===u&&void 0===f)return;return o.ObjectUtils.isString(f)?f:o.ObjectUtils.isString(u)?u:p||!p&&f?c?d(u,f):b(b({},u),f):f}return r(n)},x=function(n,t,e){return h(y(v.context.pt||r.default.pt,void 0,(function(n){return o.ObjectUtils.getItemValue(n,v.cParams)})),n,t,e)},O=function(n,t,e){return h(y(v.context.pt||r.default.pt,void 0,(function(n){return m(n,v.cName,v.cParams)||o.ObjectUtils.getItemValue(n,v.cParams)})),n,t,e)};return n.ComponentBase=v,n.useHandleStyle=function(n){var t=arguments.length>2?arguments[2]:void 0,i=t.name,r=t.styled,a=void 0!==r&&r,l=t.hostName,p=void 0===l?"":l,s=x(m,"global.css",v.cParams),c=o.ObjectUtils.toFlatCase(i),u=e.useStyle("\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",{name:"base",manual:!0}).load,d=e.useStyle(g,{name:"common",manual:!0}).load,f=e.useStyle(s,{name:"global",manual:!0}).load,b=e.useStyle(n,{name:i,manual:!0}).load,j=function(n){if(!p){var t=h(y((v.cProps||{}).pt,c),m,"hooks.".concat(n)),e=O(m,"hooks.".concat(n));null==t||t(),null==e||e()}};j("useMountEffect"),e.useMountEffect((function(){u(),f(),d(),a||b()})),e.useUpdateEffect((function(){j("useUpdateEffect")})),e.useUnmountEffect((function(){j("useUnmountEffect")}))},Object.defineProperty(n,"__esModule",{value:!0}),n}({},primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.componentbase=function(n,t,e,o){"use strict";function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r=i(t);function a(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=new Array(t);e<t;e++)o[e]=n[e];return o}function l(n){if(Array.isArray(n))return a(n)}function p(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function s(n,t){if(n){if("string"==typeof n)return a(n,t);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?a(n,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(n){return l(n)||p(n)||s(n)||c()}function d(n){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},d(n)}function f(n,t){if("object"!==d(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!==d(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function b(n){var t=f(n,"string");return"symbol"===d(t)?t:String(t)}function m(n,t,e){return(t=b(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function g(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function v(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?g(Object(e),!0).forEach((function(t){m(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):g(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var y="\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat("\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-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n","\n    ").concat("\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n","\n    ").concat("\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","\n    ").concat("\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n","\n    ").concat("\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","\n}\n"),h={cProps:void 0,cParams:void 0,cName:void 0,defaultProps:{pt:void 0,ptOptions:void 0,unstyled:!1},context:{},globalCSS:void 0,classes:{},styles:"",extend:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.css,e=v(v({},n.defaultProps),h.defaultProps),i={},a=function(){var n,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];t.hasOwnProperty("pt")&&void 0!==t.pt&&(t=t.pt);var a=e,l=/./g.test(a)&&!!i[a.split(".")[0]],p=o.ObjectUtils.toFlatCase(l?a.split(".")[1]:a),s=i.hostName&&o.ObjectUtils.toFlatCase(i.hostName)||i.props&&i.props.__TYPE&&o.ObjectUtils.toFlatCase(i.props.__TYPE)||"",c="transition"===p,d="data-pc-",f=function n(t){return null!=t&&t.props?t.hostName?t.props.__TYPE===t.hostName?t.props:n(t.parent):t.parent:void 0};h.cParams=i,h.cName=s;var b,g,y,k=(b="ptOptions",(null===(g=i.props)||void 0===g?void 0:g[b])||(null===(y=f(i))||void 0===y?void 0:y[b])||h.context.ptOptions||{}),S=k.mergeSections,N=void 0===S||S,U=k.mergeProps,_=void 0!==U&&U,E=function(){var n=x.apply(void 0,arguments);return Array.isArray(n)?{className:o.classNames.apply(void 0,u(n))}:o.ObjectUtils.isString(n)?{className:n}:null!=n&&n.hasOwnProperty("className")&&Array.isArray(n.className)?{className:o.classNames.apply(void 0,u(n.className))}:n},F=r?l?j(E,a,i):P(E,a,i):void 0,M=l?void 0:w(O(t,s),E,a,i),C=!c&&v(v({},"root"===p&&m({},"".concat(d,"name"),i.props&&i.props.__parentMetadata?o.ObjectUtils.toFlatCase(i.props.__TYPE):s)),{},m({},"".concat(d,"section"),p));return N||!N&&M?_?o._mergeProps([F,M,Object.keys(C).length?C:{}],{classNameMergeFunction:null===(n=h.context.ptOptions)||void 0===n?void 0:n.classNameMergeFunction}):v(v(v({},F),M),Object.keys(C).length?C:{}):v(v({},M),Object.keys(C).length?C:{})};return v(v({getProps:function(n){return h.context=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},h.cProps=n,o.ObjectUtils.getMergedProps(n,e)},getOtherProps:function(n){return o.ObjectUtils.getDiffProps(n,e)},setMetaData:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=n.props,l=n.state,p=function(){return h.context.unstyled||r.default.unstyled||e.unstyled};return{ptm:function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a((e||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",v(v({},n),t))},ptmo:function(){return a(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},!1)},sx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!(arguments.length>2&&void 0!==arguments[2])||arguments[2]){var a,p=x(t&&t.inlineStyles,n,v({props:e,state:l},r)),s=x(i,n,v({props:e,state:l},r));return o._mergeProps([s,p],{classNameMergeFunction:null===(a=h.context.ptOptions)||void 0===a?void 0:a.classNameMergeFunction})}},cx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return p()?void 0:x(t&&t.classes,n,v({props:e,state:l},o))},isUnstyled:p}}},n),{},{defaultProps:e})}},x=function n(t){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=String(o.ObjectUtils.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"")).split("."),r=i.shift(),a=o.ObjectUtils.isNotEmpty(t)?Object.keys(t).find((function(n){return o.ObjectUtils.toFlatCase(n)===r})):"";return r?o.ObjectUtils.isObject(t)?n(o.ObjectUtils.getItemValue(t[a],e),i.join("."),e):void 0:o.ObjectUtils.getItemValue(t,e)},O=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",e=arguments.length>2?arguments[2]:void 0,i=null==n?void 0:n._usept,r=function(n){var i,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=e?e(n):n,l=o.ObjectUtils.toFlatCase(t);return null!==(i=r?l!==h.cName?null==a?void 0:a[l]:void 0:null==a?void 0:a[l])&&void 0!==i?i:a};return o.ObjectUtils.isNotEmpty(i)?{_usept:i,originalValue:r(n.originalValue),value:r(n.value)}:r(n,!0)},w=function(n,t,e,i){var r=function(n){return t(n,e,i)};if(null!=n&&n.hasOwnProperty("_usept")){var a=n._usept||h.context.ptOptions||{},l=a.mergeSections,p=void 0===l||l,s=a.mergeProps,c=void 0!==s&&s,u=a.classNameMergeFunction,d=r(n.originalValue),f=r(n.value);if(void 0===d&&void 0===f)return;return o.ObjectUtils.isString(f)?f:o.ObjectUtils.isString(d)?d:p||!p&&f?c?o._mergeProps([d,f],{classNameMergeFunction:u}):v(v({},d),f):f}return r(n)},j=function(n,t,e){return w(O(h.context.pt||r.default.pt,void 0,(function(n){return o.ObjectUtils.getItemValue(n,h.cParams)})),n,t,e)},P=function(n,t,e){return w(O(h.context.pt||r.default.pt,void 0,(function(n){return x(n,h.cName,h.cParams)||o.ObjectUtils.getItemValue(n,h.cParams)})),n,t,e)};return n.ComponentBase=h,n.useHandleStyle=function(n){var t=arguments.length>2?arguments[2]:void 0,i=t.name,r=t.styled,a=void 0!==r&&r,l=t.hostName,p=void 0===l?"":l,s=j(x,"global.css",h.cParams),c=o.ObjectUtils.toFlatCase(i),u=e.useStyle("\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",{name:"base",manual:!0}).load,d=e.useStyle(y,{name:"common",manual:!0}).load,f=e.useStyle(s,{name:"global",manual:!0}).load,b=e.useStyle(n,{name:i,manual:!0}).load,m=function(n){if(!p){var t=w(O((h.cProps||{}).pt,c),x,"hooks.".concat(n)),e=P(x,"hooks.".concat(n));null==t||t(),null==e||e()}};m("useMountEffect"),e.useMountEffect((function(){u(),f(),d(),a||b()})),e.useUpdateEffect((function(){m("useUpdateEffect")})),e.useUnmountEffect((function(){m("useUnmountEffect")}))},Object.defineProperty(n,"__esModule",{value:!0}),n}({},primereact.api,primereact.hooks,primereact.utils);

package/confirmdialog/confirmdialog.cjs.js

@@ -159,24 +159,25 @@ var classes = {
 var ConfirmDialogBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ConfirmDialog',
-    tagKey: undefined,
-    visible: undefined,
-    message: null,
-    rejectLabel: null,
-    acceptLabel: null,
-    icon: null,
-    rejectIcon: null,
-    acceptIcon: null,
-    rejectClassName: null,
+    accept: null,
     acceptClassName: null,
-    className: null,
+    acceptIcon: null,
+    acceptLabel: null,
     appendTo: null,
-    footer: null,
     breakpoints: null,
+    children: undefined,
+    className: null,
+    defaultFocus: 'accept',
+    footer: null,
+    icon: null,
+    message: null,
     onHide: null,
-    accept: null,
     reject: null,
-    children: undefined
+    rejectClassName: null,
+    rejectIcon: null,
+    rejectLabel: null,
+    tagKey: undefined,
+    visible: undefined
   },
   css: {
     classes: classes
@@ -208,6 +209,7 @@ var confirmDialog = function confirmDialog() {
   };
 };
 var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ConfirmDialogBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.visible),
@@ -222,10 +224,16 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var isCallbackExecuting = React__namespace.useRef(false);
   var focusElementOnHide = React__namespace.useRef(null);
   var getCurrentProps = function getCurrentProps() {
-    return Object.assign(props, confirmProps.current);
+    var group = props.group;
+    if (confirmProps.current) {
+      group = confirmProps.current.group;
+    }
+    return Object.assign({}, props, confirmProps.current, {
+      group: group
+    });
   };
   var getPropValue = function getPropValue(key) {
-    return Object.assign(props, confirmProps.current)[key];
+    return getCurrentProps()[key];
   };
   var callbackFromProp = function callbackFromProp(key) {
     for (var _len = arguments.length, param = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -318,12 +326,14 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     };
   });
   var createFooter = function createFooter() {
+    var defaultFocus = getPropValue('defaultFocus');
     var acceptClassName = utils.classNames('p-confirm-dialog-accept', getPropValue('acceptClassName'));
     var rejectClassName = utils.classNames('p-confirm-dialog-reject', {
       'p-button-text': !getPropValue('rejectClassName')
     }, getPropValue('rejectClassName'));
     var rejectButtonProps = {
       label: rejectLabel,
+      autoFocus: defaultFocus === 'reject',
       icon: getPropValue('rejectIcon'),
       className: utils.classNames(getPropValue('rejectClassName'), cx('rejectButton', {
         getPropValue: getPropValue
@@ -335,19 +345,19 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         parent: metaData
       }
     };
-    var acceptButtonProps = utils.mergeProps({
+    var acceptButtonProps = mergeProps({
       label: acceptLabel,
+      autoFocus: defaultFocus === undefined || defaultFocus === 'accept',
       icon: getPropValue('acceptIcon'),
       className: utils.classNames(getPropValue('acceptClassName'), cx('acceptButton')),
       onClick: accept,
+      pt: ptm('acceptButton'),
       unstyled: props.unstyled,
       __parentMetadata: {
         parent: metaData
       }
     }, ptm('acceptButton'));
-    var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(button.Button, rejectButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({}, acceptButtonProps, {
-      autoFocus: true
-    })));
+    var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(button.Button, rejectButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, acceptButtonProps));
     if (getPropValue('footer')) {
       var defaultContentOptions = {
         accept: accept,
@@ -366,17 +376,17 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var createElement = function createElement() {
     var currentProps = getCurrentProps();
     var message = utils.ObjectUtils.getJSXElement(getPropValue('message'), currentProps);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
     var icon = utils.IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread({}, iconProps), {
       props: currentProps
     });
     var footer = createFooter();
-    var messageProps = utils.mergeProps({
+    var messageProps = mergeProps({
       className: cx('message')
     }, ptm('message'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       visible: visibleState,
       className: utils.classNames(getPropValue('className'), cx('root')),
       footer: footer,

package/confirmdialog/confirmdialog.cjs.min.js

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

package/confirmdialog/confirmdialog.d.ts

@@ -8,18 +8,20 @@
  *
  */
 import * as React from 'react';
+import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { ButtonPassThroughOptions } from '../button/button';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { DialogProps } from '../dialog';
 import { PassThroughOptions } from '../passthrough';
 import { IconType, PassThroughType } from '../utils';
 
-export declare type ConfirmDialogPassThroughType<T> = PassThroughType<T, ConfirmDialogThroughMethodOptions>;
+export declare type ConfirmDialogPassThroughType<T> = PassThroughType<T, ConfirmDialogPassThroughMethodOptions>;
+export declare type ConfirmDialogPassThroughTransitionType = ReactCSSTransitionProps | ((options: ConfirmDialogPassThroughMethodOptions) => ReactCSSTransitionProps) | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
-export interface ConfirmDialogThroughMethodOptions {
+export interface ConfirmDialogPassThroughMethodOptions {
     props: ConfirmDialogProps;
     state: ConfirmDialogState;
 }
@@ -84,6 +86,10 @@ export interface ConfirmDialogPassThroughOptions {
      * @see {@link ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control React Transition API.
+     */
+    transition?: ConfirmDialogPassThroughTransitionType;
 }
 
 /**
@@ -131,6 +137,11 @@ interface ConfirmDialogOptions {
      * @defaultValue No
      */
     rejectLabel: string;
+    /**
+     * Element to receive the focus when the dialog gets visible, valid values are "accept" and "reject".
+     * @defaultValue accept
+     */
+    defaultFocus: string;
     /**
      * Default element created by the component.
      */
@@ -194,11 +205,16 @@ export interface ConfirmDialogProps extends Omit<DialogProps, 'onHide' | 'footer
      * Style class of the accept button.
      */
     acceptClassName?: string | undefined;
+    /**
+     * Element to receive the focus when the dialog gets visible, valid values are "accept" and "reject".
+     * @defaultValue accept
+     */
+    defaultFocus?: string | undefined;
     /**
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and "self". The "self" value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * Style class of the element.
      */

package/confirmdialog/confirmdialog.esm.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { PrimeReactContext, localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { Dialog } from 'primereact/dialog';
-import { useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
@@ -135,24 +135,25 @@ var classes = {
 var ConfirmDialogBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ConfirmDialog',
-    tagKey: undefined,
-    visible: undefined,
-    message: null,
-    rejectLabel: null,
-    acceptLabel: null,
-    icon: null,
-    rejectIcon: null,
-    acceptIcon: null,
-    rejectClassName: null,
+    accept: null,
     acceptClassName: null,
-    className: null,
+    acceptIcon: null,
+    acceptLabel: null,
     appendTo: null,
-    footer: null,
     breakpoints: null,
+    children: undefined,
+    className: null,
+    defaultFocus: 'accept',
+    footer: null,
+    icon: null,
+    message: null,
     onHide: null,
-    accept: null,
     reject: null,
-    children: undefined
+    rejectClassName: null,
+    rejectIcon: null,
+    rejectLabel: null,
+    tagKey: undefined,
+    visible: undefined
   },
   css: {
     classes: classes
@@ -184,6 +185,7 @@ var confirmDialog = function confirmDialog() {
   };
 };
 var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ConfirmDialogBase.getProps(inProps, context);
   var _React$useState = React.useState(props.visible),
@@ -198,10 +200,16 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   var isCallbackExecuting = React.useRef(false);
   var focusElementOnHide = React.useRef(null);
   var getCurrentProps = function getCurrentProps() {
-    return Object.assign(props, confirmProps.current);
+    var group = props.group;
+    if (confirmProps.current) {
+      group = confirmProps.current.group;
+    }
+    return Object.assign({}, props, confirmProps.current, {
+      group: group
+    });
   };
   var getPropValue = function getPropValue(key) {
-    return Object.assign(props, confirmProps.current)[key];
+    return getCurrentProps()[key];
   };
   var callbackFromProp = function callbackFromProp(key) {
     for (var _len = arguments.length, param = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -294,12 +302,14 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     };
   });
   var createFooter = function createFooter() {
+    var defaultFocus = getPropValue('defaultFocus');
     var acceptClassName = classNames('p-confirm-dialog-accept', getPropValue('acceptClassName'));
     var rejectClassName = classNames('p-confirm-dialog-reject', {
       'p-button-text': !getPropValue('rejectClassName')
     }, getPropValue('rejectClassName'));
     var rejectButtonProps = {
       label: rejectLabel,
+      autoFocus: defaultFocus === 'reject',
       icon: getPropValue('rejectIcon'),
       className: classNames(getPropValue('rejectClassName'), cx('rejectButton', {
         getPropValue: getPropValue
@@ -313,17 +323,17 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     };
     var acceptButtonProps = mergeProps({
       label: acceptLabel,
+      autoFocus: defaultFocus === undefined || defaultFocus === 'accept',
       icon: getPropValue('acceptIcon'),
       className: classNames(getPropValue('acceptClassName'), cx('acceptButton')),
       onClick: accept,
+      pt: ptm('acceptButton'),
       unstyled: props.unstyled,
       __parentMetadata: {
         parent: metaData
       }
     }, ptm('acceptButton'));
-    var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, rejectButtonProps), /*#__PURE__*/React.createElement(Button, _extends({}, acceptButtonProps, {
-      autoFocus: true
-    })));
+    var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, rejectButtonProps), /*#__PURE__*/React.createElement(Button, acceptButtonProps));
     if (getPropValue('footer')) {
       var defaultContentOptions = {
         accept: accept,

package/confirmdialog/confirmdialog.esm.min.js

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

package/confirmdialog/confirmdialog.js

@@ -148,24 +148,25 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
   var ConfirmDialogBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'ConfirmDialog',
-      tagKey: undefined,
-      visible: undefined,
-      message: null,
-      rejectLabel: null,
-      acceptLabel: null,
-      icon: null,
-      rejectIcon: null,
-      acceptIcon: null,
-      rejectClassName: null,
+      accept: null,
       acceptClassName: null,
-      className: null,
+      acceptIcon: null,
+      acceptLabel: null,
       appendTo: null,
-      footer: null,
       breakpoints: null,
+      children: undefined,
+      className: null,
+      defaultFocus: 'accept',
+      footer: null,
+      icon: null,
+      message: null,
       onHide: null,
-      accept: null,
       reject: null,
-      children: undefined
+      rejectClassName: null,
+      rejectIcon: null,
+      rejectLabel: null,
+      tagKey: undefined,
+      visible: undefined
     },
     css: {
       classes: classes
@@ -197,6 +198,7 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
     };
   };
   var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ConfirmDialogBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.visible),
@@ -211,10 +213,16 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
     var isCallbackExecuting = React__namespace.useRef(false);
     var focusElementOnHide = React__namespace.useRef(null);
     var getCurrentProps = function getCurrentProps() {
-      return Object.assign(props, confirmProps.current);
+      var group = props.group;
+      if (confirmProps.current) {
+        group = confirmProps.current.group;
+      }
+      return Object.assign({}, props, confirmProps.current, {
+        group: group
+      });
     };
     var getPropValue = function getPropValue(key) {
-      return Object.assign(props, confirmProps.current)[key];
+      return getCurrentProps()[key];
     };
     var callbackFromProp = function callbackFromProp(key) {
       for (var _len = arguments.length, param = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -307,12 +315,14 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
       };
     });
     var createFooter = function createFooter() {
+      var defaultFocus = getPropValue('defaultFocus');
       var acceptClassName = utils.classNames('p-confirm-dialog-accept', getPropValue('acceptClassName'));
       var rejectClassName = utils.classNames('p-confirm-dialog-reject', {
         'p-button-text': !getPropValue('rejectClassName')
       }, getPropValue('rejectClassName'));
       var rejectButtonProps = {
         label: rejectLabel,
+        autoFocus: defaultFocus === 'reject',
         icon: getPropValue('rejectIcon'),
         className: utils.classNames(getPropValue('rejectClassName'), cx('rejectButton', {
           getPropValue: getPropValue
@@ -324,19 +334,19 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
           parent: metaData
         }
       };
-      var acceptButtonProps = utils.mergeProps({
+      var acceptButtonProps = mergeProps({
         label: acceptLabel,
+        autoFocus: defaultFocus === undefined || defaultFocus === 'accept',
         icon: getPropValue('acceptIcon'),
         className: utils.classNames(getPropValue('acceptClassName'), cx('acceptButton')),
         onClick: accept,
+        pt: ptm('acceptButton'),
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: metaData
         }
       }, ptm('acceptButton'));
-      var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(button.Button, rejectButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({}, acceptButtonProps, {
-        autoFocus: true
-      })));
+      var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(button.Button, rejectButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, acceptButtonProps));
       if (getPropValue('footer')) {
         var defaultContentOptions = {
           accept: accept,
@@ -355,17 +365,17 @@ this.primereact.confirmdialog = (function (exports, React, api, button, dialog,
     var createElement = function createElement() {
       var currentProps = getCurrentProps();
       var message = utils.ObjectUtils.getJSXElement(getPropValue('message'), currentProps);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
       var icon = utils.IconUtils.getJSXIcon(getPropValue('icon'), _objectSpread({}, iconProps), {
         props: currentProps
       });
       var footer = createFooter();
-      var messageProps = utils.mergeProps({
+      var messageProps = mergeProps({
         className: cx('message')
       }, ptm('message'));
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         visible: visibleState,
         className: utils.classNames(getPropValue('className'), cx('root')),
         footer: footer,