fix: types in Stepper

Atom-Learning · Aug 21, 2023 · 83f214b · 83f214b
1 parent 33b1793
commit 83f214b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/lib/src/components/stepper/StepperStepForward.tsx b/lib/src/components/stepper/StepperStepForward.tsx
@@ -13,7 +13,7 @@ export const StepperStepForward: React.FC<
     if (onClick) {
       return onClick(goToNextStep)
     }
-    goToNextStep?.()
+    goToNextStep()
   }
 
   return (

diff --git a/lib/src/components/stepper/stepper-context/StepperContext.tsx b/lib/src/components/stepper/stepper-context/StepperContext.tsx
@@ -4,9 +4,9 @@ import { Context, StepperProviderProps } from '../types'
 
 const StepperContext = React.createContext<Context>({
   steps: [],
-  goToPreviousStep: () => null,
-  goToNextStep: () => null,
-  goToStep: () => null,
+  goToPreviousStep: () => undefined,
+  goToNextStep: () => undefined,
+  goToStep: () => undefined,
   activeStep: 0,
   viewedSteps: [],
   allowSkip: false,
@@ -72,9 +72,9 @@ export const StepperProvider: React.FC<StepperProviderProps> = ({
     <StepperContext.Provider
       value={{
         steps: steps || Array(stepCount).fill(''),
-        goToPreviousStep: isControlled ? undefined : goToPreviousStep,
-        goToNextStep: isControlled ? undefined : goToNextStep,
-        goToStep: isControlled ? undefined : goToStep,
+        goToPreviousStep: isControlled ? () => undefined : goToPreviousStep,
+        goToNextStep: isControlled ? () => undefined : goToNextStep,
+        goToStep: isControlled ? () => undefined : goToStep,
         activeStep,
         viewedSteps,
         completedSteps,

diff --git a/lib/src/components/stepper/types.ts b/lib/src/components/stepper/types.ts
@@ -17,9 +17,9 @@ export type Direction = 'vertical' | 'horizontal'
 
 export type Context = {
   steps: Step[]
-  goToPreviousStep?: () => void
-  goToNextStep?: () => void
-  goToStep?: (index: number) => void
+  goToPreviousStep: () => void | undefined
+  goToNextStep: () => void | undefined
+  goToStep: (index: number) => void | undefined
   activeStep: number
   viewedSteps: number[]
   completedSteps: number[]