primereact 6.6.0 → 7.0.1

package/dialog/dialog.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function a(e){if(Array.isArray(e))return o(e)}function r(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return o(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?o(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function g(e){return(g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){return!t||"object"!==g(t)&&"function"!=typeof t?p(e):t}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v,E,k,D=function(e){h(E,e);var t,n,o,m,g,v=(t=E,n=y(),function(){var e,i=b(t);if(n){var s=b(this).constructor;e=Reflect.construct(i,arguments,s)}else e=i.apply(this,arguments);return f(this,e)});function E(e){var t;return u(this,E),(t=v.call(this,e)).state={id:e.id,maskVisible:e.visible,visible:!1},t.props.onMaximize||(t.state.maximized=e.maximized),t.onClose=t.onClose.bind(p(t)),t.toggleMaximize=t.toggleMaximize.bind(p(t)),t.onDragStart=t.onDragStart.bind(p(t)),t.onResizeStart=t.onResizeStart.bind(p(t)),t.onMaskClick=t.onMaskClick.bind(p(t)),t.onEnter=t.onEnter.bind(p(t)),t.onEntered=t.onEntered.bind(p(t)),t.onExited=t.onExited.bind(p(t)),t.attributeSelector=i.UniqueComponentId(),t.dialogRef=s.default.createRef(),t}return o=E,(m=[{key:"onClose",value:function(e){this.props.onHide(),e.preventDefault()}},{key:"focus",value:function(){var e=document.activeElement;!(e&&this.dialogRef&&this.dialogRef.current.contains(e))&&this.props.closable&&this.props.showHeader&&this.closeElement.focus()}},{key:"onMaskClick",value:function(e){this.props.dismissableMask&&this.props.modal&&this.mask===e.target&&this.onClose(e),this.props.onMaskClick&&this.props.onMaskClick(e)}},{key:"toggleMaximize",value:function(e){var t=!this.maximized;this.props.onMaximize?this.props.onMaximize({originalEvent:e,maximized:t}):this.setState({maximized:t},this.changeScrollOnMaximizable),e.preventDefault()}},{key:"onDragStart",value:function(e){i.DomHandler.hasClass(e.target,"p-dialog-header-icon")||i.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||this.props.draggable&&(this.dragging=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.dialogEl.style.margin="0",i.DomHandler.addClass(document.body,"p-unselectable-text"),this.props.onDragStart&&this.props.onDragStart(e))}},{key:"onDrag",value:function(e){if(this.dragging){var t=i.DomHandler.getOuterWidth(this.dialogEl),n=i.DomHandler.getOuterHeight(this.dialogEl),s=e.pageX-this.lastPageX,o=e.pageY-this.lastPageY,a=this.dialogEl.getBoundingClientRect(),r=a.left+s,l=a.top+o,d=i.DomHandler.getViewport();this.dialogEl.style.position="fixed",this.props.keepInViewport?(r>=this.props.minX&&r+t<d.width&&(this.lastPageX=e.pageX,this.dialogEl.style.left=r+"px"),l>=this.props.minY&&l+n<d.height&&(this.lastPageY=e.pageY,this.dialogEl.style.top=l+"px")):(this.lastPageX=e.pageX,this.dialogEl.style.left=r+"px",this.lastPageY=e.pageY,this.dialogEl.style.top=l+"px"),this.props.onDrag&&this.props.onDrag(e)}}},{key:"onDragEnd",value:function(e){this.dragging&&(this.dragging=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),this.props.onDragEnd&&this.props.onDragEnd(e))}},{key:"onResizeStart",value:function(e){this.props.resizable&&(this.resizing=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,i.DomHandler.addClass(document.body,"p-unselectable-text"),this.props.onResizeStart&&this.props.onResizeStart(e))}},{key:"convertToPx",value:function(e,t,n){!n&&(n=i.DomHandler.getViewport());var s=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?s*(n[t]/100):s}},{key:"onResize",value:function(e){if(this.resizing){var t=e.pageX-this.lastPageX,n=e.pageY-this.lastPageY,s=i.DomHandler.getOuterWidth(this.dialogEl),o=i.DomHandler.getOuterHeight(this.dialogEl),a=this.dialogEl.getBoundingClientRect(),r=i.DomHandler.getViewport(),l=s+t,d=o+n,u=this.convertToPx(this.dialogEl.style.minWidth,"width",r),c=this.convertToPx(this.dialogEl.style.minHeight,"height",r);(!parseInt(this.dialogEl.style.top)||!parseInt(this.dialogEl.style.left))&&(l+=t,d+=n),(!u||l>u)&&a.left+l<r.width&&(this.dialogEl.style.width=l+"px"),(!c||d>c)&&a.top+d<r.height&&(this.dialogEl.style.height=d+"px"),this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.props.onResize&&this.props.onResize(e)}}},{key:"onResizeEnd",value:function(e){this.resizing&&(this.resizing=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),this.props.onResizeEnd&&this.props.onResizeEnd(e))}},{key:"resetPosition",value:function(){this.dialogEl.style.position="",this.dialogEl.style.left="",this.dialogEl.style.top="",this.dialogEl.style.margin=""}},{key:"getPositionClass",value:function(){var e=this,t=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(t){return t===e.props.position||t.replace("-","")===e.props.position}));return t?"p-dialog-".concat(t):""}},{key:"maximized",get:function(){return this.props.onMaximize?this.props.maximized:this.state.maximized}},{key:"dialogEl",get:function(){return this.dialogRef.current}},{key:"onEnter",value:function(){this.dialogEl.setAttribute(this.attributeSelector,"")}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow(),this.props.focusOnShow&&this.focus(),this.enableDocumentSettings()}},{key:"onExited",value:function(){this.dragging=!1,i.ZIndexUtils.clear(this.mask),this.setState({maskVisible:!1}),i.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.disableDocumentSettings()}},{key:"enableDocumentSettings",value:function(){this.bindGlobalListeners(),(this.props.blockScroll||this.props.maximizable&&this.maximized)&&i.DomHandler.addClass(document.body,"p-overflow-hidden")}},{key:"disableDocumentSettings",value:function(){this.unbindGlobalListeners(),this.props.modal?document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||i.DomHandler.removeClass(document.body,"p-overflow-hidden"):(this.props.blockScroll||this.props.maximizable&&this.maximized)&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")}},{key:"bindGlobalListeners",value:function(){this.props.draggable&&this.bindDocumentDragListener(),this.props.resizable&&this.bindDocumentResizeListeners(),this.props.closeOnEscape&&this.props.closable&&this.bindDocumentKeyDownListener()}},{key:"unbindGlobalListeners",value:function(){this.unbindDocumentDragListener(),this.unbindDocumentResizeListeners(),this.unbindDocumentKeyDownListener()}},{key:"bindDocumentDragListener",value:function(){this.documentDragListener=this.onDrag.bind(this),this.documentDragEndListener=this.onDragEnd.bind(this),window.document.addEventListener("mousemove",this.documentDragListener),window.document.addEventListener("mouseup",this.documentDragEndListener)}},{key:"unbindDocumentDragListener",value:function(){this.documentDragListener&&this.documentDragEndListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragListener=null,this.documentDragEndListener=null)}},{key:"bindDocumentResizeListeners",value:function(){this.documentResizeListener=this.onResize.bind(this),this.documentResizeEndListener=this.onResizeEnd.bind(this),window.document.addEventListener("mousemove",this.documentResizeListener),window.document.addEventListener("mouseup",this.documentResizeEndListener)}},{key:"unbindDocumentResizeListeners",value:function(){this.documentResizeListener&&this.documentResizeEndListener&&(window.document.removeEventListener("mousemove",this.documentResizeListener),window.document.removeEventListener("mouseup",this.documentResizeEndListener),this.documentResizeListener=null,this.documentResizeEndListener=null)}},{key:"bindDocumentKeyDownListener",value:function(){var e=this;this.documentKeyDownListener=function(t){var n=t.currentTarget;if(n&&n.primeDialogParams){var s=n.primeDialogParams,o=s.length,a=s[o-1]?s[o-1].id:void 0;if(a===e.state.id){var r=document.getElementById(a);if(27===t.which)e.onClose(t),t.stopImmediatePropagation(),s.splice(o-1,1);else if(9===t.which){t.preventDefault();var l=i.DomHandler.getFocusableElements(r);if(l&&l.length>0)if(document.activeElement){var d=l.indexOf(document.activeElement);t.shiftKey?-1===d||0===d?l[l.length-1].focus():l[d-1].focus():-1===d||d===l.length-1?l[0].focus():l[d+1].focus()}else l[0].focus()}}}};var t,n={id:this.state.id,hasBlockScroll:this.props.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(a(t=document.primeDialogParams)||r(t)||l(t)||d(),[n]):[n],document.addEventListener("keydown",this.documentKeyDownListener)}},{key:"unbindDocumentKeyDownListener",value:function(){var e=this;this.documentKeyDownListener&&(document.removeEventListener("keydown",this.documentKeyDownListener),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(t){return t.id!==e.state.id})),this.documentKeyDownListener=null)}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-dialog[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){var e=this;this.state.id||this.setState({id:i.UniqueComponentId()}),this.props.visible&&this.setState({visible:!0},(function(){i.ZIndexUtils.set("modal",e.mask,e.props.baseZIndex)})),this.props.breakpoints&&this.createStyle()}},{key:"componentDidUpdate",value:function(e){var t=this;this.props.visible&&!this.state.maskVisible&&this.setState({maskVisible:!0},(function(){i.ZIndexUtils.set("modal",t.mask,t.props.baseZIndex)})),this.props.visible!==this.state.visible&&this.state.maskVisible&&this.setState({visible:this.props.visible}),e.maximized!==this.props.maximized&&this.props.onMaximize&&this.changeScrollOnMaximizable()}},{key:"changeScrollOnMaximizable",value:function(){this.props.blockScroll||i.DomHandler[this.maximized?"addClass":"removeClass"](document.body,"p-overflow-hidden")}},{key:"componentWillUnmount",value:function(){this.disableDocumentSettings(),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),i.ZIndexUtils.clear(this.mask)}},{key:"renderCloseIcon",value:function(){var e=this;return this.props.closable?s.default.createElement("button",{ref:function(t){return e.closeElement=t},type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":this.props.ariaCloseIconLabel,onClick:this.onClose},s.default.createElement("span",{className:"p-dialog-header-close-icon pi pi-times"}),s.default.createElement(i.Ripple,null)):null}},{key:"renderMaximizeIcon",value:function(){var e=i.classNames("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!this.maximized,"pi-window-minimize":this.maximized});return this.props.maximizable?s.default.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:this.toggleMaximize},s.default.createElement("span",{className:e}),s.default.createElement(i.Ripple,null)):null}},{key:"renderHeader",value:function(){var e=this;if(this.props.showHeader){var t=this.renderCloseIcon(),n=this.renderMaximizeIcon(),o=i.ObjectUtils.getJSXElement(this.props.icons,this.props),a=i.ObjectUtils.getJSXElement(this.props.header,this.props);return s.default.createElement("div",{ref:function(t){return e.headerEl=t},className:"p-dialog-header",onMouseDown:this.onDragStart},s.default.createElement("div",{id:this.state.id+"_header",className:"p-dialog-title"},a),s.default.createElement("div",{className:"p-dialog-header-icons"},o,n,t))}return null}},{key:"renderContent",value:function(){var e=this,t=i.classNames("p-dialog-content",this.props.contentClassName);return s.default.createElement("div",{id:this.state.id+"_content",ref:function(t){return e.contentEl=t},className:t,style:this.props.contentStyle},this.props.children)}},{key:"renderFooter",value:function(){var e=this,t=i.ObjectUtils.getJSXElement(this.props.footer,this.props);return t&&s.default.createElement("div",{ref:function(t){return e.footerElement=t},className:"p-dialog-footer"},t)}},{key:"renderResizer",value:function(){return this.props.resizable?s.default.createElement("div",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:this.onResizeStart}):null}},{key:"renderElement",value:function(){var e=this,t=i.classNames("p-dialog p-component",this.props.className,{"p-dialog-rtl":this.props.rtl,"p-dialog-maximized":this.maximized}),n=i.classNames("p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.props.modal,"p-dialog-visible":this.state.maskVisible,"p-dialog-draggable":this.props.draggable,"p-dialog-resizable":this.props.resizable},this.props.maskClassName,this.getPositionClass()),o=this.renderHeader(),a=this.renderContent(),r=this.renderFooter(),l=this.renderResizer();return s.default.createElement("div",{ref:function(t){return e.mask=t},className:n,onClick:this.onMaskClick},s.default.createElement(i.CSSTransition,{nodeRef:this.dialogRef,classNames:"p-dialog",timeout:{enter:"center"===this.props.position?150:300,exit:"center"===this.props.position?150:300},in:this.state.visible,options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExited:this.onExited},s.default.createElement("div",{ref:this.dialogRef,id:this.state.id,className:t,style:this.props.style,onClick:this.props.onClick,role:"dialog","aria-labelledby":this.state.id+"_header","aria-describedby":this.state.id+"_content","aria-modal":this.props.modal},o,a,r,l)))}},{key:"render",value:function(){if(this.state.maskVisible){var e=this.renderElement();return s.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo,visible:!0})}return null}}])&&c(o.prototype,m),g&&c(o,g),E}(t.Component);return k={id:null,header:null,footer:null,visible:!1,position:"center",draggable:!0,resizable:!0,modal:!0,onHide:null,onShow:null,contentStyle:null,contentClassName:null,closeOnEscape:!0,dismissableMask:!1,rtl:!1,closable:!0,style:null,className:null,maskClassName:null,showHeader:!0,appendTo:null,baseZIndex:0,maximizable:!1,blockScroll:!1,icons:null,ariaCloseIconLabel:"Close",focusOnShow:!0,minX:0,minY:0,keepInViewport:!0,maximized:!1,breakpoints:null,transitionOptions:null,onMaximize:null,onDragStart:null,onDrag:null,onDragEnd:null,onResizeStart:null,onResize:null,onResizeEnd:null,onClick:null,onMaskClick:null},(E="defaultProps")in(v=D)?Object.defineProperty(v,E,{value:k,enumerable:!0,configurable:!0,writable:!0}):v[E]=k,e.Dialog=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,i,n,o,s,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t),d=r(a);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function c(e){if(Array.isArray(e))return u(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return u(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?u(e,t):void 0}}function h(){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 g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function k(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function D(e){return D=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},D(e)}function z(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x,w,S,C=function(e){v(x,e);var t,a,r,u,y,E=(t=x,a=z(),function(){var e,i=D(t);if(a){var n=D(this).constructor;e=Reflect.construct(i,arguments,n)}else e=i.apply(this,arguments);return k(this,e)});function x(e){var t;return g(this,x),(t=E.call(this,e)).state={id:e.id,maskVisible:e.visible,visible:!1},t.props.onMaximize||(t.state.maximized=e.maximized),t.onClose=t.onClose.bind(b(t)),t.toggleMaximize=t.toggleMaximize.bind(b(t)),t.onDragStart=t.onDragStart.bind(b(t)),t.onResizeStart=t.onResizeStart.bind(b(t)),t.onMaskClick=t.onMaskClick.bind(b(t)),t.onEnter=t.onEnter.bind(b(t)),t.onEntered=t.onEntered.bind(b(t)),t.onExiting=t.onExiting.bind(b(t)),t.onExited=t.onExited.bind(b(t)),t.attributeSelector=i.UniqueComponentId(),t.dialogRef=l.default.createRef(),t}return r=x,(u=[{key:"onClose",value:function(e){this.props.onHide(),e.preventDefault()}},{key:"focus",value:function(){var e=document.activeElement;!(e&&this.dialogRef&&this.dialogRef.current.contains(e))&&this.props.closable&&this.props.showHeader&&this.closeElement.focus()}},{key:"onMaskClick",value:function(e){this.props.dismissableMask&&this.props.modal&&this.mask===e.target&&this.onClose(e),this.props.onMaskClick&&this.props.onMaskClick(e)}},{key:"toggleMaximize",value:function(e){var t=!this.maximized;this.props.onMaximize?this.props.onMaximize({originalEvent:e,maximized:t}):this.setState({maximized:t},this.changeScrollOnMaximizable),e.preventDefault()}},{key:"onDragStart",value:function(e){i.DomHandler.hasClass(e.target,"p-dialog-header-icon")||i.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||this.props.draggable&&(this.dragging=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.dialogEl.style.margin="0",i.DomHandler.addClass(document.body,"p-unselectable-text"),this.props.onDragStart&&this.props.onDragStart(e))}},{key:"onDrag",value:function(e){if(this.dragging){var t=i.DomHandler.getOuterWidth(this.dialogEl),n=i.DomHandler.getOuterHeight(this.dialogEl),o=e.pageX-this.lastPageX,s=e.pageY-this.lastPageY,a=this.dialogEl.getBoundingClientRect(),r=a.left+o,l=a.top+s,d=i.DomHandler.getViewport();this.dialogEl.style.position="fixed",this.props.keepInViewport?(r>=this.props.minX&&r+t<d.width&&(this.lastPageX=e.pageX,this.dialogEl.style.left=r+"px"),l>=this.props.minY&&l+n<d.height&&(this.lastPageY=e.pageY,this.dialogEl.style.top=l+"px")):(this.lastPageX=e.pageX,this.dialogEl.style.left=r+"px",this.lastPageY=e.pageY,this.dialogEl.style.top=l+"px"),this.props.onDrag&&this.props.onDrag(e)}}},{key:"onDragEnd",value:function(e){this.dragging&&(this.dragging=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),this.props.onDragEnd&&this.props.onDragEnd(e))}},{key:"onResizeStart",value:function(e){this.props.resizable&&(this.resizing=!0,this.lastPageX=e.pageX,this.lastPageY=e.pageY,i.DomHandler.addClass(document.body,"p-unselectable-text"),this.props.onResizeStart&&this.props.onResizeStart(e))}},{key:"convertToPx",value:function(e,t,n){!n&&(n=i.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o}},{key:"onResize",value:function(e){if(this.resizing){var t=e.pageX-this.lastPageX,n=e.pageY-this.lastPageY,o=i.DomHandler.getOuterWidth(this.dialogEl),s=i.DomHandler.getOuterHeight(this.dialogEl),a=this.dialogEl.getBoundingClientRect(),r=i.DomHandler.getViewport(),l=o+t,d=s+n,u=this.convertToPx(this.dialogEl.style.minWidth,"width",r),c=this.convertToPx(this.dialogEl.style.minHeight,"height",r);(!parseInt(this.dialogEl.style.top)||!parseInt(this.dialogEl.style.left))&&(l+=t,d+=n),(!u||l>u)&&a.left+l<r.width&&(this.dialogEl.style.width=l+"px"),(!c||d>c)&&a.top+d<r.height&&(this.dialogEl.style.height=d+"px"),this.lastPageX=e.pageX,this.lastPageY=e.pageY,this.props.onResize&&this.props.onResize(e)}}},{key:"onResizeEnd",value:function(e){this.resizing&&(this.resizing=!1,i.DomHandler.removeClass(document.body,"p-unselectable-text"),this.props.onResizeEnd&&this.props.onResizeEnd(e))}},{key:"resetPosition",value:function(){this.dialogEl.style.position="",this.dialogEl.style.left="",this.dialogEl.style.top="",this.dialogEl.style.margin=""}},{key:"getPositionClass",value:function(){var e=this,t=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(t){return t===e.props.position||t.replace("-","")===e.props.position}));return t?"p-dialog-".concat(t):""}},{key:"maximized",get:function(){return this.props.onMaximize?this.props.maximized:this.state.maximized}},{key:"dialogEl",get:function(){return this.dialogRef.current}},{key:"onEnter",value:function(){this.dialogEl.setAttribute(this.attributeSelector,"")}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow(),this.props.focusOnShow&&this.focus(),this.enableDocumentSettings()}},{key:"onExiting",value:function(){this.props.modal&&i.DomHandler.addClass(this.mask,"p-component-overlay-leave")}},{key:"onExited",value:function(){this.dragging=!1,i.ZIndexUtils.clear(this.mask),this.setState({maskVisible:!1}),this.disableDocumentSettings()}},{key:"enableDocumentSettings",value:function(){this.bindGlobalListeners(),(this.props.blockScroll||this.props.maximizable&&this.maximized)&&i.DomHandler.addClass(document.body,"p-overflow-hidden")}},{key:"disableDocumentSettings",value:function(){this.unbindGlobalListeners(),this.props.modal?document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))||i.DomHandler.removeClass(document.body,"p-overflow-hidden"):(this.props.blockScroll||this.props.maximizable&&this.maximized)&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")}},{key:"bindGlobalListeners",value:function(){this.props.draggable&&this.bindDocumentDragListener(),this.props.resizable&&this.bindDocumentResizeListeners(),this.props.closable&&this.bindDocumentKeyDownListener()}},{key:"unbindGlobalListeners",value:function(){this.unbindDocumentDragListener(),this.unbindDocumentResizeListeners(),this.unbindDocumentKeyDownListener()}},{key:"bindDocumentDragListener",value:function(){this.documentDragListener=this.onDrag.bind(this),this.documentDragEndListener=this.onDragEnd.bind(this),window.document.addEventListener("mousemove",this.documentDragListener),window.document.addEventListener("mouseup",this.documentDragEndListener)}},{key:"unbindDocumentDragListener",value:function(){this.documentDragListener&&this.documentDragEndListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragListener=null,this.documentDragEndListener=null)}},{key:"bindDocumentResizeListeners",value:function(){this.documentResizeListener=this.onResize.bind(this),this.documentResizeEndListener=this.onResizeEnd.bind(this),window.document.addEventListener("mousemove",this.documentResizeListener),window.document.addEventListener("mouseup",this.documentResizeEndListener)}},{key:"unbindDocumentResizeListeners",value:function(){this.documentResizeListener&&this.documentResizeEndListener&&(window.document.removeEventListener("mousemove",this.documentResizeListener),window.document.removeEventListener("mouseup",this.documentResizeEndListener),this.documentResizeListener=null,this.documentResizeEndListener=null)}},{key:"bindDocumentKeyDownListener",value:function(){var e=this;this.documentKeyDownListener=function(t){var n=t.currentTarget;if(n&&n.primeDialogParams){var o=n.primeDialogParams,s=o.length,a=o[s-1]?o[s-1].id:void 0;if(a===e.state.id&&e.props.closeOnEscape){var r=document.getElementById(a);if(27===t.which)e.onClose(t),t.stopImmediatePropagation(),o.splice(s-1,1);else if(9===t.which){t.preventDefault();var l=i.DomHandler.getFocusableElements(r);if(l&&l.length>0)if(document.activeElement){var d=l.indexOf(document.activeElement);t.shiftKey?-1===d||0===d?l[l.length-1].focus():l[d-1].focus():-1===d||d===l.length-1?l[0].focus():l[d+1].focus()}else l[0].focus()}}}};var t,n={id:this.state.id,hasBlockScroll:this.props.blockScroll};document.primeDialogParams=document.primeDialogParams?[].concat(c(t=document.primeDialogParams)||p(t)||m(t)||h(),[n]):[n],document.addEventListener("keydown",this.documentKeyDownListener)}},{key:"unbindDocumentKeyDownListener",value:function(){var e=this;this.documentKeyDownListener&&(document.removeEventListener("keydown",this.documentKeyDownListener),document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(t){return t.id!==e.state.id})),this.documentKeyDownListener=null)}},{key:"createStyle",value:function(){if(!this.styleElement){this.styleElement=document.createElement("style"),document.head.appendChild(this.styleElement);var e="";for(var t in this.props.breakpoints)e+="\n                    @media screen and (max-width: ".concat(t,") {\n                        .p-dialog[").concat(this.attributeSelector,"] {\n                            width: ").concat(this.props.breakpoints[t]," !important;\n                        }\n                    }\n                ");this.styleElement.innerHTML=e}}},{key:"componentDidMount",value:function(){var e=this;this.state.id||this.setState({id:i.UniqueComponentId()}),this.props.visible&&this.setState({visible:!0},(function(){i.ZIndexUtils.set("modal",e.mask,d.default.autoZIndex,e.props.baseZIndex||d.default.zIndex.modal)})),this.props.breakpoints&&this.createStyle()}},{key:"componentDidUpdate",value:function(e){var t=this;this.props.visible&&!this.state.maskVisible&&this.setState({maskVisible:!0},(function(){i.ZIndexUtils.set("modal",t.mask,d.default.autoZIndex,t.props.baseZIndex||d.default.zIndex.modal)})),this.props.visible!==this.state.visible&&this.state.maskVisible&&this.setState({visible:this.props.visible}),e.maximized!==this.props.maximized&&this.props.onMaximize&&this.changeScrollOnMaximizable()}},{key:"changeScrollOnMaximizable",value:function(){this.props.blockScroll||i.DomHandler[this.maximized?"addClass":"removeClass"](document.body,"p-overflow-hidden")}},{key:"componentWillUnmount",value:function(){this.disableDocumentSettings(),this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null),i.ZIndexUtils.clear(this.mask)}},{key:"renderCloseIcon",value:function(){var e=this;return this.props.closable?l.default.createElement("button",{ref:function(t){return e.closeElement=t},type:"button",className:"p-dialog-header-icon p-dialog-header-close p-link","aria-label":this.props.ariaCloseIconLabel,onClick:this.onClose},l.default.createElement("span",{className:"p-dialog-header-close-icon pi pi-times"}),l.default.createElement(o.Ripple,null)):null}},{key:"renderMaximizeIcon",value:function(){var e=i.classNames("p-dialog-header-maximize-icon pi",{"pi-window-maximize":!this.maximized,"pi-window-minimize":this.maximized});return this.props.maximizable?l.default.createElement("button",{type:"button",className:"p-dialog-header-icon p-dialog-header-maximize p-link",onClick:this.toggleMaximize},l.default.createElement("span",{className:e}),l.default.createElement(o.Ripple,null)):null}},{key:"renderHeader",value:function(){var e=this;if(this.props.showHeader){var t=this.renderCloseIcon(),n=this.renderMaximizeIcon(),o=i.ObjectUtils.getJSXElement(this.props.icons,this.props),s=i.ObjectUtils.getJSXElement(this.props.header,this.props);return l.default.createElement("div",{ref:function(t){return e.headerEl=t},className:"p-dialog-header",onMouseDown:this.onDragStart},l.default.createElement("div",{id:this.state.id+"_header",className:"p-dialog-title"},s),l.default.createElement("div",{className:"p-dialog-header-icons"},o,n,t))}return null}},{key:"renderContent",value:function(){var e=this,t=i.classNames("p-dialog-content",this.props.contentClassName);return l.default.createElement("div",{id:this.state.id+"_content",ref:function(t){return e.contentEl=t},className:t,style:this.props.contentStyle},this.props.children)}},{key:"renderFooter",value:function(){var e=this,t=i.ObjectUtils.getJSXElement(this.props.footer,this.props);return t&&l.default.createElement("div",{ref:function(t){return e.footerElement=t},className:"p-dialog-footer"},t)}},{key:"renderResizer",value:function(){return this.props.resizable?l.default.createElement("div",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:this.onResizeStart}):null}},{key:"renderElement",value:function(){var e=this,t=i.classNames("p-dialog p-component",this.props.className,{"p-dialog-rtl":this.props.rtl,"p-dialog-maximized":this.maximized}),o=i.classNames("p-dialog-mask",{"p-component-overlay p-component-overlay-enter":this.props.modal,"p-dialog-visible":this.state.maskVisible,"p-dialog-draggable":this.props.draggable,"p-dialog-resizable":this.props.resizable},this.props.maskClassName,this.getPositionClass()),s=this.renderHeader(),a=this.renderContent(),r=this.renderFooter(),d=this.renderResizer();return l.default.createElement("div",{ref:function(t){return e.mask=t},style:this.props.maskStyle,className:o,onClick:this.onMaskClick},l.default.createElement(n.CSSTransition,{nodeRef:this.dialogRef,classNames:"p-dialog",timeout:{enter:"center"===this.props.position?150:300,exit:"center"===this.props.position?150:300},in:this.state.visible,options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExiting:this.onExiting,onExited:this.onExited},l.default.createElement("div",{ref:this.dialogRef,id:this.state.id,className:t,style:this.props.style,onClick:this.props.onClick,role:"dialog","aria-labelledby":this.state.id+"_header","aria-describedby":this.state.id+"_content","aria-modal":this.props.modal},s,a,r,d)))}},{key:"render",value:function(){if(this.state.maskVisible){var e=this.renderElement();return l.default.createElement(s.Portal,{element:e,appendTo:this.props.appendTo,visible:!0})}return null}}])&&f(r.prototype,u),y&&f(r,y),x}(t.Component);return S={id:null,header:null,footer:null,visible:!1,position:"center",draggable:!0,resizable:!0,modal:!0,onHide:null,onShow:null,contentStyle:null,contentClassName:null,closeOnEscape:!0,dismissableMask:!1,rtl:!1,closable:!0,style:null,className:null,maskStyle:null,maskClassName:null,showHeader:!0,appendTo:null,baseZIndex:0,maximizable:!1,blockScroll:!1,icons:null,ariaCloseIconLabel:"Close",focusOnShow:!0,minX:0,minY:0,keepInViewport:!0,maximized:!1,breakpoints:null,transitionOptions:null,onMaximize:null,onDragStart:null,onDrag:null,onDragEnd:null,onResizeStart:null,onResize:null,onResizeEnd:null,onClick:null,onMaskClick:null},(w="defaultProps")in(x=C)?Object.defineProperty(x,w,{value:S,enumerable:!0,configurable:!0,writable:!0}):x[w]=S,e.Dialog=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple,primereact.portal,primereact.api);

package/divider/divider.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -82,6 +82,8 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -136,18 +138,18 @@ var Divider = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var dividerClassName = core.classNames("p-divider p-component p-divider-".concat(this.props.layout, " p-divider-").concat(this.props.type), {
+      var dividerClassName = utils.classNames("p-divider p-component p-divider-".concat(this.props.layout, " p-divider-").concat(this.props.type), {
         'p-divider-left': this.isHorizontal && (!this.props.align || this.props.align === 'left'),
         'p-divider-right': this.isHorizontal && this.props.align === 'right',
         'p-divider-center': this.isHorizontal && this.props.align === 'center' || this.isVertical && (!this.props.align || this.props.align === 'center'),
         'p-divider-top': this.isVertical && this.props.align === 'top',
         'p-divider-bottom': this.isVertical && this.props.align === 'bottom'
       }, this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: dividerClassName,
         style: this.props.style,
         role: "separator"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-divider-content"
       }, this.props.children));
     }

package/divider/divider.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/core");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(t);function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}function c(t){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function u(t,e){return!e||"object"!==c(e)&&"function"!=typeof e?a(t):e}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var y,h,d,b=function(r){s(b,t.Component);var l,c,a,y,h,d=(l=b,c=f(),function(){var t,e=p(l);if(c){var r=p(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return u(this,t)});function b(){return n(this,b),d.apply(this,arguments)}return a=b,(y=[{key:"isHorizontal",get:function(){return"horizontal"===this.props.layout}},{key:"isVertical",get:function(){return"vertical"===this.props.layout}},{key:"render",value:function(){var t=e.classNames("p-divider p-component p-divider-".concat(this.props.layout," p-divider-").concat(this.props.type),{"p-divider-left":this.isHorizontal&&(!this.props.align||"left"===this.props.align),"p-divider-right":this.isHorizontal&&"right"===this.props.align,"p-divider-center":this.isHorizontal&&"center"===this.props.align||this.isVertical&&(!this.props.align||"center"===this.props.align),"p-divider-top":this.isVertical&&"top"===this.props.align,"p-divider-bottom":this.isVertical&&"bottom"===this.props.align},this.props.className);return o.default.createElement("div",{className:t,style:this.props.style,role:"separator"},o.default.createElement("div",{className:"p-divider-content"},this.props.children))}}])&&i(a.prototype,y),h&&i(a,h),b}();d={align:null,layout:"horizontal",type:"solid",style:null,className:null},(h="defaultProps")in(y=b)?Object.defineProperty(y,h,{value:d,enumerable:!0,configurable:!0,writable:!0}):y[h]=d,exports.Divider=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/utils");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(t);function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function s(t,e){return s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},s(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function u(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function a(t,e){if(e&&("object"===c(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return u(t)}function p(t){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},p(t)}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var y,d,h,b=function(r){l(b,t.Component);var s,c,u,y,d,h=(s=b,c=f(),function(){var t,e=p(s);if(c){var r=p(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return a(this,t)});function b(){return n(this,b),h.apply(this,arguments)}return u=b,(y=[{key:"isHorizontal",get:function(){return"horizontal"===this.props.layout}},{key:"isVertical",get:function(){return"vertical"===this.props.layout}},{key:"render",value:function(){var t=e.classNames("p-divider p-component p-divider-".concat(this.props.layout," p-divider-").concat(this.props.type),{"p-divider-left":this.isHorizontal&&(!this.props.align||"left"===this.props.align),"p-divider-right":this.isHorizontal&&"right"===this.props.align,"p-divider-center":this.isHorizontal&&"center"===this.props.align||this.isVertical&&(!this.props.align||"center"===this.props.align),"p-divider-top":this.isVertical&&"top"===this.props.align,"p-divider-bottom":this.isVertical&&"bottom"===this.props.align},this.props.className);return o.default.createElement("div",{className:t,style:this.props.style,role:"separator"},o.default.createElement("div",{className:"p-divider-content"},this.props.children))}}])&&i(u.prototype,y),d&&i(u,d),b}();h={align:null,layout:"horizontal",type:"solid",style:null,className:null},(d="defaultProps")in(y=b)?Object.defineProperty(y,d,{value:h,enumerable:!0,configurable:!0,writable:!0}):y[d]=h,exports.Divider=b;

package/divider/divider.esm.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { classNames } from 'primereact/core';
+import { classNames } from 'primereact/utils';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -74,6 +74,8 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);

package/divider/divider.esm.min.js

@@ -1 +1 @@
-import t,{Component as e}from"react";import{classNames as r}from"primereact/core";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function i(t,e){return(i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function p(t,e){return!e||"object"!==l(e)&&"function"!=typeof e?s(t):e}function a(t){return(a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function u(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var f,y,h,d=function(i){c(b,e);var l,s,f,y,h,d=(l=b,s=u(),function(){var t,e=a(l);if(s){var r=a(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return p(this,t)});function b(){return o(this,b),d.apply(this,arguments)}return f=b,(y=[{key:"isHorizontal",get:function(){return"horizontal"===this.props.layout}},{key:"isVertical",get:function(){return"vertical"===this.props.layout}},{key:"render",value:function(){var e=r("p-divider p-component p-divider-".concat(this.props.layout," p-divider-").concat(this.props.type),{"p-divider-left":this.isHorizontal&&(!this.props.align||"left"===this.props.align),"p-divider-right":this.isHorizontal&&"right"===this.props.align,"p-divider-center":this.isHorizontal&&"center"===this.props.align||this.isVertical&&(!this.props.align||"center"===this.props.align),"p-divider-top":this.isVertical&&"top"===this.props.align,"p-divider-bottom":this.isVertical&&"bottom"===this.props.align},this.props.className);return t.createElement("div",{className:e,style:this.props.style,role:"separator"},t.createElement("div",{className:"p-divider-content"},this.props.children))}}])&&n(f.prototype,y),h&&n(f,h),b}();h={align:null,layout:"horizontal",type:"solid",style:null,className:null},(y="defaultProps")in(f=d)?Object.defineProperty(f,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):f[y]=h;export{d as Divider};
+import t,{Component as e}from"react";import{classNames as r}from"primereact/utils";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function i(t,e){return i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}function c(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function p(t,e){if(e&&("object"===l(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return s(t)}function a(t){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},a(t)}function u(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var f,y,h,d=function(i){c(b,e);var l,s,f,y,h,d=(l=b,s=u(),function(){var t,e=a(l);if(s){var r=a(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return p(this,t)});function b(){return o(this,b),d.apply(this,arguments)}return f=b,(y=[{key:"isHorizontal",get:function(){return"horizontal"===this.props.layout}},{key:"isVertical",get:function(){return"vertical"===this.props.layout}},{key:"render",value:function(){var e=r("p-divider p-component p-divider-".concat(this.props.layout," p-divider-").concat(this.props.type),{"p-divider-left":this.isHorizontal&&(!this.props.align||"left"===this.props.align),"p-divider-right":this.isHorizontal&&"right"===this.props.align,"p-divider-center":this.isHorizontal&&"center"===this.props.align||this.isVertical&&(!this.props.align||"center"===this.props.align),"p-divider-top":this.isVertical&&"top"===this.props.align,"p-divider-bottom":this.isVertical&&"bottom"===this.props.align},this.props.className);return t.createElement("div",{className:e,style:this.props.style,role:"separator"},t.createElement("div",{className:"p-divider-content"},this.props.children))}}])&&n(f.prototype,y),h&&n(f,h),b}();h={align:null,layout:"horizontal",type:"solid",style:null,className:null},(y="defaultProps")in(f=d)?Object.defineProperty(f,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):f[y]=h;export{d as Divider};

package/divider/divider.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.divider = (function (exports, React, core) {
+this.primereact.divider = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -79,6 +79,8 @@ this.primereact.divider = (function (exports, React, core) {
   function _possibleConstructorReturn(self, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
 
     return _assertThisInitialized(self);
@@ -133,18 +135,18 @@ this.primereact.divider = (function (exports, React, core) {
     }, {
       key: "render",
       value: function render() {
-        var dividerClassName = core.classNames("p-divider p-component p-divider-".concat(this.props.layout, " p-divider-").concat(this.props.type), {
+        var dividerClassName = utils.classNames("p-divider p-component p-divider-".concat(this.props.layout, " p-divider-").concat(this.props.type), {
           'p-divider-left': this.isHorizontal && (!this.props.align || this.props.align === 'left'),
           'p-divider-right': this.isHorizontal && this.props.align === 'right',
           'p-divider-center': this.isHorizontal && this.props.align === 'center' || this.isVertical && (!this.props.align || this.props.align === 'center'),
           'p-divider-top': this.isVertical && this.props.align === 'top',
           'p-divider-bottom': this.isVertical && this.props.align === 'bottom'
         }, this.props.className);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: dividerClassName,
           style: this.props.style,
           role: "separator"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-divider-content"
         }, this.props.children));
       }
@@ -167,4 +169,4 @@ this.primereact.divider = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/divider/divider.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.divider=function(t,e,r){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=o(e);function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function p(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function u(t,e){return!e||"object"!==a(e)&&"function"!=typeof e?p(t):e}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var h,d,b,v=function(t){l(d,t);var e,o,s,a,p,h=(e=d,o=y(),function(){var t,r=f(e);if(o){var n=f(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return u(this,t)});function d(){return i(this,d),h.apply(this,arguments)}return s=d,(a=[{key:"isHorizontal",get:function(){return"horizontal"===this.props.layout}},{key:"isVertical",get:function(){return"vertical"===this.props.layout}},{key:"render",value:function(){var t=r.classNames("p-divider p-component p-divider-".concat(this.props.layout," p-divider-").concat(this.props.type),{"p-divider-left":this.isHorizontal&&(!this.props.align||"left"===this.props.align),"p-divider-right":this.isHorizontal&&"right"===this.props.align,"p-divider-center":this.isHorizontal&&"center"===this.props.align||this.isVertical&&(!this.props.align||"center"===this.props.align),"p-divider-top":this.isVertical&&"top"===this.props.align,"p-divider-bottom":this.isVertical&&"bottom"===this.props.align},this.props.className);return n.default.createElement("div",{className:t,style:this.props.style,role:"separator"},n.default.createElement("div",{className:"p-divider-content"},this.props.children))}}])&&c(s.prototype,a),p&&c(s,p),d}(e.Component);return b={align:null,layout:"horizontal",type:"solid",style:null,className:null},(d="defaultProps")in(h=v)?Object.defineProperty(h,d,{value:b,enumerable:!0,configurable:!0,writable:!0}):h[d]=b,t.Divider=v,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.divider=function(t,e,r){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=o(e);function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function s(t,e){return s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},s(t,e)}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function u(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function p(t,e){if(e&&("object"===a(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return u(t)}function f(t){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},f(t)}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var h,d,b,v=function(t){l(d,t);var e,o,s,a,u,h=(e=d,o=y(),function(){var t,r=f(e);if(o){var n=f(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return p(this,t)});function d(){return i(this,d),h.apply(this,arguments)}return s=d,(a=[{key:"isHorizontal",get:function(){return"horizontal"===this.props.layout}},{key:"isVertical",get:function(){return"vertical"===this.props.layout}},{key:"render",value:function(){var t=r.classNames("p-divider p-component p-divider-".concat(this.props.layout," p-divider-").concat(this.props.type),{"p-divider-left":this.isHorizontal&&(!this.props.align||"left"===this.props.align),"p-divider-right":this.isHorizontal&&"right"===this.props.align,"p-divider-center":this.isHorizontal&&"center"===this.props.align||this.isVertical&&(!this.props.align||"center"===this.props.align),"p-divider-top":this.isVertical&&"top"===this.props.align,"p-divider-bottom":this.isVertical&&"bottom"===this.props.align},this.props.className);return n.default.createElement("div",{className:t,style:this.props.style,role:"separator"},n.default.createElement("div",{className:"p-divider-content"},this.props.children))}}])&&c(s.prototype,a),u&&c(s,u),d}(e.Component);return b={align:null,layout:"horizontal",type:"solid",style:null,className:null},(d="defaultProps")in(h=v)?Object.defineProperty(h,d,{value:b,enumerable:!0,configurable:!0,writable:!0}):h[d]=b,t.Divider=v,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.utils);

package/dock/dock.cjs.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -82,6 +83,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -167,21 +170,21 @@ var Dock = /*#__PURE__*/function (_Component) {
           template = item.template,
           url = item.url,
           target = item.target;
-      var className = core.classNames('p-dock-item', {
+      var className = utils.classNames('p-dock-item', {
         'p-dock-item-second-prev': this.state.currentIndex - 2 === index,
         'p-dock-item-prev': this.state.currentIndex - 1 === index,
         'p-dock-item-current': this.state.currentIndex === index,
         'p-dock-item-next': this.state.currentIndex + 1 === index,
         'p-dock-item-second-next': this.state.currentIndex + 2 === index
       });
-      var contentClassName = core.classNames('p-dock-action', {
+      var contentClassName = utils.classNames('p-dock-action', {
         'p-disabled': disabled
       });
-      var iconClassName = core.classNames('p-dock-action-icon', _icon);
-      var icon = typeof _icon === 'string' ? /*#__PURE__*/React__default['default'].createElement("span", {
+      var iconClassName = utils.classNames('p-dock-action-icon', _icon);
+      var icon = typeof _icon === 'string' ? /*#__PURE__*/React__default["default"].createElement("span", {
         className: iconClassName
-      }) : core.ObjectUtils.getJSXElement(_icon, this.props);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      }) : utils.ObjectUtils.getJSXElement(_icon, this.props);
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: url || '#',
         role: "menuitem",
         className: contentClassName,
@@ -190,7 +193,7 @@ var Dock = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           return _this2.onItemClick(e, item);
         }
-      }, icon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }, icon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
       if (template) {
         var defaultContentOptions = {
@@ -203,10 +206,10 @@ var Dock = /*#__PURE__*/function (_Component) {
           props: this.props,
           index: index
         };
-        content = core.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: index,
         className: className,
         role: "none",
@@ -229,12 +232,25 @@ var Dock = /*#__PURE__*/function (_Component) {
       return null;
     }
   }, {
+    key: "renderHeader",
+    value: function renderHeader() {
+      if (this.props.header) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "p-dock-header"
+        }, utils.ObjectUtils.getJSXElement(this.props.header, {
+          props: this.props
+        }));
+      }
+
+      return null;
+    }
+  }, {
     key: "renderList",
     value: function renderList() {
       var _this4 = this;
 
       var items = this.renderItems();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         ref: function ref(el) {
           return _this4.list = el;
         },
@@ -243,18 +259,35 @@ var Dock = /*#__PURE__*/function (_Component) {
         onMouseLeave: this.onListMouseLeave
       }, items);
     }
+  }, {
+    key: "renderFooter",
+    value: function renderFooter() {
+      if (this.props.footer) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "p-dock-footer"
+        }, utils.ObjectUtils.getJSXElement(this.props.footer, {
+          props: this.props
+        }));
+      }
+
+      return null;
+    }
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames("p-dock p-component p-dock-".concat(this.props.position), this.props.className);
+      var className = utils.classNames("p-dock p-component p-dock-".concat(this.props.position), {
+        'p-dock-magnification': this.props.magnification
+      }, this.props.className);
+      var header = this.renderHeader();
       var list = this.renderList();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var footer = this.renderFooter();
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "p-dock-list-container"
-      }, list));
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "p-dock-container"
+      }, header, list, footer));
     }
   }]);
 
@@ -266,7 +299,10 @@ _defineProperty(Dock, "defaultProps", {
   style: null,
   className: null,
   model: null,
-  position: 'bottom'
+  position: 'bottom',
+  magnification: true,
+  header: null,
+  footer: null
 });
 
 exports.Dock = Dock;

package/dock/dock.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){return!t||"object"!==a(t)&&"function"!=typeof t?c(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,d,y,h=function(n){u(v,e.Component);var s,a,m,d,y,h=(s=v,a=p(),function(){var e,t=f(s);if(a){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return l(this,e)});function v(e){var t;return o(this,v),(t=h.call(this,e)).state={currentIndex:-3},t.onListMouseLeave=t.onListMouseLeave.bind(c(t)),t}return m=v,(d=[{key:"onListMouseLeave",value:function(){this.setState({currentIndex:-3})}},{key:"onItemMouseEnter",value:function(e){this.setState({currentIndex:e})}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()}},{key:"renderItem",value:function(e,n){var o=this,i=e.disabled,c=e.icon,s=e.label,u=e.template,a=e.url,l=e.target,f=t.classNames("p-dock-item",{"p-dock-item-second-prev":this.state.currentIndex-2===n,"p-dock-item-prev":this.state.currentIndex-1===n,"p-dock-item-current":this.state.currentIndex===n,"p-dock-item-next":this.state.currentIndex+1===n,"p-dock-item-second-next":this.state.currentIndex+2===n}),p=t.classNames("p-dock-action",{"p-disabled":i}),m=t.classNames("p-dock-action-icon",c),d="string"==typeof c?r.default.createElement("span",{className:m}):t.ObjectUtils.getJSXElement(c,this.props),y=r.default.createElement("a",{href:a||"#",role:"menuitem",className:p,target:l,"data-pr-tooltip":s,onClick:function(t){return o.onItemClick(t,e)}},d,r.default.createElement(t.Ripple,null));return u&&(y=t.ObjectUtils.getJSXElement(u,e,{onClick:function(t){return o.onItemClick(t,e)},className:p,iconClassName:m,element:y,props:this.props,index:n})),r.default.createElement("li",{key:n,className:f,role:"none",onMouseEnter:function(){return o.onItemMouseEnter(n)}},y)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return r.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-dock-list",role:"menu",onMouseLeave:this.onListMouseLeave},t)}},{key:"render",value:function(){var e=t.classNames("p-dock p-component p-dock-".concat(this.props.position),this.props.className),n=this.renderList();return r.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},r.default.createElement("div",{className:"p-dock-list-container"},n))}}])&&i(m.prototype,d),y&&i(m,y),v}();y={id:null,style:null,className:null,model:null,position:"bottom"},(d="defaultProps")in(m=h)?Object.defineProperty(m,d,{value:y,enumerable:!0,configurable:!0,writable:!0}):m[d]=y,exports.Dock=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},a(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function l(e){return l="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},l(e)}function p(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,y,h,v=function(r){u(b,e.Component);var a,l,m,y,h,v=(a=b,l=d(),function(){var e,t=f(a);if(l){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function b(e){var t;return i(this,b),(t=v.call(this,e)).state={currentIndex:-3},t.onListMouseLeave=t.onListMouseLeave.bind(c(t)),t}return m=b,(y=[{key:"onListMouseLeave",value:function(){this.setState({currentIndex:-3})}},{key:"onItemMouseEnter",value:function(e){this.setState({currentIndex:e})}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()}},{key:"renderItem",value:function(e,r){var i=this,s=e.disabled,c=e.icon,a=e.label,u=e.template,l=e.url,p=e.target,f=t.classNames("p-dock-item",{"p-dock-item-second-prev":this.state.currentIndex-2===r,"p-dock-item-prev":this.state.currentIndex-1===r,"p-dock-item-current":this.state.currentIndex===r,"p-dock-item-next":this.state.currentIndex+1===r,"p-dock-item-second-next":this.state.currentIndex+2===r}),d=t.classNames("p-dock-action",{"p-disabled":s}),m=t.classNames("p-dock-action-icon",c),y="string"==typeof c?o.default.createElement("span",{className:m}):t.ObjectUtils.getJSXElement(c,this.props),h=o.default.createElement("a",{href:l||"#",role:"menuitem",className:d,target:p,"data-pr-tooltip":a,onClick:function(t){return i.onItemClick(t,e)}},y,o.default.createElement(n.Ripple,null));return u&&(h=t.ObjectUtils.getJSXElement(u,e,{onClick:function(t){return i.onItemClick(t,e)},className:d,iconClassName:m,element:h,props:this.props,index:r})),o.default.createElement("li",{key:r,className:f,role:"none",onMouseEnter:function(){return i.onItemMouseEnter(r)}},h)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderHeader",value:function(){return this.props.header?o.default.createElement("div",{className:"p-dock-header"},t.ObjectUtils.getJSXElement(this.props.header,{props:this.props})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return o.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-dock-list",role:"menu",onMouseLeave:this.onListMouseLeave},t)}},{key:"renderFooter",value:function(){return this.props.footer?o.default.createElement("div",{className:"p-dock-footer"},t.ObjectUtils.getJSXElement(this.props.footer,{props:this.props})):null}},{key:"render",value:function(){var e=t.classNames("p-dock p-component p-dock-".concat(this.props.position),{"p-dock-magnification":this.props.magnification},this.props.className),n=this.renderHeader(),r=this.renderList(),i=this.renderFooter();return o.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o.default.createElement("div",{className:"p-dock-container"},n,r,i))}}])&&s(m.prototype,y),h&&s(m,h),b}();h={id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null},(y="defaultProps")in(m=v)?Object.defineProperty(m,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):m[y]=h,exports.Dock=v;

package/dock/dock.d.ts

@@ -1,14 +1,27 @@
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 
+type DockHeaderType = React.ReactNode | ((options: DockHeaderTemplateOptions) => React.ReactNode);
+
+type DockFooterType = React.ReactNode | ((options: DockFooterTemplateOptions) => React.ReactNode);
+
 type DockPositionType = 'top' | 'bottom' | 'left' | 'right';
 
+interface DockHeaderTemplateOptions {
+    props: DockProps;
+}
+
+interface DockFooterTemplateOptions extends DockHeaderTemplateOptions {}
+
 export interface DockProps {
     id?: string;
     style?: object;
     className?: string;
     model?: MenuItem[];
     position?: DockPositionType;
+    magnification?: boolean;
+    header?: DockHeaderType;
+    footer?: DockFooterType;
 }
 
 export declare class Dock extends React.Component<DockProps, any> { }

package/dock/dock.esm.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { classNames, ObjectUtils, Ripple } from 'primereact/core';
+import { classNames, ObjectUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -74,6 +75,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -221,6 +224,19 @@ var Dock = /*#__PURE__*/function (_Component) {
       return null;
     }
   }, {
+    key: "renderHeader",
+    value: function renderHeader() {
+      if (this.props.header) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "p-dock-header"
+        }, ObjectUtils.getJSXElement(this.props.header, {
+          props: this.props
+        }));
+      }
+
+      return null;
+    }
+  }, {
     key: "renderList",
     value: function renderList() {
       var _this4 = this;
@@ -235,18 +251,35 @@ var Dock = /*#__PURE__*/function (_Component) {
         onMouseLeave: this.onListMouseLeave
       }, items);
     }
+  }, {
+    key: "renderFooter",
+    value: function renderFooter() {
+      if (this.props.footer) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "p-dock-footer"
+        }, ObjectUtils.getJSXElement(this.props.footer, {
+          props: this.props
+        }));
+      }
+
+      return null;
+    }
   }, {
     key: "render",
     value: function render() {
-      var className = classNames("p-dock p-component p-dock-".concat(this.props.position), this.props.className);
+      var className = classNames("p-dock p-component p-dock-".concat(this.props.position), {
+        'p-dock-magnification': this.props.magnification
+      }, this.props.className);
+      var header = this.renderHeader();
       var list = this.renderList();
+      var footer = this.renderFooter();
       return /*#__PURE__*/React.createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style
       }, /*#__PURE__*/React.createElement("div", {
-        className: "p-dock-list-container"
-      }, list));
+        className: "p-dock-container"
+      }, header, list, footer));
     }
   }]);
 
@@ -258,7 +291,10 @@ _defineProperty(Dock, "defaultProps", {
   style: null,
   className: null,
   model: null,
-  position: 'bottom'
+  position: 'bottom',
+  magnification: true,
+  header: null,
+  footer: null
 });
 
 export { Dock };

package/dock/dock.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{classNames as n,ObjectUtils as r,Ripple as o}from"primereact/core";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){return!t||"object"!==l(t)&&"function"!=typeof t?u(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,y,h,v=function(s){a(k,t);var l,d,y,h,v,b=(l=k,d=m(),function(){var e,t=f(l);if(d){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function k(e){var t;return i(this,k),(t=b.call(this,e)).state={currentIndex:-3},t.onListMouseLeave=t.onListMouseLeave.bind(u(t)),t}return y=k,(h=[{key:"onListMouseLeave",value:function(){this.setState({currentIndex:-3})}},{key:"onItemMouseEnter",value:function(e){this.setState({currentIndex:e})}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()}},{key:"renderItem",value:function(t,i){var c=this,u=t.disabled,s=t.icon,a=t.label,l=t.template,p=t.url,f=t.target,m=n("p-dock-item",{"p-dock-item-second-prev":this.state.currentIndex-2===i,"p-dock-item-prev":this.state.currentIndex-1===i,"p-dock-item-current":this.state.currentIndex===i,"p-dock-item-next":this.state.currentIndex+1===i,"p-dock-item-second-next":this.state.currentIndex+2===i}),d=n("p-dock-action",{"p-disabled":u}),y=n("p-dock-action-icon",s),h="string"==typeof s?e.createElement("span",{className:y}):r.getJSXElement(s,this.props),v=e.createElement("a",{href:p||"#",role:"menuitem",className:d,target:f,"data-pr-tooltip":a,onClick:function(e){return c.onItemClick(e,t)}},h,e.createElement(o,null));return l&&(v=r.getJSXElement(l,t,{onClick:function(e){return c.onItemClick(e,t)},className:d,iconClassName:y,element:v,props:this.props,index:i})),e.createElement("li",{key:i,className:m,role:"none",onMouseEnter:function(){return c.onItemMouseEnter(i)}},v)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderList",value:function(){var t=this,n=this.renderItems();return e.createElement("ul",{ref:function(e){return t.list=e},className:"p-dock-list",role:"menu",onMouseLeave:this.onListMouseLeave},n)}},{key:"render",value:function(){var t=n("p-dock p-component p-dock-".concat(this.props.position),this.props.className),r=this.renderList();return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},e.createElement("div",{className:"p-dock-list-container"},r))}}])&&c(y.prototype,h),v&&c(y,v),k}();h={id:null,style:null,className:null,model:null,position:"bottom"},(y="defaultProps")in(d=v)?Object.defineProperty(d,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[y]=h;export{v as Dock};
+import e,{Component as t}from"react";import{classNames as n,ObjectUtils as r}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},a(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function l(e){return l="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},l(e)}function p(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,h,y,v=function(a){u(k,t);var l,d,h,y,v,b=(l=k,d=m(),function(){var e,t=f(l);if(d){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function k(e){var t;return i(this,k),(t=b.call(this,e)).state={currentIndex:-3},t.onListMouseLeave=t.onListMouseLeave.bind(s(t)),t}return h=k,(y=[{key:"onListMouseLeave",value:function(){this.setState({currentIndex:-3})}},{key:"onItemMouseEnter",value:function(e){this.setState({currentIndex:e})}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()}},{key:"renderItem",value:function(t,i){var c=this,s=t.disabled,a=t.icon,u=t.label,l=t.template,p=t.url,f=t.target,m=n("p-dock-item",{"p-dock-item-second-prev":this.state.currentIndex-2===i,"p-dock-item-prev":this.state.currentIndex-1===i,"p-dock-item-current":this.state.currentIndex===i,"p-dock-item-next":this.state.currentIndex+1===i,"p-dock-item-second-next":this.state.currentIndex+2===i}),d=n("p-dock-action",{"p-disabled":s}),h=n("p-dock-action-icon",a),y="string"==typeof a?e.createElement("span",{className:h}):r.getJSXElement(a,this.props),v=e.createElement("a",{href:p||"#",role:"menuitem",className:d,target:f,"data-pr-tooltip":u,onClick:function(e){return c.onItemClick(e,t)}},y,e.createElement(o,null));return l&&(v=r.getJSXElement(l,t,{onClick:function(e){return c.onItemClick(e,t)},className:d,iconClassName:h,element:v,props:this.props,index:i})),e.createElement("li",{key:i,className:m,role:"none",onMouseEnter:function(){return c.onItemMouseEnter(i)}},v)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderHeader",value:function(){return this.props.header?e.createElement("div",{className:"p-dock-header"},r.getJSXElement(this.props.header,{props:this.props})):null}},{key:"renderList",value:function(){var t=this,n=this.renderItems();return e.createElement("ul",{ref:function(e){return t.list=e},className:"p-dock-list",role:"menu",onMouseLeave:this.onListMouseLeave},n)}},{key:"renderFooter",value:function(){return this.props.footer?e.createElement("div",{className:"p-dock-footer"},r.getJSXElement(this.props.footer,{props:this.props})):null}},{key:"render",value:function(){var t=n("p-dock p-component p-dock-".concat(this.props.position),{"p-dock-magnification":this.props.magnification},this.props.className),r=this.renderHeader(),o=this.renderList(),i=this.renderFooter();return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},e.createElement("div",{className:"p-dock-container"},r,o,i))}}])&&c(h.prototype,y),v&&c(h,v),k}();y={id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null},(h="defaultProps")in(d=v)?Object.defineProperty(d,h,{value:y,enumerable:!0,configurable:!0,writable:!0}):d[h]=y;export{v as Dock};