primereact/steps/steps.cjs.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

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