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.53 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r.apply(this,arguments)}var s=l.memo(l.forwardRef((function(e,t){var a=l.useRef(null),i=function(t,n,a){e.readOnly||n.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:n,index:a}),n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n,index:a}))},c=function(t,a){if(!1===t.visible)return null;var r=t.label+"_"+a,s=a===e.activeIndex,c=t.disabled||a!==e.activeIndex&&e.readOnly,u=c?-1:"",m=n.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":s,"p-disabled":c}),o=n.classNames("p-menuitem-icon",t.icon),p=n.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.label&&l.createElement("span",{className:"p-steps-title"},t.label),f=l.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return i(e,t,a)},tabIndex:u},l.createElement("span",{className:"p-steps-number"},a+1),p,d);t.template&&(f=n.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return i(e,t,a)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:o,element:f,props:e,tabIndex:u,active:s,disabled:c}));return l.createElement("li",{key:r,id:t.id,className:m,style:t.style,role:"tab","aria-selected":s,"aria-expanded":s},f)};l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return a.current}}}));var u=n.ObjectUtils.findDiffKeys(e,s.defaultProps),m=n.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),o=function(){if(e.model){var t=e.model.map(c);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",r({id:e.id,ref:a,className:m,style:e.style},u),o)})));return s.displayName="Steps",s.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);