primereact/dock/dock.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 80+ 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 n,classNames as r,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 n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}function c(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 u(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){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 s=e.memo(e.forwardRef((function(c,p){var f,d,v=e.useState(-3),y=(d=2,l(f=v)||i(f,d)||u(f,d)||m()),k=y[0],g=y[1],b=e.useRef(null),h=function(){g(-3)},E=function(e){g(e)},N=function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()},S=function(a,l){if(!1===a.visible)return null;var i=a.disabled,u=a.icon,m=a.label,s=a.template,p=a.url,f=a.target,d=r("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}),v=r("p-dock-action",{"p-disabled":i}),y=r("p-dock-action-icon",u),g=o.getJSXIcon(u,{className:"p-dock-action-icon"},{props:c}),b=e.createElement("a",{href:p||"#",role:"menuitem",className:v,target:f,"data-pr-tooltip":m,onClick:function(e){return N(e,a)}},g,e.createElement(t,null));s&&(b=n.getJSXElement(s,a,{onClick:function(e){return N(e,a)},className:v,iconClassName:y,element:b,props:c,index:l}));return e.createElement("li",{key:l,className:d,role:"none",onMouseEnter:function(){return E(l)}},b)};e.useImperativeHandle(p,(function(){return{props:c,getElement:function(){return b.current}}}));var j,w=n.findDiffKeys(c,s.defaultProps),A=r("p-dock p-component p-dock-".concat(c.position),{"p-dock-magnification":c.magnification},c.className),O=function(){if(c.header){var t=n.getJSXElement(c.header,{props:c});return e.createElement("div",{className:"p-dock-header"},t)}return null}(),x=(j=c.model?c.model.map(S):null,e.createElement("ul",{className:"p-dock-list",role:"menu",onMouseLeave:h},j)),I=function(){if(c.footer){var t=n.getJSXElement(c.footer,{props:c});return e.createElement("div",{className:"p-dock-footer"},t)}return null}();return e.createElement("div",a({id:c.id,ref:b,className:A,style:c.style},w),e.createElement("div",{className:"p-dock-container"},O,x,I))})));s.displayName="Dock",s.defaultProps={__TYPE:"Dock",id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null};export{s as Dock};