@legion-ui-kit/react-core/dist/esm/components/Stepper/Stepper.js

To install the package into your project:

import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Children as s,Fragment as i}from"react";import r from"classnames";import o from"./styles/Stepper.module.scss.js";import a from"./Step.js";import{getStepProps as l}from"./Stepper.helper.js";import{isFunction as p}from"../../helpers/typeChecker.js";import{checkComponent as n}from"../../helpers/internal.js";import{STEPPER_DEFAULT_PROPS as m,STEP_DISPLAY_NAME as c}from"./Stepper.constant.js";const d=d=>{const{activeStep:S=m.activeStep,children:y,className:N,descriptionClassName:C,descriptionStyle:f,indicatorClassName:h,indicatorStyle:j,labelClassName:u,labelStyle:v,onChange:x,orientation:b=m.orientation,stepClassName:k,stepStyle:g,textPosition:P=m.textPosition,titleClassName:_,titleStyle:A,...F}=d,$=r(o.legion_stepper,N,o[b],o[P]),q=r(o.stepper_step,k);return e("div",{className:$,...F,children:s.toArray(y).filter(e=>n(e,c)).map((s,n,m)=>{const{key:c,onClick:d,...y}=s.props,N=c||`step-${n}`,{isFirst:k,position:F,status:$}=l(S,m.length,n),w=r(o.stepper_connector,{[o.active]:S>=n});return t(i,{children:[k||e("div",{className:w}),e(a,{...y,className:q,style:g,descriptionClassName:C,descriptionStyle:f,indicatorClassName:h,indicatorStyle:j,labelClassName:u,labelStyle:v,titleClassName:_,titleStyle:A,status:$,textPosition:P,position:F,onClick:e=>{p(d)&&d(e),p(x)&&x(n)},orientation:b})]},N)})})};d.displayName="Stepper";export{d as default};
//# sourceMappingURL=Stepper.js.map