Improving nested chart sync with new dataset

src/app/stores/action_handlers/document.ts

@@ -374,6 +374,7 @@ export default function (REG: ActionHandlerRegistry<AppStore, Actions.Action>) {
     }
 
     this.updatePlotSegments();
+    this.updateNestedCharts();
     this.updateDataAxes();
     this.updateScales();
     this.solveConstraintsAndUpdateGraphics();

src/app/stores/app_store.ts

@@ -96,6 +96,7 @@ import {
 } from "../../core/prototypes/plot_segments/utils";
 import { AxisRenderer } from "../../core/prototypes/plot_segments/axis";
 import { CompiledGroupBy } from "../../core/prototypes/group_by";
+import glyph from "./action_handlers/glyph";
 
 export interface ChartStoreStateSolverStatus {
   solving: boolean;
@@ -1671,6 +1672,17 @@ export class AppStore extends BaseStore {
     });
   }
 
+  public updateNestedCharts() {
+    const nestedCharts = this.chart.glyphs.flatMap(g => g.marks.map(m => ({glyph: g, mark: m}))).filter(
+      ({ mark }) => Prototypes.isType(mark.classID, "mark.nested-chart")
+    );
+
+    debugger;
+    nestedCharts.forEach(({ glyph, mark: nestedCharts }) => {
+      debugger;
+    });
+  }
+
   public updateDataAxes() {
     const mapElementWithTable = (table: string) => (el: any) => {
       return {
@@ -2455,6 +2467,7 @@ export class AppStore extends BaseStore {
     });
     this.chartState = this.chartManager.chartState;
     this.updatePlotSegments();
+    this.updateNestedCharts();
     this.updateDataAxes();
     this.updateScales();
     this.solveConstraintsAndUpdateGraphics();

src/container/chart_component.tsx

@@ -271,11 +271,11 @@ export class ChartComponent extends React.Component<
     return (element, event) => {
       const rowIndices = element.rowIndices;
       const modifiers = {
-        ctrlKey: event.ctrlKey,
-        shiftKey: event.shiftKey,
-        metaKey: event.metaKey,
-        clientX: (event as any).clientX,
-        clientY: (event as any).clientY,
+        ctrlKey: event?.ctrlKey,
+        shiftKey: event?.shiftKey,
+        metaKey: event?.metaKey,
+        clientX: (event as any)?.clientX,
+        clientY: (event as any)?.clientY,
         event,
       };
       handler({ table: element.plotSegment?.table, rowIndices }, modifiers);