feat(#1593): add new key emittedByClick in ifxChange event object in …

…stepper
Infineon · Nov 19, 2024 · 20f325e · 20f325e
1 parent 6a27628
commit 20f325e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 11 deletions.
diff --git a/examples/wrapper-components/react-vite-js/package-lock.json b/examples/wrapper-components/react-vite-js/package-lock.json
diff --git a/packages/components/src/components/stepper/interfaces.tsx b/packages/components/src/components/stepper/interfaces.tsx
@@ -4,6 +4,6 @@ export interface StepperState {
     showStepNumber: boolean;
     variant: 'default' | 'compact';
 
-    setActiveStep?(stepId: number): null;
+    setActiveStep?(stepId: number, setByClick: boolean): null;
 }
 
diff --git a/packages/components/src/components/stepper/step/step.tsx b/packages/components/src/components/stepper/step/step.tsx
@@ -49,13 +49,13 @@ export class Step {
 
     handleStepClick() {
         if (!this.disabled && this.stepperState.variant === 'default' && (this.clickable || this.complete)) {
-            this.stepperState.setActiveStep(this.stepId)
+            this.stepperState.setActiveStep(this.stepId, true)
         } 
     }
 
     handleStepKeyDown(event: KeyboardEvent) {
         if (!this.disabled && this.stepperState.variant === 'default' && (this.clickable || this.complete) && event.key === 'Enter') {
-            this.stepperState.setActiveStep(this.stepId)
+            this.stepperState.setActiveStep(this.stepId, true)
         } 
     }
 

diff --git a/packages/components/src/components/stepper/stepper.tsx b/packages/components/src/components/stepper/stepper.tsx
@@ -29,6 +29,7 @@ export class Stepper {
 
     @State() stepsCount: number;
     @State() shouldEmitEvent: boolean = true;
+    @State() emittedByClick: boolean = false;
 
     @Listen('ifxChange') 
     onStepChange(event: CustomEvent) {
@@ -77,11 +78,14 @@ export class Stepper {
             }
         }
     }
-
+    
     emitIfxChange(activeStep: number, previousActiveStep: number) {
         this.ifxChange.emit({activeStep: activeStep, 
             previousActiveStep: previousActiveStep, 
-            totalSteps: this.stepsCount });
+            totalSteps: this.stepsCount,
+            emittedByClick: this.emittedByClick
+        });
+        this.emittedByClick = false;
     }
 
     getSteps() {
@@ -100,7 +104,8 @@ export class Stepper {
     }
 
 
-    setActiveStep(stepId: number) {
+    setActiveStep(stepId: number, setByClick: boolean = false) {
+        this.emittedByClick = setByClick;
         this.activeStep = stepId;
     }