fix: replace deprecated .interactive with eventMode

Author: MatthewKhouzam

timeline-chart/src/components/time-graph-component.ts

@@ -151,7 +151,7 @@ export abstract class TimeGraphComponent<T> {
     }
 
     addEvent(event: TimeGraphInteractionType, handler: TimeGraphInteractionHandler, displayObject: PIXI.DisplayObject) {
-        displayObject.interactive = true;
+        displayObject.eventMode = 'static';
         displayObject.on(event, ((e: PIXI.FederatedPointerEvent) => {
             if (handler) {
                 handler(e);

timeline-chart/src/layer/time-graph-chart-cursors.ts

@@ -36,7 +36,7 @@ export class TimeGraphChartCursors extends TimeGraphChartLayer {
     protected afterAddToContainer() {
         this.mouseSelecting = false;
         this.shiftKeyDown = false
-        this.stage.interactive = true;
+        this.stage.eventMode = 'static';
 
         this._updateHandler = (): void => this.update();
 

timeline-chart/src/layer/time-graph-chart.ts

@@ -742,7 +742,7 @@ export class TimeGraphChart extends TimeGraphChartLayer {
             width: this.rowWidth,
             height: this.rowController.rowHeight
         }, rowIndex, row, rowStyle);
-        rowComponent.displayObject.interactive = true;
+        rowComponent.displayObject.eventMode = 'static';
         rowComponent.displayObject.on('click', ((e: PIXI.FederatedPointerEvent) => {
             this.selectRow(row);
         }).bind(this));
@@ -852,7 +852,7 @@ export class TimeGraphChart extends TimeGraphChartLayer {
     }
 
     protected addElementInteractions(el: TimeGraphComponent<any>) {
-        el.displayObject.interactive = true;
+        el.displayObject.eventMode = 'static';
 
         var self = this;
         this._multiClickTimer = debounce(function(){