primereact 10.3.1 → 10.3.2

package/dialog/dialog.js

@@ -283,6 +283,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
   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 Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = DialogBase.getProps(inProps, context);
     var uniqueId = props.id ? props.id : utils.UniqueComponentId();
@@ -341,7 +342,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           onClose(event);
         }
       },
-      when: visibleState,
+      when: visibleState && displayOrder,
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
@@ -748,7 +749,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     var createCloseIcon = function createCloseIcon() {
       if (props.closable) {
         var ariaLabel = props.ariaCloseIconLabel || PrimeReact.localeOption('close');
-        var closeButtonIconProps = utils.mergeProps({
+        var closeButtonIconProps = mergeProps({
           className: cx('closeButtonIcon'),
           'aria-hidden': true
         }, ptm('closeButtonIcon'));
@@ -756,7 +757,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         var headerCloseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeButtonIconProps), {
           props: props
         });
-        var closeButtonProps = utils.mergeProps({
+        var closeButtonProps = mergeProps({
           ref: closeRef,
           type: 'button',
           className: cx('closeButton'),
@@ -769,7 +770,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     };
     var createMaximizeIcon = function createMaximizeIcon() {
       var icon;
-      var maximizableIconProps = utils.mergeProps({
+      var maximizableIconProps = mergeProps({
         className: cx('maximizableIcon')
       }, ptm('maximizableIcon'));
       if (!maximized) {
@@ -781,7 +782,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         props: props
       });
       if (props.maximizable) {
-        var maximizableButtonProps = utils.mergeProps({
+        var maximizableButtonProps = mergeProps({
           type: 'button',
           className: cx('maximizableButton'),
           onClick: toggleMaximize
@@ -797,17 +798,17 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
         var header = utils.ObjectUtils.getJSXElement(props.header, props);
         var headerId = idState + '_header';
-        var headerProps = utils.mergeProps({
+        var headerProps = mergeProps({
           ref: headerRef,
           style: props.headerStyle,
           className: cx('header'),
           onMouseDown: onDragStart
         }, ptm('header'));
-        var headerTitleProps = utils.mergeProps({
+        var headerTitleProps = mergeProps({
           id: headerId,
           className: cx('headerTitle')
         }, ptm('headerTitle'));
-        var headerIconsProps = utils.mergeProps({
+        var headerIconsProps = mergeProps({
           className: cx('headerIcons')
         }, ptm('headerIcons'));
         return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("div", headerTitleProps, header), /*#__PURE__*/React__namespace.createElement("div", headerIconsProps, icons, maximizeIcon, closeIcon));
@@ -816,7 +817,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     };
     var createContent = function createContent() {
       var contentId = idState + '_content';
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         id: contentId,
         ref: contentRef,
         style: props.contentStyle,
@@ -826,7 +827,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     };
     var createFooter = function createFooter() {
       var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         ref: footerRef,
         className: cx('footer')
       }, ptm('footer'));
@@ -885,13 +886,13 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         enter: props.position === 'center' ? 150 : 300,
         exit: props.position === 'center' ? 150 : 300
       };
-      var maskProps = utils.mergeProps({
+      var maskProps = mergeProps({
         ref: maskRef,
         style: sx('mask'),
         className: cx('mask'),
         onPointerUp: onMaskPointerUp
       }, ptm('mask'));
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         ref: dialogRef,
         id: idState,
         className: cx('root', {
@@ -907,7 +908,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         'aria-modal': props.modal,
         onPointerDown: onDialogPointerDown
       }, DialogBase.getOtherProps(props), ptm('root'));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         timeout: transitionTimeout,
         "in": visibleState,

package/dialog/dialog.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,r,o,i,a,l,c,s,u,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 g=m(t),f=d(n);function b(){return b=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},b.apply(this,arguments)}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 h(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 v(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function P(){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 E(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===y(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function k(){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 I(e,t){return D(e)||z(e,t)||w(e,t)||k()}function j(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=r.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return p.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return p.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return p.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,r=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return p.classNames("p-dialog-mask",r?"p-dialog-".concat(r):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,r=e.context;return p.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===f.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return C({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function H(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=g.forwardRef((function(e,t){var d=g.useContext(n.PrimeReactContext),m=R.getProps(e,d),y=m.id?m.id:p.UniqueComponentId(),h=I(g.useState(y),2),E=h[0],O=I(g.useState(!1),2),S=O[0],D=O[1],z=I(g.useState(!1),2),k=z[0],j=z[1],C=I(g.useState(m.maximized),2),H=C[0],M=C[1],T=g.useRef(null),B=g.useRef(null),U=g.useRef(null),_=g.useRef(null),X=g.useRef(null),A=g.useRef(null),L=g.useRef(null),Y=g.useRef(!1),V=g.useRef(!1),Z=g.useRef(null),J=g.useRef(null),F=g.useRef(null),W=g.useRef(y),G=g.useRef(null),K=m.onMaximize?m.maximized:H,$=k&&(m.blockScroll||m.maximizable&&K),q=i.useDisplayOrder("dialog",k),Q=R.setMetaData(N(N({props:m},m.__parentMetadata),{},{state:{id:E,maximized:K,containerVisible:S}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;r.useHandleStyle(R.css.styles,Q.isUnstyled,{name:"dialog"}),i.useGlobalOnEscapeKey({callback:function(e){m.closable&&m.closeOnEscape&&he(e)},when:k,priority:[i.ESC_KEY_HANDLING_PRIORITIES.DIALOG,q]});var re=I(i.useEventListener({type:"keydown",listener:function(e){return Pe(e)}}),2),oe=re[0],ie=re[1],ae=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ke(e)}}),2),le=ae[0],ce=ae[1],se=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ue=se[0],pe=se[1],de=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Oe(e)}}),2),me=de[0],ge=de[1],fe=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Se(e)}}),2),be=fe[0],ye=fe[1],he=function(e){m.onHide(),e.preventDefault()},ve=function(e){U.current=e.target,m.onPointerDown&&m.onPointerDown(e)},xe=function(e){m.dismissableMask&&m.modal&&B.current===e.target&&!U.current&&he(e),m.onMaskClick&&m.onMaskClick(e),U.current=null},we=function(e){m.onMaximize?m.onMaximize({originalEvent:e,maximized:!K}):M((function(e){return!e})),e.preventDefault()},Pe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===E){var i=document.getElementById(o);if("Tab"===e.key){e.preventDefault();var a=p.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Ee=function(e){p.DomHandler.hasClass(e.target,"p-dialog-header-icon")||p.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||m.draggable&&(Y.current=!0,Z.current=e.pageX,J.current=e.pageY,T.current.style.margin="0",p.DomHandler.addClass(document.body,"p-unselectable-text"),m.onDragStart&&m.onDragStart(e))},Oe=function(e){if(Y.current){var t=p.DomHandler.getOuterWidth(T.current),n=p.DomHandler.getOuterHeight(T.current),r=e.pageX-Z.current,o=e.pageY-J.current,i=T.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=p.DomHandler.getViewport(),s=getComputedStyle(T.current),u=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);T.current.style.position="fixed",m.keepInViewport?(a>=m.minX&&a+t<c.width&&(Z.current=e.pageX,T.current.style.left=a-u+"px"),l>=m.minY&&l+n<c.height&&(J.current=e.pageY,T.current.style.top=l-d+"px")):(Z.current=e.pageX,T.current.style.left=a-u+"px",J.current=e.pageY,T.current.style.top=l-d+"px"),m.onDrag&&m.onDrag(e)}},Se=function(e){Y.current&&(Y.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onDragEnd&&m.onDragEnd(e))},De=function(e){m.resizable&&(V.current=!0,Z.current=e.pageX,J.current=e.pageY,p.DomHandler.addClass(document.body,"p-unselectable-text"),m.onResizeStart&&m.onResizeStart(e))},ze=function(e,t,n){!n&&(n=p.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},ke=function(e){if(V.current){var t=e.pageX-Z.current,n=e.pageY-J.current,r=p.DomHandler.getOuterWidth(T.current),o=p.DomHandler.getOuterHeight(T.current),i=T.current.getBoundingClientRect(),a=p.DomHandler.getViewport(),l=!parseInt(T.current.style.top)||!parseInt(T.current.style.left),c=ze(T.current.style.minWidth,"width",a),s=ze(T.current.style.minHeight,"height",a),u=r+t,d=o+n;l&&(u+=t,d+=n),(!c||u>c)&&i.left+u<a.width&&(T.current.style.width=u+"px"),(!s||d>s)&&i.top+d<a.height&&(T.current.style.height=d+"px"),Z.current=e.pageX,J.current=e.pageY,m.onResize&&m.onResize(e)}},Ie=function(e){V.current&&(V.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onResizeEnd&&m.onResizeEnd(e))},je=function(){T.current.style.position="",T.current.style.left="",T.current.style.top="",T.current.style.margin=""},Ce=function(){T.current.setAttribute(W.current,"")},Re=function(){var e;m.onShow&&m.onShow(),m.focusOnShow&&!((e=document.activeElement)&&T.current&&T.current.contains(e))&&m.closable&&m.showHeader&&L.current&&L.current.focus(),Me()},He=function(){m.modal&&p.DomHandler.addClass(B.current,"p-component-overlay-leave")},Ne=function(){Y.current=!1,p.ZIndexUtils.clear(B.current),D(!1),Te(),p.DomHandler.focus(G.current),G.current=null},Me=function(){Ue()},Te=function(){_e()},Be=function(e){if(e&&k){var t={id:E,hasBlockScroll:$};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===E}));document.primeDialogParams=-1===n?[].concat(v(r=document.primeDialogParams)||x(r)||w(r)||P(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==E}));var r;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?p.DomHandler.blockBodyScroll():p.DomHandler.unblockBodyScroll()},Ue=function(){m.draggable&&(me(),be()),m.resizable&&(le(),ue()),oe()},_e=function(){ge(),ye(),ce(),pe(),ie()},Xe=function(){F.current=p.DomHandler.createInlineStyle(d&&d.nonce||f.default.nonce,d&&d.styleContainer);var e="";for(var t in m.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(W.current,"] {\n                        width: ").concat(m.breakpoints[t]," !important;\n                    }\n                }\n            ");F.current.innerHTML=e};i.useMountEffect((function(){Be(!0),m.visible&&D(!0)})),g.useEffect((function(){return m.breakpoints&&Xe(),function(){F.current=p.DomHandler.removeInlineStyle(F.current)}}),[m.breakpoints]),i.useUpdateEffect((function(){m.visible&&!S&&D(!0),m.visible!==k&&S&&j(m.visible),m.visible&&(G.current=document.activeElement)}),[m.visible,S]),i.useUpdateEffect((function(){S&&(p.ZIndexUtils.set("modal",B.current,d&&d.autoZIndex||f.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||f.default.zIndex.modal),j(!0))}),[S]),i.useUpdateEffect((function(){Be(!0)}),[$,k]),i.useUnmountEffect((function(){Te(),Be(!1),p.DomHandler.removeInlineStyle(F.current),p.ZIndexUtils.clear(B.current)})),g.useImperativeHandle(t,(function(){return{props:m,resetPosition:je,getElement:function(){return T.current},getMask:function(){return B.current},getContent:function(){return _.current},getHeader:function(){return X.current},getFooter:function(){return A.current},getCloseButton:function(){return L.current}}}));var Ae=function(){if(m.closable){var e=m.ariaCloseIconLabel||n.localeOption("close"),t=p.mergeProps({className:te("closeButtonIcon"),"aria-hidden":!0},ee("closeButtonIcon")),r=p.IconUtils.getJSXIcon(m.closeIcon||g.createElement(a.TimesIcon,t),N({},t),{props:m}),o=p.mergeProps({ref:L,type:"button",className:te("closeButton"),"aria-label":e,onClick:he},ee("closeButton"));return g.createElement("button",o,r,g.createElement(u.Ripple,null))}return null},Le=function(){var e=p.mergeProps({className:te("maximizableIcon")},ee("maximizableIcon")),t=p.IconUtils.getJSXIcon(K?m.minimizeIcon||g.createElement(c.WindowMinimizeIcon,e):m.maximizeIcon||g.createElement(l.WindowMaximizeIcon,e),e,{props:m});if(m.maximizable){var n=p.mergeProps({type:"button",className:te("maximizableButton"),onClick:we},ee("maximizableButton"));return g.createElement("button",n,t,g.createElement(u.Ripple,null))}return null},Ye=function(){if(m.showHeader){var e=Ae(),t=Le(),n=p.ObjectUtils.getJSXElement(m.icons,m),r=p.ObjectUtils.getJSXElement(m.header,m),o=E+"_header",i=p.mergeProps({ref:X,style:m.headerStyle,className:te("header"),onMouseDown:Ee},ee("header")),a=p.mergeProps({id:o,className:te("headerTitle")},ee("headerTitle")),l=p.mergeProps({className:te("headerIcons")},ee("headerIcons"));return g.createElement("div",i,g.createElement("div",a,r),g.createElement("div",l,n,t,e))}return null},Ve=function(){var e=p.ObjectUtils.getJSXElement(m.footer,m),t=p.mergeProps({ref:A,className:te("footer")},ee("footer"));return e&&g.createElement("div",t,e)},Ze=function(t){var n,r=t.rootProps,i={header:m.header,content:m.message,message:null==m||null===(n=m.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:X,contentRef:_,footerRef:A,closeRef:L,hide:he,message:i};return g.createElement("div",t.maskProps,g.createElement(o.CSSTransition,b({nodeRef:T},t.transitionProps),g.createElement("div",r,p.ObjectUtils.getJSXElement(e.content,a))))},Je=function(e){var t,n=e.maskProps,r=e.rootProps,i=e.transitionProps,a=Ye(),l=(t=p.mergeProps({id:E+"_content",ref:_,style:m.contentStyle,className:te("content")},ee("content")),g.createElement("div",t,m.children)),c=Ve(),s=m.resizable?g.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:De}):null;return g.createElement("div",n,g.createElement(o.CSSTransition,b({nodeRef:T},i),g.createElement("div",r,a,l,c,s)))};return S&&function(){var t=E+"_header",n=E+"_content",r={enter:"center"===m.position?150:300,exit:"center"===m.position?150:300},o=p.mergeProps({ref:B,style:ne("mask"),className:te("mask"),onPointerUp:xe},ee("mask")),i=p.mergeProps({ref:T,id:E,className:te("root",{props:m,maximized:K,context:d}),style:m.style,onClick:m.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":m.modal,onPointerDown:ve},R.getOtherProps(m),ee("root")),a=p.mergeProps({classNames:te("transition"),timeout:r,in:k,options:m.transitionOptions,unmountOnExit:!0,onEnter:Ce,onEntered:Re,onExiting:He,onExited:Ne},ee("transition"));if(null!=e&&e.content){var l=Ze({maskProps:o,rootProps:i,transitionProps:a});return g.createElement(s.Portal,{element:l,appendTo:m.appendTo,visible:!0})}var c=Je({maskProps:o,rootProps:i,transitionProps:a});return g.createElement(s.Portal,{element:c,appendTo:m.appendTo,visible:!0})}()}));return M.displayName="Dialog",e.Dialog=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.icons.windowmaximize,primereact.icons.windowminimize,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,o,r,i,a,l,c,s,u,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=m(t),g=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(this,arguments)}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 h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function v(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function E(){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 O(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function S(e){var t=O(e,"string");return"symbol"===y(t)?t:String(t)}function D(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function k(){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 I(e,t){return P(e)||z(e,t)||w(e,t)||k()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=o.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return p.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return p.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return p.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return p.classNames("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,o=e.context;return p.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":o&&"filled"===o.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===g.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n    .p-dialog-mask {\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-dialog-visible {\n        display: flex;\n    }\n    \n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        max-height: 90%;\n        transform: scale(1);\n        position: relative;\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-dialog .p-dialog-title {\n        flex-grow: 1;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-dialog-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-dialog-enter-done {\n        transform: none;\n    }\n    \n    .p-dialog-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-top-left .p-dialog,\n    .p-dialog-top-right .p-dialog,\n    .p-dialog-bottom-left .p-dialog,\n    .p-dialog-bottom-right .p-dialog {\n        margin: 0.75em;\n    }\n    \n    .p-dialog-top .p-dialog-enter,\n    .p-dialog-top .p-dialog-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-dialog-bottom .p-dialog-enter,\n    .p-dialog-bottom .p-dialog-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-dialog-left .p-dialog-enter,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-enter,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-enter,\n    .p-dialog-bottom-left .p-dialog-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-dialog-right .p-dialog-enter,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-enter,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-enter,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-top-left .p-dialog-enter-active,\n    .p-dialog-bottom-left .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-top-right .p-dialog-enter-active,\n    .p-dialog-bottom-right .p-dialog-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s ease-out;\n    }\n    \n    .p-dialog-top .p-dialog-exit-active,\n    .p-dialog-bottom .p-dialog-exit-active,\n    .p-dialog-left .p-dialog-exit-active,\n    .p-dialog-top-left .p-dialog-exit-active,\n    .p-dialog-bottom-left .p-dialog-exit-active,\n    .p-dialog-right .p-dialog-exit-active,\n    .p-dialog-top-right .p-dialog-exit-active,\n    .p-dialog-bottom-right .p-dialog-exit-active {\n        transition: all 0.3s ease-out;\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        transition: none;\n        transform: none;\n        margin: 0;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n    \n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    /* Resizable */\n    .p-dialog .p-resizable-handle {\n        position: absolute;\n        font-size: 0.1px;\n        display: block;\n        cursor: se-resize;\n        width: 12px;\n        height: 12px;\n        right: 1px;\n        bottom: 1px;\n    }\n    \n    .p-dialog-draggable .p-dialog-header {\n        cursor: move;\n    }        \n}\n",inlineStyles:{mask:function(e){var t=e.props;return C({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=f.forwardRef((function(e,t){var d=i.useMergeProps(),m=f.useContext(n.PrimeReactContext),y=R.getProps(e,m),h=y.id?y.id:p.UniqueComponentId(),O=I(f.useState(h),2),S=O[0],D=I(f.useState(!1),2),P=D[0],z=D[1],k=I(f.useState(!1),2),j=k[0],C=k[1],H=I(f.useState(y.maximized),2),M=H[0],T=H[1],B=f.useRef(null),U=f.useRef(null),_=f.useRef(null),X=f.useRef(null),A=f.useRef(null),L=f.useRef(null),Y=f.useRef(null),V=f.useRef(!1),Z=f.useRef(!1),J=f.useRef(null),F=f.useRef(null),W=f.useRef(null),G=f.useRef(h),K=f.useRef(null),$=y.onMaximize?y.maximized:M,q=j&&(y.blockScroll||y.maximizable&&$),Q=i.useDisplayOrder("dialog",j),ee=R.setMetaData(N(N({props:y},y.__parentMetadata),{},{state:{id:S,maximized:$,containerVisible:P}})),te=ee.ptm,ne=ee.cx,oe=ee.sx;o.useHandleStyle(R.css.styles,ee.isUnstyled,{name:"dialog"}),i.useGlobalOnEscapeKey({callback:function(e){y.closable&&y.closeOnEscape&&ve(e)},when:j&&Q,priority:[i.ESC_KEY_HANDLING_PRIORITIES.DIALOG,Q]});var re=I(i.useEventListener({type:"keydown",listener:function(e){return Oe(e)}}),2),ie=re[0],ae=re[1],le=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ce=le[0],se=le[1],ue=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return je(e)}}),2),pe=ue[0],de=ue[1],me=I(i.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return De(e)}}),2),fe=me[0],ge=me[1],be=I(i.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Pe(e)}}),2),ye=be[0],he=be[1],ve=function(e){y.onHide(),e.preventDefault()},xe=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},we=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&ve(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Ee=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!$}):T((function(e){return!e})),e.preventDefault()},Oe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===S){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=p.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Se=function(e){p.DomHandler.hasClass(e.target,"p-dialog-header-icon")||p.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(V.current=!0,J.current=e.pageX,F.current=e.pageY,B.current.style.margin="0",p.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},De=function(e){if(V.current){var t=p.DomHandler.getOuterWidth(B.current),n=p.DomHandler.getOuterHeight(B.current),o=e.pageX-J.current,r=e.pageY-F.current,i=B.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=p.DomHandler.getViewport(),s=getComputedStyle(B.current),u=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(J.current=e.pageX,B.current.style.left=a-u+"px"),l>=y.minY&&l+n<c.height&&(F.current=e.pageY,B.current.style.top=l-d+"px")):(J.current=e.pageX,B.current.style.left=a-u+"px",F.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},Pe=function(e){V.current&&(V.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},ze=function(e){y.resizable&&(Z.current=!0,J.current=e.pageX,F.current=e.pageY,p.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},ke=function(e,t,n){!n&&(n=p.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},Ie=function(e){if(Z.current){var t=e.pageX-J.current,n=e.pageY-F.current,o=p.DomHandler.getOuterWidth(B.current),r=p.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=p.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=ke(B.current.style.minWidth,"width",a),s=ke(B.current.style.minHeight,"height",a),u=o+t,d=r+n;l&&(u+=t,d+=n),(!c||u>c)&&i.left+u<a.width&&(B.current.style.width=u+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),J.current=e.pageX,F.current=e.pageY,y.onResize&&y.onResize(e)}},je=function(e){Z.current&&(Z.current=!1,p.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},Ce=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Re=function(){B.current.setAttribute(G.current,"")},He=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&Y.current&&Y.current.focus(),Te()},Ne=function(){y.modal&&p.DomHandler.addClass(U.current,"p-component-overlay-leave")},Me=function(){V.current=!1,p.ZIndexUtils.clear(U.current),z(!1),Be(),p.DomHandler.focus(K.current),K.current=null},Te=function(){_e()},Be=function(){Xe()},Ue=function(e){if(e&&j){var t={id:S,hasBlockScroll:q};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(o=document.primeDialogParams)||x(o)||w(o)||E(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?p.DomHandler.blockBodyScroll():p.DomHandler.unblockBodyScroll()},_e=function(){y.draggable&&(fe(),ye()),y.resizable&&(ce(),pe()),ie()},Xe=function(){ge(),he(),se(),de(),ae()},Ae=function(){W.current=p.DomHandler.createInlineStyle(m&&m.nonce||g.default.nonce,m&&m.styleContainer);var e="";for(var t in y.breakpoints)e+="\n                @media screen and (max-width: ".concat(t,') {\n                     [data-pc-name="dialog"][').concat(G.current,"] {\n                        width: ").concat(y.breakpoints[t]," !important;\n                    }\n                }\n            ");W.current.innerHTML=e};i.useMountEffect((function(){Ue(!0),y.visible&&z(!0)})),f.useEffect((function(){return y.breakpoints&&Ae(),function(){W.current=p.DomHandler.removeInlineStyle(W.current)}}),[y.breakpoints]),i.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&C(y.visible),y.visible&&(K.current=document.activeElement)}),[y.visible,P]),i.useUpdateEffect((function(){P&&(p.ZIndexUtils.set("modal",U.current,m&&m.autoZIndex||g.default.autoZIndex,y.baseZIndex||m&&m.zIndex.modal||g.default.zIndex.modal),C(!0))}),[P]),i.useUpdateEffect((function(){Ue(!0)}),[q,j]),i.useUnmountEffect((function(){Be(),Ue(!1),p.DomHandler.removeInlineStyle(W.current),p.ZIndexUtils.clear(U.current)})),f.useImperativeHandle(t,(function(){return{props:y,resetPosition:Ce,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return L.current},getCloseButton:function(){return Y.current}}}));var Le=function(){if(y.closable){var e=y.ariaCloseIconLabel||n.localeOption("close"),t=d({className:ne("closeButtonIcon"),"aria-hidden":!0},te("closeButtonIcon")),o=p.IconUtils.getJSXIcon(y.closeIcon||f.createElement(a.TimesIcon,t),N({},t),{props:y}),r=d({ref:Y,type:"button",className:ne("closeButton"),"aria-label":e,onClick:ve},te("closeButton"));return f.createElement("button",r,o,f.createElement(u.Ripple,null))}return null},Ye=function(){var e=d({className:ne("maximizableIcon")},te("maximizableIcon")),t=p.IconUtils.getJSXIcon($?y.minimizeIcon||f.createElement(c.WindowMinimizeIcon,e):y.maximizeIcon||f.createElement(l.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:ne("maximizableButton"),onClick:Ee},te("maximizableButton"));return f.createElement("button",n,t,f.createElement(u.Ripple,null))}return null},Ve=function(){if(y.showHeader){var e=Le(),t=Ye(),n=p.ObjectUtils.getJSXElement(y.icons,y),o=p.ObjectUtils.getJSXElement(y.header,y),r=S+"_header",i=d({ref:A,style:y.headerStyle,className:ne("header"),onMouseDown:Se},te("header")),a=d({id:r,className:ne("headerTitle")},te("headerTitle")),l=d({className:ne("headerIcons")},te("headerIcons"));return f.createElement("div",i,f.createElement("div",a,o),f.createElement("div",l,n,t,e))}return null},Ze=function(){var e=p.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:L,className:ne("footer")},te("footer"));return e&&f.createElement("div",t,e)},Je=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:L,closeRef:Y,hide:ve,message:i};return f.createElement("div",t.maskProps,f.createElement(r.CSSTransition,b({nodeRef:B},t.transitionProps),f.createElement("div",o,p.ObjectUtils.getJSXElement(e.content,a))))},Fe=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Ve(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:ne("content")},te("content")),f.createElement("div",t,y.children)),c=Ze(),s=y.resizable?f.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ze}):null;return f.createElement("div",n,f.createElement(r.CSSTransition,b({nodeRef:B},i),f.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",o={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},r=d({ref:U,style:oe("mask"),className:ne("mask"),onPointerUp:we},te("mask")),i=d({ref:B,id:S,className:ne("root",{props:y,maximized:$,context:m}),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:xe},R.getOtherProps(y),te("root")),a=d({classNames:ne("transition"),timeout:o,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Re,onEntered:He,onExiting:Ne,onExited:Me},te("transition"));if(null!=e&&e.content){var l=Je({maskProps:r,rootProps:i,transitionProps:a});return f.createElement(s.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var c=Fe({maskProps:r,rootProps:i,transitionProps:a});return f.createElement(s.Portal,{element:c,appendTo:y.appendTo,visible:!0})}()}));return M.displayName="Dialog",e.Dialog=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.icons.windowmaximize,primereact.icons.windowminimize,primereact.portal,primereact.ripple,primereact.utils);

package/divider/divider.cjs.js

@@ -4,9 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -71,6 +72,7 @@ var DividerBase = componentbase.ComponentBase.extend({
 });
 
 var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = DividerBase.getProps(inProps, context);
   var _DividerBase$setMetaD = DividerBase.setMetaData({
@@ -94,7 +96,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       }
     };
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     style: sx('root'),
     className: cx('root', {
@@ -104,7 +106,7 @@ var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     'aria-orientation': props.layout,
     role: 'separator'
   }, DividerBase.getOtherProps(props), ptm('root'));
-  var contentProps = utils.mergeProps({
+  var contentProps = mergeProps({
     className: cx('content')
   }, ptm('content'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children));

package/divider/divider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/componentbase"),i=require("primereact/api");function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=r(e),l=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n.classNames("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=o.forwardRef((function(e,r){var d=o.useContext(i.PrimeReactContext),a=l.getProps(e,d),s=l.setMetaData({props:a}),p=s.ptm,c=s.cx,v=s.sx;t.useHandleStyle(l.css.styles,s.isUnstyled,{name:"divider"});var u=o.useRef(null),f="horizontal"===a.layout,g="vertical"===a.layout;o.useImperativeHandle(r,(function(){return{props:a,getElement:function(){return u.current}}}));var y=n.mergeProps({ref:u,style:v("root"),className:c("root",{horizontal:f,vertical:g}),"aria-orientation":a.layout,role:"separator"},l.getOtherProps(a),p("root")),m=n.mergeProps({className:c("content")},p("content"));return o.createElement("div",y,o.createElement("div",m,a.children))}));d.displayName="Divider",exports.Divider=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),i=require("primereact/hooks"),r=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=o(e),d=t.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return r.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),a=l.forwardRef((function(e,r){var o=i.useMergeProps(),a=l.useContext(n.PrimeReactContext),s=d.getProps(e,a),p=d.setMetaData({props:s}),c=p.ptm,v=p.cx,u=p.sx;t.useHandleStyle(d.css.styles,p.isUnstyled,{name:"divider"});var f=l.useRef(null),y="horizontal"===s.layout,g="vertical"===s.layout;l.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return f.current}}}));var m=o({ref:f,style:u("root"),className:v("root",{horizontal:y,vertical:g}),"aria-orientation":s.layout,role:"separator"},d.getOtherProps(s),c("root")),h=o({className:v("content")},c("content"));return l.createElement("div",m,l.createElement("div",h,s.children))}));a.displayName="Divider",exports.Divider=a;

package/divider/divider.esm.js

@@ -1,8 +1,9 @@
 'use client';
 import * as React from 'react';
-import { classNames, mergeProps } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames } from 'primereact/utils';
 
 var classes = {
   root: function root(_ref) {
@@ -47,6 +48,7 @@ var DividerBase = ComponentBase.extend({
 });
 
 var Divider = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DividerBase.getProps(inProps, context);
   var _DividerBase$setMetaD = DividerBase.setMetaData({

package/divider/divider.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as n,mergeProps as t}from"primereact/utils";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{PrimeReactContext as o}from"primereact/api";var l=i.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props,i=e.horizontal,r=e.vertical;return n("p-divider p-component p-divider-".concat(t.layout," p-divider-").concat(t.type),{"p-divider-left":i&&(!t.align||"left"===t.align),"p-divider-right":i&&"right"===t.align,"p-divider-center":i&&"center"===t.align||r&&(!t.align||"center"===t.align),"p-divider-top":r&&"top"===t.align,"p-divider-bottom":r&&"bottom"===t.align},t.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(n,i){var d=e.useContext(o),a=l.getProps(n,d),p=l.setMetaData({props:a}),s=p.ptm,c=p.cx,v=p.sx;r(l.css.styles,p.isUnstyled,{name:"divider"});var f=e.useRef(null),u="horizontal"===a.layout,m="vertical"===a.layout;e.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return f.current}}}));var g=t({ref:f,style:v("root"),className:c("root",{horizontal:u,vertical:m}),"aria-orientation":a.layout,role:"separator"},l.getOtherProps(a),s("root")),y=t({className:c("content")},s("content"));return e.createElement("div",g,e.createElement("div",y,a.children))}));d.displayName="Divider";export{d as Divider};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as r}from"primereact/hooks";import{classNames as o}from"primereact/utils";var l=t.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return o("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),d=e.forwardRef((function(t,o){var d=r(),a=e.useContext(n),p=l.getProps(t,a),s=l.setMetaData({props:p}),c=s.ptm,v=s.cx,f=s.sx;i(l.css.styles,s.isUnstyled,{name:"divider"});var m=e.useRef(null),u="horizontal"===p.layout,g="vertical"===p.layout;e.useImperativeHandle(o,(function(){return{props:p,getElement:function(){return m.current}}}));var h=d({ref:m,style:f("root"),className:v("root",{horizontal:u,vertical:g}),"aria-orientation":p.layout,role:"separator"},l.getOtherProps(p),c("root")),y=d({className:v("content")},c("content"));return e.createElement("div",h,e.createElement("div",y,p.children))}));d.displayName="Divider";export{d as Divider};

package/divider/divider.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.divider = (function (exports, React, utils, componentbase, api) {
+this.primereact.divider = (function (exports, React, api, componentbase, hooks, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -65,6 +65,7 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
     });
 
     var Divider = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = DividerBase.getProps(inProps, context);
       var _DividerBase$setMetaD = DividerBase.setMetaData({
@@ -88,7 +89,7 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
           }
         };
       });
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         ref: elementRef,
         style: sx('root'),
         className: cx('root', {
@@ -98,7 +99,7 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
         'aria-orientation': props.layout,
         role: 'separator'
       }, DividerBase.getOtherProps(props), ptm('root'));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content')
       }, ptm('content'));
       return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children));
@@ -111,4 +112,4 @@ this.primereact.divider = (function (exports, React, utils, componentbase, api)
 
     return exports;
 
-})({}, React, primereact.utils, primereact.componentbase, primereact.api);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

package/divider/divider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.divider=function(e,n,t,i,r){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=o(n),d=i.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,i=e.horizontal,r=e.vertical;return t.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":i&&(!n.align||"left"===n.align),"p-divider-right":i&&"right"===n.align,"p-divider-center":i&&"center"===n.align||r&&(!n.align||"center"===n.align),"p-divider-top":r&&"top"===n.align,"p-divider-bottom":r&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),a=l.forwardRef((function(e,n){var o=l.useContext(r.PrimeReactContext),a=d.getProps(e,o),s=d.setMetaData({props:a}),p=s.ptm,c=s.cx,v=s.sx;i.useHandleStyle(d.css.styles,s.isUnstyled,{name:"divider"});var u=l.useRef(null),f="horizontal"===a.layout,m="vertical"===a.layout;l.useImperativeHandle(n,(function(){return{props:a,getElement:function(){return u.current}}}));var g=t.mergeProps({ref:u,style:v("root"),className:c("root",{horizontal:f,vertical:m}),"aria-orientation":a.layout,role:"separator"},d.getOtherProps(a),p("root")),y=t.mergeProps({className:c("content")},p("content"));return l.createElement("div",g,l.createElement("div",y,a.children))}));return a.displayName="Divider",e.Divider=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);
+this.primereact=this.primereact||{},this.primereact.divider=function(e,n,t,i,r,o){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=l(n),a=i.ComponentBase.extend({defaultProps:{__TYPE:"Divider",align:null,layout:"horizontal",type:"solid",style:null,className:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.horizontal,i=e.vertical;return o.classNames("p-divider p-component p-divider-".concat(n.layout," p-divider-").concat(n.type),{"p-divider-left":t&&(!n.align||"left"===n.align),"p-divider-right":t&&"right"===n.align,"p-divider-center":t&&"center"===n.align||i&&(!n.align||"center"===n.align),"p-divider-top":i&&"top"===n.align,"p-divider-bottom":i&&"bottom"===n.align},n.className)},content:"p-divider-content"},styles:'\n@layer primereact {\n    .p-divider-horizontal {\n        display: flex;\n        width: 100%;\n        position: relative;\n        align-items: center;\n    }\n    \n    .p-divider-horizontal:before {\n        position: absolute;\n        display: block;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        content: "";\n    }\n    \n    .p-divider-horizontal.p-divider-left {\n        justify-content: flex-start;\n    }\n    \n    .p-divider-horizontal.p-divider-right {\n        justify-content: flex-end;\n    }\n    \n    .p-divider-horizontal.p-divider-center {\n        justify-content: center;\n    }\n    \n    .p-divider-content {\n        z-index: 1;\n    }\n    \n    .p-divider-vertical {\n        min-height: 100%;\n        margin: 0 1rem;\n        display: flex;\n        position: relative;\n        justify-content: center;\n    }\n    \n    .p-divider-vertical:before {\n        position: absolute;\n        display: block;\n        top: 0;\n        left: 50%;\n        height: 100%;\n        content: "";\n    }\n    \n    .p-divider-vertical.p-divider-top {\n        align-items: flex-start;\n    }\n    \n    .p-divider-vertical.p-divider-center {\n        align-items: center;\n    }\n    \n    .p-divider-vertical.p-divider-bottom {\n        align-items: flex-end;\n    }\n    \n    .p-divider-solid.p-divider-horizontal:before {\n        border-top-style: solid;\n    }\n    \n    .p-divider-solid.p-divider-vertical:before {\n        border-left-style: solid;\n    }\n    \n    .p-divider-dashed.p-divider-horizontal:before {\n        border-top-style: dashed;\n    }\n    \n    .p-divider-dashed.p-divider-vertical:before {\n        border-left-style: dashed;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-top-style: dotted;\n    }\n    \n    .p-divider-dotted.p-divider-horizontal:before {\n        border-left-style: dotted;\n    }\n}\n',inlineStyles:{root:function(e){var n=e.props;return{justifyContent:"horizontal"===n.layout?"center"===n.align||null===n.align?"center":"left"===n.align?"flex-start":"right"===n.align?"flex-end":null:null,alignItems:"vertical"===n.layout?"center"===n.align||null===n.align?"center":"top"===n.align?"flex-start":"bottom"===n.align?"flex-end":null:null}}}}}),s=d.forwardRef((function(e,n){var o=r.useMergeProps(),l=d.useContext(t.PrimeReactContext),s=a.getProps(e,l),p=a.setMetaData({props:s}),c=p.ptm,v=p.cx,u=p.sx;i.useHandleStyle(a.css.styles,p.isUnstyled,{name:"divider"});var f=d.useRef(null),m="horizontal"===s.layout,y="vertical"===s.layout;d.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return f.current}}}));var g=o({ref:f,style:u("root"),className:v("root",{horizontal:m,vertical:y}),"aria-orientation":s.layout,role:"separator"},a.getOtherProps(s),c("root")),h=o({className:v("content")},c("content"));return d.createElement("div",g,d.createElement("div",h,s.children))}));return s.displayName="Divider",e.Divider=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/dock/dock.cjs.js

@@ -228,6 +228,7 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedOptionIndex = _React$useState6[0],
     setFocusedOptionIndex = _React$useState6[1];
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = DockBase.getProps(inProps, context);
   var _React$useState7 = React__namespace.useState(props.id),
@@ -371,13 +372,13 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       'p-disabled': disabled
     });
     var iconClassName = utils.classNames('p-dock-action-icon', _icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, getPTOptions('icon', item, index));
     var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: url || '#',
       onFocus: function onFocus(event) {
         return event.stopPropagation();
@@ -409,11 +410,11 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       };
       content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content')
     }, getPTOptions('content', item, index));
     var active = isItemActive(key);
-    var menuitemProps = utils.mergeProps(_defineProperty(_defineProperty({
+    var menuitemProps = mergeProps(_defineProperty(_defineProperty({
       id: key,
       role: 'menuitem',
       key: key,
@@ -439,7 +440,7 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       var _header = utils.ObjectUtils.getJSXElement(props.header, {
         props: props
       });
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, ptm('header'));
       return /*#__PURE__*/React__namespace.createElement("div", headerProps, _header);
@@ -448,7 +449,7 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   };
   var createList = function createList() {
     var items = createItems();
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       ref: listRef,
       className: cx('menu'),
       role: 'menu',
@@ -467,7 +468,7 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       var _footer = utils.ObjectUtils.getJSXElement(props.footer, {
         props: props
       });
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, ptm('footer'));
       return /*#__PURE__*/React__namespace.createElement("div", footerProps, _footer);
@@ -490,11 +491,11 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var header = createHeader();
   var list = createList();
   var footer = createFooter();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     className: utils.classNames(props.className, cx('root')),
     style: props.style
   }, DockBase.getOtherProps(props), ptm('root'));
-  var containerProps = utils.mergeProps({
+  var containerProps = mergeProps({
     className: cx('container')
   }, ptm('container'));
   return /*#__PURE__*/React__namespace.createElement("div", _extends({

package/dock/dock.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=a(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}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 u(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=u(e,"string");return"symbol"===s(n)?n:String(n)}function d(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function v(){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 y(e){return m(e)||b(e)||g(e)||v()}function k(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){return k(e)||h(e,n)||g(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=c.memo(c.forwardRef((function(e,a){var s=O(c.useState(-3),2),u=s[0],p=s[1],f=O(c.useState(!1),2),m=f[0],b=f[1],g=O(c.useState(-1),2),v=g[0],k=g[1],h=c.useContext(n.PrimeReactContext),x=j.getProps(e,h),S=O(c.useState(x.id),2),w=S[0],D=S[1],E=j.setMetaData({props:x,state:{id:w,currentIndex:u}}),N=E.ptm,I=E.cx,A=E.isUnstyled,H=c.useRef(null),C=c.useRef(null);t.useHandleStyle(j.css.styles,A,{name:"dock"});var U=function(e,n,t){return N(e,{context:{index:t,item:n}})},q=function(){p(-3)},M=function(e){p(e)},_=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},R=function(e){b(!0),$(0),x.onFocus&&x.onFocus(e)},z=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},B=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||F(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||J(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||F(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||J(),e.preventDefault();break;case"Home":T(),e.preventDefault();break;case"End":X(),e.preventDefault();break;case"Enter":case"Space":L(),e.preventDefault()}},F=function(){var e=K(v);$(e)},J=function(){var e=Y(v);$(e)},T=function(){$(0)},X=function(){$(i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},L=function(){var e=i.DomHandler.findSingle(C.current,'li[id="'.concat("".concat(v),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},K=function(e){var n=y(i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},Y=function(e){var n=y(i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},$=function(e){var n=i.DomHandler.find(C.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},G=function(e){return e===v},Q=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,l=e.template,s=e.url,p=e.target,f=e.id||w+"_"+n,m=i.classNames("p-dock-action",{"p-disabled":t}),b=i.classNames("p-dock-action-icon",r),g=i.mergeProps({className:I("icon")},U("icon",e,n)),v=i.IconUtils.getJSXIcon(r,P({},g),{props:x}),y=i.mergeProps({href:s||"#",onFocus:function(e){return e.stopPropagation()},className:I("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:p,"data-pr-tooltip":a,onClick:function(n){return _(n,e)}},U("action",e,n)),k=c.createElement("a",y,v,c.createElement(o.Ripple,null));l&&(k=i.ObjectUtils.getJSXElement(l,e,{onClick:function(n){return _(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:k,props:x,index:n}));var h=i.mergeProps({className:I("content")},U("content",e,n)),O=G(f),j=i.mergeProps(d(d({id:f,role:"menuitem",key:f,"aria-label":a,"aria-disabled":t,"data-p-focused":O,"data-p-disabled":t||!1,className:I("menuitem",{currentIndexState:u,index:n,active:G(f)})},"role","none"),"onMouseEnter",(function(){return M(n)})),U("menuitem",e,n));return c.createElement("li",j,c.createElement("div",h,k))};r.useMountEffect((function(){w||D(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:x,getElement:function(){return H.current}}}));var V,W,Z=function(){if(x.header){var e=i.ObjectUtils.getJSXElement(x.header,{props:x}),n=i.mergeProps({className:I("header")},N("header"));return c.createElement("div",n,e)}return null}(),ee=(V=x.model?x.model.map(Q):null,W=i.mergeProps({ref:C,className:I("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==v?v:null:void 0,tabIndex:x.tabIndex||0,onFocus:R,onBlur:z,onKeyDown:B,onMouseLeave:q},N("menu")),c.createElement("ul",W,V)),ne=function(){if(x.footer){var e=i.ObjectUtils.getJSXElement(x.footer,{props:x}),n=i.mergeProps({className:I("footer")},N("footer"));return c.createElement("div",n,e)}return null}(),te=i.mergeProps({className:i.classNames(x.className,I("root")),style:x.style},j.getOtherProps(x),N("root")),re=i.mergeProps({className:I("container")},N("container"));return c.createElement("div",l({id:x.id,ref:H},te),c.createElement("div",re,Z,ee,ne))})));w.displayName="Dock",exports.Dock=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=a(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return f(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,n):void 0}}function y(){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 k(e){return m(e)||b(e)||v(e)||y()}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){return g(e)||h(e,n)||v(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=c.memo(c.forwardRef((function(e,a){var u=O(c.useState(-3),2),s=u[0],d=u[1],f=O(c.useState(!1),2),m=f[0],b=f[1],v=O(c.useState(-1),2),y=v[0],g=v[1],h=r.useMergeProps(),x=c.useContext(n.PrimeReactContext),S=j.getProps(e,x),D=O(c.useState(S.id),2),E=D[0],P=D[1],N=j.setMetaData({props:S,state:{id:E,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=c.useRef(null),M=c.useRef(null);t.useHandleStyle(j.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},q=function(){d(-3)},_=function(e){d(e)},R=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),G(0),S.onFocus&&S.onFocus(e)},B=function(e){b(!1),g(-1),S.onBlur&&S.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==S.position&&"right"!==S.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==S.position&&"right"!==S.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==S.position&&"bottom"!==S.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==S.position&&"bottom"!==S.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"Space":K(),e.preventDefault()}},J=function(){var e=Y(y);G(e)},T=function(){var e=$(y);G(e)},X=function(){G(0)},L=function(){G(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=i.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');g(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,l=e.template,u=e.url,d=e.target,f=e.id||E+"_"+n,m=i.classNames("p-dock-action",{"p-disabled":t}),b=i.classNames("p-dock-action-icon",r),v=h({className:A("icon")},U("icon",e,n)),y=i.IconUtils.getJSXIcon(r,w({},v),{props:S}),k=h({href:u||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:d,"data-pr-tooltip":a,onClick:function(n){return R(n,e)}},U("action",e,n)),g=c.createElement("a",k,y,c.createElement(o.Ripple,null));l&&(g=i.ObjectUtils.getJSXElement(l,e,{onClick:function(n){return R(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:g,props:S,index:n}));var x=h({className:A("content")},U("content",e,n)),O=Q(f),j=h(p(p({id:f,role:"menuitem",key:f,"aria-label":a,"aria-disabled":t,"data-p-focused":O,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(f)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return c.createElement("li",j,c.createElement("div",x,g))};r.useMountEffect((function(){E||P(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:S,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(S.header){var e=i.ObjectUtils.getJSXElement(S.header,{props:S}),n=h({className:A("header")},I("header"));return c.createElement("div",n,e)}return null}(),ne=(W=S.model?S.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===S.position||"top"===S.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:S.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:q},I("menu")),c.createElement("ul",Z,W)),te=function(){if(S.footer){var e=i.ObjectUtils.getJSXElement(S.footer,{props:S}),n=h({className:A("footer")},I("footer"));return c.createElement("div",n,e)}return null}(),re=h({className:i.classNames(S.className,A("root")),style:S.style},j.getOtherProps(S),I("root")),oe=h({className:A("container")},I("container"));return c.createElement("div",l({id:S.id,ref:C},re),c.createElement("div",oe,ee,ne,te))})));D.displayName="Dock",exports.Dock=D;

package/dock/dock.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { classNames, UniqueComponentId, mergeProps, ObjectUtils, DomHandler, IconUtils } from 'primereact/utils';
+import { classNames, UniqueComponentId, ObjectUtils, DomHandler, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -204,6 +204,7 @@ var Dock = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedOptionIndex = _React$useState6[0],
     setFocusedOptionIndex = _React$useState6[1];
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DockBase.getProps(inProps, context);
   var _React$useState7 = React.useState(props.id),