@legion-ui-kit/react-core
Version:
To install the package into your project:
3 lines (2 loc) • 1.67 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("classnames"),i=require("./styles/Stepper.module.scss.cjs"),a=require("./Step.cjs"),r=require("./Stepper.helper.cjs"),l=require("../../helpers/typeChecker.cjs"),n=require("../../helpers/internal.cjs"),o=require("./Stepper.constant.cjs");function c(e){return e&&e.__esModule?e:{default:e}}var p=c(s);const u=s=>{const{activeStep:c=o.STEPPER_DEFAULT_PROPS.activeStep,children:u,className:d,descriptionClassName:S,descriptionStyle:m,indicatorClassName:P,indicatorStyle:y,labelClassName:f,labelStyle:C,onChange:N,orientation:_=o.STEPPER_DEFAULT_PROPS.orientation,stepClassName:j,stepStyle:h,textPosition:E=o.STEPPER_DEFAULT_PROPS.textPosition,titleClassName:x,titleStyle:q,...v}=s,F=p.default(i.default.legion_stepper,d,i.default[_],i.default[E]),T=p.default(i.default.stepper_step,j);return e.jsx("div",{className:F,...v,children:t.Children.toArray(u).filter(e=>n.checkComponent(e,o.STEP_DISPLAY_NAME)).map((s,n,o)=>{const{key:u,onClick:d,...j}=s.props,v=u||`step-${n}`,{isFirst:F,position:A,status:R}=r.getStepProps(c,o.length,n),b=p.default(i.default.stepper_connector,{[i.default.active]:c>=n});return e.jsxs(t.Fragment,{children:[F||e.jsx("div",{className:b}),e.jsx(a.default,{...j,className:T,style:h,descriptionClassName:S,descriptionStyle:m,indicatorClassName:P,indicatorStyle:y,labelClassName:f,labelStyle:C,titleClassName:x,titleStyle:q,status:R,textPosition:E,position:A,onClick:e=>{l.isFunction(d)&&d(e),l.isFunction(N)&&N(n)},orientation:_})]},v)})})};u.displayName="Stepper",exports.default=u;
//# sourceMappingURL=Stepper.cjs.map