Emit cancel event

bullhorn · Oct 2, 2024 · e599eee · e599eee
1 parent 5f1c887
commit e599eee
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/projects/novo-elements/src/elements/tabbed-group-picker/TabbedGroupPicker.ts b/projects/novo-elements/src/elements/tabbed-group-picker/TabbedGroupPicker.ts
@@ -94,6 +94,7 @@ export class NovoTabbedGroupPickerElement implements OnDestroy, OnInit {
   @Output() activation = new EventEmitter<any>();
   @Output() selectionChange = new EventEmitter<TabbedGroupPickerTab[]>();
   @Output() applyChange: EventEmitter<any> = new EventEmitter<any>();
+  @Output() cancelChange: EventEmitter<any> = new EventEmitter<any>();
 
   displayTabs: TabbedGroupPickerTab[];
   displayTabIndex: number = 0;
@@ -373,7 +374,7 @@ export class NovoTabbedGroupPickerElement implements OnDestroy, OnInit {
 
   cancel() {
     this.revertState();
-    this.emitSelectedValues();
+    this.cancelChange.emit(this.getSelectedValues());
     this.ref.markForCheck();
     this.dropdown.closePanel();
   }

diff --git a/...d-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.html b/...d-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.html
@@ -4,6 +4,7 @@
     [quickSelectConfig]="example_quickSelectConfig"
     [buttonConfig]="example_buttonConfig"
     (selectionChange)="onSelectionChange($event)"
+    (cancelChange)="onCancelChange($event)"
     [showFooter]="true"
   ></novo-tabbed-group-picker>
   <div class="selected-data-wrapper">

diff --git a/...bed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.ts b/...bed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.ts
@@ -91,6 +91,10 @@ export class TabbedGroupPickerFooterExample {
     this.example_buttonConfig.label = this.buildButtonLabel();
   }
 
+  onCancelChange(selectedData: TabbedGroupPickerTab[]) {
+    this.onSelectionChange(selectedData);
+  }
+
   buildButtonLabel(): string {
     return this.selectedAnimals.length ? `Animals (${this.selectedAnimals.length})` : 'Nothing Selected';
   }