{"version":3,"file":"index5.cjs","sources":["../src/components/steppers/index.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from \"react\";\nimport styles from \"./Steppers.module.css\";\nimport SteppersMarkerAtom from \"../../atoms/steppers/marker\";\nimport SteppersTrackAtom from \"../../atoms/steppers/track\";\nimport SteppersLabelContentAtom from \"../../atoms/steppers/label-content\";\n\nexport type SteppersType = {\n  className?: string;\n  direction?: \"horizontal\" | \"vertical\";\n  steps: {\n    label?: string;\n    description?: string;\n    indicator?: \"default\" | \"fail\" | \"warning\";\n    type?: \"inactive\" | \"inprogress\" | \"complete\";\n    icon?: ReactNode;\n  }[];\n  marker?: \"icon\" | \"number\" | \"dot\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  onClick?: (step: SteppersType[\"steps\"][number]) => void;\n};\n\nexport const Steppers: FunctionComponent<SteppersType> = ({\n  className = \"\",\n  direction = \"horizontal\",\n  steps = [],\n  marker = \"dot\",\n  size = \"sm\",\n  onClick,\n}) => {\n  const handleClick = (step: SteppersType[\"steps\"][number]) => {\n    if (onClick) {\n      onClick(step);\n    }\n  };\n  return (\n    <div\n      className={[styles.root, className, \"quill-ui-next-component\"].join(\" \")}\n      data-direction={direction}\n      data-size={size}\n    >\n      {steps.map((step, index) => {\n        const isLastStep = index === steps.length - 1;\n        const isFirstStep = index === 0;\n        const nextStep = steps[index + 1];\n        const nextStepType = nextStep?.type;\n\n        let trackType = step.type === \"complete\" ? \"inprogress\" : step.type;\n        let track1 = trackType;\n        let track2 = trackType;\n\n        if (isFirstStep) {\n          track1 = undefined;\n        }\n\n        if (isLastStep) {\n          track2 = undefined;\n        }\n\n        return (\n          <div\n            className={styles.stepper_container}\n            key={`stepper-${index}`}\n            onClick={() => handleClick(step)}\n          >\n            <div className={styles.header}>\n              <SteppersTrackAtom\n                className={styles.track}\n                type={track1 === undefined ? \"hidden\" : track1}\n                direction={direction}\n              />\n              <SteppersMarkerAtom\n                marker={marker}\n                indicator={step.indicator}\n                size={size}\n                text={index + 1}\n                type={step.type}\n                icon={step?.icon}\n              />\n              <SteppersTrackAtom\n                type={\n                  track2 === undefined\n                    ? \"hidden\"\n                    : nextStepType === \"inactive\"\n                    ? \"inactive\"\n                    : track2\n                }\n                direction={direction}\n              />\n            </div>\n            <SteppersLabelContentAtom\n              label={step?.label}\n              description={step?.description}\n              direction={direction}\n              type={step.type === \"inactive\" ? \"incomplete\" : step.type}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSteppers.displayName = \"Steppers\";\n\nexport default Steppers;\n"],"names":["jsx","styles","index","jsxs","SteppersTrackAtom","SteppersMarkerAtom","SteppersLabelContentAtom"],"mappings":";;;;;;;AAqBO,MAAM,WAA4C,CAAC;AAAA,EACxD,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AACF,MAAM;AACE,QAAA,cAAc,CAAC,SAAwC;AAC3D,QAAI,SAAS;AACX,cAAQ,IAAI;AAAA,IAAA;AAAA,EAEhB;AAEE,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,gBAAAA,QAAO,MAAM,WAAW,yBAAyB,EAAE,KAAK,GAAG;AAAA,MACvE,kBAAgB;AAAA,MAChB,aAAW;AAAA,MAEV,UAAM,MAAA,IAAI,CAAC,MAAMC,YAAU;AACpB,cAAA,aAAaA,YAAU,MAAM,SAAS;AAC5C,cAAM,cAAcA,YAAU;AACxB,cAAA,WAAW,MAAMA,UAAQ,CAAC;AAChC,cAAM,eAAe,qCAAU;AAE/B,YAAI,YAAY,KAAK,SAAS,aAAa,eAAe,KAAK;AAC/D,YAAI,SAAS;AACb,YAAI,SAAS;AAEb,YAAI,aAAa;AACN,mBAAA;AAAA,QAAA;AAGX,YAAI,YAAY;AACL,mBAAA;AAAA,QAAA;AAIT,eAAAC,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,gBAAO,QAAA;AAAA,YAElB,SAAS,MAAM,YAAY,IAAI;AAAA,YAE/B,UAAA;AAAA,cAACE,2BAAA,KAAA,OAAA,EAAI,WAAWF,gBAAAA,QAAO,QACrB,UAAA;AAAA,gBAAAD,2BAAA;AAAA,kBAACI;AAAAA,kBAAA;AAAA,oBACC,WAAWH,gBAAO,QAAA;AAAA,oBAClB,MAAM,WAAW,SAAY,WAAW;AAAA,oBACxC;AAAA,kBAAA;AAAA,gBACF;AAAA,gBACAD,2BAAA;AAAA,kBAACK;AAAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,WAAW,KAAK;AAAA,oBAChB;AAAA,oBACA,MAAMH,UAAQ;AAAA,oBACd,MAAM,KAAK;AAAA,oBACX,MAAM,6BAAM;AAAA,kBAAA;AAAA,gBACd;AAAA,gBACAF,2BAAA;AAAA,kBAACI;AAAAA,kBAAA;AAAA,oBACC,MACE,WAAW,SACP,WACA,iBAAiB,aACjB,aACA;AAAA,oBAEN;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cACAJ,2BAAA;AAAA,gBAACM;AAAAA,gBAAA;AAAA,kBACC,OAAO,6BAAM;AAAA,kBACb,aAAa,6BAAM;AAAA,kBACnB;AAAA,kBACA,MAAM,KAAK,SAAS,aAAa,eAAe,KAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvD;AAAA,UAAA;AAAA,UAjCK,WAAWJ,OAAK;AAAA,QAkCvB;AAAA,MAEH,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;;;"}