UNPKG

@legion-ui-kit/react-core

Version:

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

1 lines 1.6 kB
{"version":3,"file":"Stepper.helper.cjs","sources":["../../../../src/components/Stepper/Stepper.helper.ts"],"sourcesContent":["// Types\r\nimport type { TStepperPosition, TStepperStatus } from './Stepper.type';\r\n\r\n// Constants\r\nimport { STEP_DEFAULT_PROPS, STEPPER_POSITION, STEPPER_STATUS } from './Stepper.constant';\r\n\r\nexport const getStepProps = (activeStep: number, maxIndex: number, index: number) => {\r\n let position: TStepperPosition = STEPPER_POSITION.middle!;\r\n let status: TStepperStatus = STEP_DEFAULT_PROPS.status!;\r\n const isFirst = index === 0;\r\n const isLast = index === maxIndex - 1;\r\n\r\n if (activeStep === index) {\r\n status = STEPPER_STATUS.active;\r\n } else if (activeStep > index) {\r\n status = STEPPER_STATUS.complete;\r\n }\r\n\r\n if (isFirst) {\r\n position = STEPPER_POSITION.start;\r\n } else if (isLast) {\r\n position = STEPPER_POSITION.end;\r\n }\r\n\r\n return {\r\n isActive: activeStep === index,\r\n isFirst,\r\n isLast,\r\n position,\r\n status\r\n };\r\n};\r\n"],"names":["activeStep","maxIndex","index","position","STEPPER_POSITION","middle","status","STEP_DEFAULT_PROPS","isFirst","isLast","STEPPER_STATUS","active","complete","start","end","isActive"],"mappings":"0EAM4B,CAACA,EAAoBC,EAAkBC,KACjE,IAAIC,EAA6BC,EAAAA,iBAAiBC,OAC9CC,EAAyBC,EAAAA,mBAAmBD,OAChD,MAAME,EAAoB,IAAVN,EACVO,EAASP,IAAUD,EAAW,EAcpC,OAZID,IAAeE,EACjBI,EAASI,EAAAA,eAAeC,OACfX,EAAaE,IACtBI,EAASI,EAAAA,eAAeE,UAGtBJ,EACFL,EAAWC,EAAAA,iBAAiBS,MACnBJ,IACTN,EAAWC,EAAAA,iBAAiBU,KAGvB,CACLC,SAAUf,IAAeE,EACzBM,UACAC,SACAN,WACAG"}