subhasmitalmg-react-spreadsheet-import/dist-commonjs/steps/Steps.js

React spreadsheet import for xlsx and csv files with column matching and validation steps

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var UploadFlow = require('./UploadFlow.js');
var react = require('@chakra-ui/react');
var chakraUiSteps = require('chakra-ui-steps');
var cg = require('react-icons/cg');
var useRsi = require('../hooks/useRsi.js');
var useRsiInitialStep = require('../hooks/useRsiInitialStep.js');

const CheckIcon = ({ color }) => jsxRuntime.jsx(cg.CgCheck, { size: "2.25rem", color: color });
const Steps = () => {
    const { initialStepState, translations } = useRsi.useRsi();
    const { steps, initialStep } = useRsiInitialStep.useRsiInitialStep(initialStepState?.type);
    const { nextStep, activeStep } = chakraUiSteps.useSteps({
        initialStep,
    });
    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.ModalHeader, { display: ["none", "none", "block"], children: jsxRuntime.jsx(chakraUiSteps.Steps, { activeStep: activeStep, checkIcon: CheckIcon, children: steps.map((key) => (jsxRuntime.jsx(chakraUiSteps.Step, { label: translations[key].title }, key))) }) }), jsxRuntime.jsx(UploadFlow.UploadFlow, { nextStep: nextStep })] }));
};

exports.Steps = Steps;