blsmedia/sign
2
0
Fork 0
Code Issues Packages Releases Activity

chore: refactor

Browse Source
This commit is contained in:
mikezzb
2023-12-02 23:56:07 -05:00
parent a98b429052
commit eccf63dcfd
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/ui/primitives/stepper.tsx
View File

@@ -57,8 +57,8 @@ export const Stepper: FC<StepperProps> = ({
onStepChanged && onStepChanged(currentStep); onStepChanged && onStepChanged(currentStep);
}, [currentStep, onStepChanged]); }, [currentStep, onStepChanged]);
const useStep = (stepIndex: number) => ({ const useStep = () => ({
stepIndex, stepIndex: currentStep - 1,
currentStep, currentStep,
totalSteps, totalSteps,
isFirst: currentStep === 1, isFirst: currentStep === 1,
@@ -67,14 +67,13 @@ export const Stepper: FC<StepperProps> = ({
previousStep, previousStep,
}); });
const renderStep = (child: React.ReactNode, index: number) => { // empty stepper
if (!React.isValidElement<StepProps>(child)) return null; if (totalSteps === 0) return null;
return index + 1 === currentStep
? React.cloneElement(child, {
useStep: () => useStep(index),
})
: null;
};
return <>{React.Children.toArray(children).map(renderStep)}</>; const currentChild = React.Children.toArray(children)[currentStep - 1];
// type validation
if (!React.isValidElement<StepProps>(currentChild)) return null;
return <>{React.cloneElement(currentChild, { useStep })}</>;
}; };