feat(components/forms): change SkyCheckboxChange type to an interfa…

…ce (#597)

BREAKING CHANGE: This change updates the `SkyCheckboxChange` type to be an interface instead of a
class. To address this, remove any instances of instantiating the `SkyCheckboxChange` class and
instead create an object that uses the interface type.

libs/components/data-manager/src/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.spec.ts

@@ -14,7 +14,6 @@ import {
   SkyDataViewConfig,
   SkyDataViewState,
 } from '@skyux/data-manager';
-import { SkyCheckboxChange } from '@skyux/forms';
 import { SkyModalService } from '@skyux/modals';
 
 import { Subject } from 'rxjs';
@@ -328,12 +327,11 @@ describe('SkyDataManagerToolbarComponent', () => {
   it('should update the data state when the only show selected checkbox state changes', () => {
     dataManagerToolbarFixture.detectChanges();
 
-    const event = { checked: true } as SkyCheckboxChange;
     const updatedDataState = dataManagerToolbarComponent.dataState;
     updatedDataState.onlyShowSelected = true;
     spyOn(dataManagerService, 'updateDataState');
 
-    dataManagerToolbarComponent.onOnlyShowSelected(event);
+    dataManagerToolbarComponent.onOnlyShowSelected({ checked: true });
 
     expect(dataManagerToolbarComponent.dataState.onlyShowSelected).toBeTrue();
     expect(dataManagerService.updateDataState).toHaveBeenCalledWith(

libs/components/forms/src/lib/modules/checkbox/checkbox-change.ts

@@ -4,7 +4,7 @@ import { SkyCheckboxComponent } from './checkbox.component';
 /**
  * Fires when users select or deselect the checkbox.
  */
-export class SkyCheckboxChange {
-  public source: SkyCheckboxComponent | undefined;
-  public checked: boolean | undefined;
+export interface SkyCheckboxChange {
+  source?: SkyCheckboxComponent;
+  checked?: boolean;
 }

libs/components/forms/src/lib/modules/checkbox/checkbox.component.ts

@@ -304,12 +304,8 @@ export class SkyCheckboxComponent implements ControlValueAccessor, OnInit {
   #controlValueAccessorChangeFn: (value: any) => void = (value) => {};
 
   #emitChangeEvent(): void {
-    const event = new SkyCheckboxChange();
-    event.source = this;
-    event.checked = this.#_checked;
-
-    this.#controlValueAccessorChangeFn(this.#_checked);
-    this.change.emit(event);
+    this.#controlValueAccessorChangeFn(this.checked);
+    this.change.emit({ source: this, checked: this.checked });
   }
 
   /**

libs/components/list-builder-view-checklist/src/lib/modules/list-view-checklist/fixtures/list-view-checklist-toolbar.component.fixture.ts

@@ -1,5 +1,4 @@
 import { Component, Inject, ViewChild } from '@angular/core';
-import { SkyCheckboxChange } from '@skyux/forms';
 
 import { SkyListViewChecklistComponent } from '../list-view-checklist.component';
 
@@ -32,8 +31,6 @@ export class ListViewChecklistToolbarTestComponent {
   }
 
   public changeVisibleItems(checked: boolean): void {
-    const checkbox = new SkyCheckboxChange();
-    checkbox.checked = checked;
-    this.checklist.changeVisibleItems(checkbox);
+    this.checklist.changeVisibleItems({ checked });
   }
 }