primereact/dock/dock.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as e from"react";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as r,classNames as n,IconUtils as o}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function i(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m={defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},getProps:function(e){return r.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,m.defaultProps)}},p=e.memo(e.forwardRef((function(c,p){var f,d,v=m.getProps(c),g=e.useState(-3),y=(d=2,l(f=g)||i(f,d)||u(f,d)||s()),k=y[0],b=y[1],h=e.useRef(null),E=function(){b(-3)},N=function(e){b(e)},P=function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},O=function(a,l){if(!1===a.visible)return null;var i=a.disabled,c=a.icon,u=a.label,s=a.template,m=a.url,p=a.target,f=n("p-dock-item",{"p-dock-item-second-prev":k-2===l,"p-dock-item-prev":k-1===l,"p-dock-item-current":k===l,"p-dock-item-next":k+1===l,"p-dock-item-second-next":k+2===l}),d=n("p-dock-action",{"p-disabled":i}),g=n("p-dock-action-icon",c),y=o.getJSXIcon(c,{className:"p-dock-action-icon"},{props:v}),b=e.createElement("a",{href:m||"#",role:"menuitem",className:d,target:p,"data-pr-tooltip":u,onClick:function(e){return P(e,a)}},y,e.createElement(t,null));s&&(b=r.getJSXElement(s,a,{onClick:function(e){return P(e,a)},className:d,iconClassName:g,element:b,props:v,index:l}));return e.createElement("li",{key:l,className:f,role:"none",onMouseEnter:function(){return N(l)}},b)};e.useImperativeHandle(p,(function(){return{props:v,getElement:function(){return h.current}}}));var S,j=m.getOtherProps(v),w=n("p-dock p-component p-dock-".concat(v.position),{"p-dock-magnification":v.magnification},v.className),A=function(){if(v.header){var t=r.getJSXElement(v.header,{props:v});return e.createElement("div",{className:"p-dock-header"},t)}return null}(),x=(S=v.model?v.model.map(O):null,e.createElement("ul",{className:"p-dock-list",role:"menu",onMouseLeave:E},S)),I=function(){if(v.footer){var t=r.getJSXElement(v.footer,{props:v});return e.createElement("div",{className:"p-dock-footer"},t)}return null}();return e.createElement("div",a({id:v.id,ref:h,className:w,style:v.style},j),e.createElement("div",{className:"p-dock-container"},A,x,I))})));p.displayName="Dock";export{p as Dock};