UNPKG

primereact

Version:

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

2 lines (1 loc) 2.85 kB
this.primereact=this.primereact||{},this.primereact.breadcrumb=function(e,t,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=l(t);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 l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,t){var l=n.useRef(null),u=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}))},s=function(){return n.createElement("li",{className:"p-breadcrumb-chevron pi pi-chevron-right"})},c=function(t){if(!1===t.visible)return null;var l=r.classNames(t.className,{"p-disabled":t.disabled}),a=n.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return u(e,t)},"aria-disabled":t.disabled},t.label&&n.createElement("span",{className:"p-menuitem-text"},t.label));t.template&&(a=r.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return u(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:a,props:e}));return n.createElement("li",{className:l,style:t.style},a)};n.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}}));var m=r.ObjectUtils.findDiffKeys(e,i.defaultProps),o=r.classNames("p-breadcrumb p-component",e.className),p=function(){var t=e.home;if(t){if(!1===t.visible)return null;var l=t.icon,a=t.target,i=t.url,s=t.disabled,c=t.style,m=t.template,o=r.classNames("p-breadcrumb-home",{"p-disabled":s},t.className),p=r.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e}),f=n.createElement("a",{href:i||"#",className:"p-menuitem-link","aria-disabled":s,target:a,onClick:function(e){return u(e,t)}},p);if(m)f=r.ObjectUtils.getJSXElement(m,t,{onClick:function(e){return u(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:f,props:e});return n.createElement("li",{className:o,style:c},f)}return null}(),f=function(){if(e.model){var t=e.model.map((function(t,r){if(!1===t.visible)return null;var l=c(t),a=r===e.model.length-1?null:s();return n.createElement(n.Fragment,{key:t.label+"_"+r},l,a)}));return t}return null}(),d=s();return n.createElement("nav",a({id:e.id,ref:l,className:o,style:e.style,"aria-label":"Breadcrumb"},m),n.createElement("ul",null,p,d,f))})));return i.displayName="BreadCrumb",i.defaultProps={__TYPE:"BreadCrumb",id:null,model:null,home:null,style:null,className:null},e.BreadCrumb=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);