{"version":3,"file":"index5.mjs","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":[],"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,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,OAAO,MAAM,WAAW,yBAAyB,EAAE,KAAK,GAAG;AAAA,MACvE,kBAAgB;AAAA,MAChB,aAAW;AAAA,MAEV,UAAM,MAAA,IAAI,CAAC,MAAM,UAAU;AACpB,cAAA,aAAa,UAAU,MAAM,SAAS;AAC5C,cAAM,cAAc,UAAU;AACxB,cAAA,WAAW,MAAM,QAAQ,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,eAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,OAAO;AAAA,YAElB,SAAS,MAAM,YAAY,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAW,OAAO,QACrB,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW,OAAO;AAAA,oBAClB,MAAM,WAAW,SAAY,WAAW;AAAA,oBACxC;AAAA,kBAAA;AAAA,gBACF;AAAA,gBACA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,WAAW,KAAK;AAAA,oBAChB;AAAA,oBACA,MAAM,QAAQ;AAAA,oBACd,MAAM,KAAK;AAAA,oBACX,MAAM,6BAAM;AAAA,kBAAA;AAAA,gBACd;AAAA,gBACA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MACE,WAAW,SACP,WACA,iBAAiB,aACjB,aACA;AAAA,oBAEN;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cACA;AAAA,gBAAC;AAAA,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,WAAW,KAAK;AAAA,QAkCvB;AAAA,MAEH,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cAAc;"}