fix: do not emit dateRangeChange in live mode

packages/synchro-charts/package.json

@@ -130,4 +130,4 @@
     "minimatch": "3.0.5"
   },
   "license": "Apache-2.0"
-}
+}

packages/synchro-charts/src/components/sc-table/sc-table.tsx

@@ -53,7 +53,8 @@ export class ScTable implements ChartConfig {
     const hasViewPortChanged =
       viewportStartDate(this.viewport).getTime() !== start.getTime() ||
       viewportEndDate(this.viewport).getTime() !== end.getTime();
-    if (hasViewPortChanged) {
+    const isInLiveMode = Boolean(duration);
+    if (hasViewPortChanged && !isInLiveMode) {
       this.onDateRangeChange([start, end, this.viewport.group]);
     }
     // Update active viewport

packages/synchro-charts/src/components/sc-webgl-context/webglContext.spec.ts

@@ -62,7 +62,7 @@ describe('sync chart scene cameras', () => {
     const start = new Date(2000, 0, 0);
     const end = new Date();
     webGLRenderer.updateViewPorts({ start, end, manager: chartScene1 });
-    expect(chartScene1.updateViewPort).toBeCalledWith({ start, end });
+    expect(chartScene1.updateViewPort).toBeCalledWith(expect.objectContaining({ start, end }));
   });
 
   it('syncs multiple cameras viewport', () => {
@@ -79,8 +79,8 @@ describe('sync chart scene cameras', () => {
     const start = new Date(2000, 0, 0);
     const end = new Date();
     webGLRenderer.updateViewPorts({ start, end, manager: chartScene1 });
-    expect(chartScene1.updateViewPort).toBeCalledWith({ start, end });
-    expect(chartScene2.updateViewPort).toBeCalledWith({ start, end });
+    expect(chartScene1.updateViewPort).toBeCalledWith(expect.objectContaining({ start, end }));
+    expect(chartScene2.updateViewPort).toBeCalledWith(expect.objectContaining({ start, end }));
   });
 
   it('does not sync camera of removed chart scene', () => {

packages/synchro-charts/src/components/sc-widget-grid/sc-widget-grid.tsx

@@ -120,7 +120,8 @@ export class ScWidgetGrid implements ChartConfig {
     const hasViewPortChanged =
       viewportStartDate(this.viewport).getTime() !== start.getTime() ||
       viewportEndDate(this.viewport).getTime() !== end.getTime();
-    if (hasViewPortChanged) {
+    const isInLiveMode = Boolean(duration);
+    if (hasViewPortChanged && !isInLiveMode) {
       this.onDateRangeChange([start, end, this.viewport.group]);
     }
     // Update active viewport

packages/synchro-charts/src/components/viewportHandler/viewportHandler.spec.ts

@@ -71,11 +71,11 @@ describe('syncing managers', () => {
 
     /** Manager 1 is updated */
     expect(manager1.updateViewPort).toBeCalledTimes(1);
-    expect(manager1.updateViewPort).toBeCalledWith({ start: START, end: END });
+    expect(manager1.updateViewPort).toBeCalledWith(expect.objectContaining({ start: START, end: END }));
 
     /** Manager 2 is updated */
     expect(manager2.updateViewPort).toBeCalledTimes(1);
-    expect(manager2.updateViewPort).toBeCalledWith({ start: START, end: END });
+    expect(manager2.updateViewPort).toBeCalledWith(expect.objectContaining({ start: START, end: END }));
   });
 
   it('always updates any managers when syncViewPortGroup is called', () => {
@@ -115,7 +115,7 @@ describe('syncing managers', () => {
 
     /** The manager which initiated the view port sync is updated */
     expect(manager1.updateViewPort).toBeCalledTimes(1);
-    expect(manager1.updateViewPort).toBeCalledWith({ start: START, end: END });
+    expect(manager1.updateViewPort).toBeCalledWith(expect.objectContaining({ start: START, end: END }));
 
     /** The other manager, which is in a different view port group, is not updated */
     expect(manager2.updateViewPort).not.toBeCalled();
@@ -136,7 +136,7 @@ describe('syncing managers', () => {
     groups.syncViewPortGroup({ start: START, end: END, manager: manager1 });
 
     expect(manager1.updateViewPort).toBeCalledTimes(1);
-    expect(manager1.updateViewPort).toBeCalledWith({ start: START, end: END });
+    expect(manager1.updateViewPort).toBeCalledWith(expect.objectContaining({ start: START, end: END }));
 
     expect(manager2.updateViewPort).not.toBeCalled();
   });
@@ -203,6 +203,26 @@ describe('syncing managers', () => {
     /** manager added to existing view port group that has had it's viewport synced should have it's viewport synced to the group */
     expect(manager2.updateViewPort).not.toBeCalled();
   });
+
+  it('blocks dateRangeChanged event emission when a duration is passed in', () => {
+    const groups = new ViewportHandler();
+
+    const VIEWPORT_GROUP = 'view-port-group-1';
+    const START = new Date(2000, 0, 0);
+    const END = new Date(2001, 0, 0);
+
+    const manager = viewportManager(VIEWPORT_GROUP);
+
+    groups.add({ manager });
+
+    groups.syncViewPortGroup({ start: START, end: END, manager, duration: 60000 });
+
+    expect(manager.updateViewPort).toBeCalledWith(
+      expect.objectContaining({
+        shouldBlockDateRangeChangedEvent: true,
+      })
+    );
+  });
 });
 
 describe('internal clock', () => {

packages/synchro-charts/src/components/viewportHandler/viewportHandler.ts

@@ -164,7 +164,8 @@ export class ViewportHandler<T extends ViewPortManager> {
     }
 
     const updateViewPort = (v: T) => {
-      v.updateViewPort({ start, end, duration });
+      const isInLiveMode = Boolean(duration);
+      v.updateViewPort({ start, end, duration, shouldBlockDateRangeChangedEvent: isInLiveMode });
     };
 
     if (manager.viewportGroup) {