feat(week-view): track by a unique row id instead of the index

Author: mattlewis92

package-lock.json

@@ -132,7 +132,7 @@
   "dependencies": {
     "angular-draggable-droppable": "^4.0.2",
     "angular-resizable-element": "^3.2.2",
-    "calendar-utils": "^0.2.1",
+    "calendar-utils": "0.3.0-beta.1",
     "positioning": "^1.4.0"
   },
   "sideEffects": [

package.json

@@ -21,7 +21,8 @@ import {
   WeekViewHourColumn,
   DayViewEvent,
   DayViewHourSegment,
-  DayViewHour
+  DayViewHour,
+  WeekViewAllDayEventRow
 } from 'calendar-utils';
 import { ResizeEvent } from 'angular-resizable-element';
 import { CalendarDragHelper } from '../common/calendar-drag-helper.provider';
@@ -33,7 +34,6 @@ import {
 import { CalendarUtils } from '../common/calendar-utils.provider';
 import {
   validateEvents,
-  trackByIndex,
   roundToNearest,
   trackByWeekDayHeaderDate,
   trackByHourSegment,
@@ -107,7 +107,7 @@ export interface CalendarWeekViewBeforeRenderEvent extends WeekView {
           </div>
         </div>
         <div
-          *ngFor="let eventRow of view.allDayEventRows; trackBy:trackByIndex"
+          *ngFor="let eventRow of view.allDayEventRows; trackBy:trackById"
           #eventRowContainer
           class="cal-events-row">
           <div
@@ -533,11 +533,6 @@ export class CalendarWeekViewComponent implements OnChanges, OnInit, OnDestroy {
    */
   calendarId = Symbol('angular calendar week view id');
 
-  /**
-   * @hidden
-   */
-  trackByIndex = trackByIndex;
-
   /**
    * @hidden
    */
@@ -564,6 +559,11 @@ export class CalendarWeekViewComponent implements OnChanges, OnInit, OnDestroy {
   trackByHourColumn = (index: number, column: WeekViewHourColumn) =>
     column.hours[0] ? column.hours[0].segments[0].date.toISOString() : column;
 
+  /**
+   * @hidden
+   */
+  trackById = (index: number, row: WeekViewAllDayEventRow) => row.id;
+
   /**
    * @hidden
    */