UNPKG

primereact

Version:

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

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