fixed destructuring issue

Author: GokulSNath

src/bubble/index.js src/bubble/index.tssrc/bubble/index.js renamed to src/bubble/index.ts

@@ -6,7 +6,7 @@ export interface IBubbleProps {
     enableStepClick: boolean,
     renderAdornment?(step: IStep, index: number): ReactElement,
     index: number,
-    currentActiveStepIndexVal: number,
+    currentActiveStepIndexVal?: number,
     handleStepClick(index: number): void,
     getBubbleStyles?(step: IStep, index: number): object,
     getActiveBubbleStyles?(step: IStep, index: number): object,

src/bubble/types.d.ts

@@ -0,0 +1,3 @@
+import Stepper from './stepperComponent';
+
+export default Stepper;

src/stepper-component/index.js

@@ -10,7 +10,7 @@ const Stepper = (props: IStepperProps): ReactElement => {
     enableStepClick = false,
     onStepClick,
     renderAdornment,
-    stylesOverride
+    stylesOverride = {}
   } = props;
 
   const {
@@ -81,9 +81,9 @@ const Stepper = (props: IStepperProps): ReactElement => {
             {index < steps?.length - 1 && (
               <div style={{...styles.lineSeparator,
                 ...((getLineSeparatorStyles && getLineSeparatorStyles(step, index)) || {}),
-                ...((index > currentActiveStepIndexVal - 1) && styles.inactiveStepLineSeparator || {}),
-                ...((index > currentActiveStepIndexVal - 1&& getInactiveLineSeparatorStyles && getInactiveLineSeparatorStyles(step, index)) || {})
-
+                ...((currentActiveStepIndexVal && index > currentActiveStepIndexVal - 1) && styles.inactiveStepLineSeparator || {}),
+                ...((currentActiveStepIndexVal && index > currentActiveStepIndexVal - 1
+                  && getInactiveLineSeparatorStyles && getInactiveLineSeparatorStyles(step, index)) || {})
               }} />
             )}
           </div>

src/stepper-component/index.ts

@@ -8,7 +8,7 @@ export interface IStep {
 
 export interface IStepperProps {
     steps: IStep[],
-    currentActiveStepIndex: number,
+    currentActiveStepIndex?: number,
     onStepClick?(stepIndex: number): void,
     enableStepClick?: boolean,
     renderAdornment?(step: IStep, index: number): ReactElement,

src/stepper-component/stepperComponent.tsx

@@ -13,6 +13,7 @@
       "allowSyntheticDefaultImports": true,
       "lib": ["es2018", "dom"],
       "moduleResolution": "node",
+      "strictNullChecks": true
     },
     "files": [
       "global.d.ts"