@quillsql/react 2.16.98 → 2.16.100

package/dist/index.cjs

@@ -62437,14 +62437,48 @@ function createUseFormInitialLoadQueryKey(input) {
   ];
 }
 var DASHBOARD_REPORT_STALE_TIME_MS = 5 * 60 * 1e3;
+var DASHBOARD_REPORT_RESULT_FIELDS = [
+  "rows",
+  "compareRows",
+  "pivotRows",
+  "pivotColumns",
+  "pivotRowCount"
+];
+function dashboardReportQueryKey(reportId) {
+  return ["quill", "dashboard-report", reportId];
+}
+function mergeSavedReportIntoDashboardQueryData(previous, saved) {
+  const previousReport = previous?.report && typeof previous.report === "object" ? previous.report : void 0;
+  const savedId = String(saved.id ?? saved._id ?? "").trim();
+  const merged = {
+    ...previousReport,
+    ...saved,
+    ...savedId ? { id: savedId } : {}
+  };
+  for (const field of DASHBOARD_REPORT_RESULT_FIELDS) {
+    if (merged[field] == null && previousReport?.[field] != null) {
+      merged[field] = previousReport[field];
+    }
+  }
+  return { report: merged, error: void 0 };
+}
 function findCachedDashboardReportQuery(queryClient, reportId) {
   const id = String(reportId ?? "").trim();
   if (!id) return void 0;
-  return queryClient.getQueryCache().findAll({ queryKey: ["quill", "dashboard-report", id] }).find((query) => {
+  return queryClient.getQueryCache().findAll({ queryKey: dashboardReportQueryKey(id) }).find((query) => {
+    if (query.state.isInvalidated) return false;
     const data = query.state.data;
     return Boolean(data?.report) && !data?.error;
   });
 }
+function syncDashboardReportQueryCacheAfterSave(queryClient, reportId, saved) {
+  const id = String(reportId ?? "").trim();
+  if (!id) return;
+  queryClient.setQueriesData(
+    { queryKey: dashboardReportQueryKey(id) },
+    (previous) => mergeSavedReportIntoDashboardQueryData(previous, saved)
+  );
+}
 function shouldBootstrapUseFormInitialLoad(input) {
   return !input.hasInitialReportBuilderState && input.previouslyBootstrappedIdentity !== input.currentIdentity;
 }
@@ -63505,7 +63539,7 @@ function pivotFallbackValueKeys(chart) {
   return (chart.pivotColumns ?? []).slice(1).map((column) => String(column.field ?? "").trim()).filter(Boolean);
 }
 function findSavedYAxisField(saved, field) {
-  return saved.find((axis) => String(axis.field ?? "").trim() === field) ?? (saved.length === 1 ? saved[0] : void 0);
+  return saved.find((axis) => String(axis.field ?? "").trim() === field);
 }
 function isPlaceholderAxisLabel(label, field) {
   const trimmed = String(label ?? "").trim();
@@ -63889,6 +63923,19 @@ function mergePivotColumnSeriesLabelWithUserEdit(normalizedLabel, userRowLabel,
   }
   return user;
 }
+function applySingleResolvedYAxisFormatToPivotDisplay(normalizedPivotYAxisFields, resolvedYAxisFields) {
+  if (resolvedYAxisFields.length !== 1) return normalizedPivotYAxisFields;
+  const only = resolvedYAxisFields[0];
+  return normalizedPivotYAxisFields.map((axis) => ({
+    ...axis,
+    label: mergePivotColumnSeriesLabelWithUserEdit(
+      String(axis.label ?? "").trim(),
+      only.label,
+      String(axis.field ?? "").trim() || void 0
+    ),
+    format: toAxisFormat(only.format, axis.format)
+  }));
+}
 function mergeChartColumnFormatsFromYAxisFields(columns, yAxisFields) {
   if (!columns?.length || !yAxisFields?.length) return columns;
   const formatByField = /* @__PURE__ */ new Map();
@@ -63910,10 +63957,6 @@ function mergeChartColumnFormatsFromYAxisFields(columns, yAxisFields) {
     return { ...col, format: nextFormat };
   });
 }
-function looksLikeCustomPivotTableMeasureLabel(label) {
-  const l = String(label ?? "").trim();
-  return l.includes(" \xB7 ") || l.includes(" \u2014 ") || /\([^)]+\)/.test(l);
-}
 function mergePivotTableDisplayColumnLabelsFromYAxis({
   columns,
   yAxisFields,
@@ -63923,16 +63966,11 @@ function mergePivotTableDisplayColumnLabelsFromYAxis({
   if (!columns?.length) return columns;
   const row = String(pivotRowField ?? "").trim();
   const xLab = String(xAxisLabel ?? "").trim();
-  const yList = (yAxisFields ?? []).map((y) => ({
-    field: String(y.field ?? "").trim(),
-    label: String(y.label ?? "").trim()
-  }));
-  const valueLabels = yList.map((y) => y.label).filter((l) => l.length > 0);
-  const distinct = new Set(valueLabels);
-  const anyCustom = valueLabels.some(looksLikeCustomPivotTableMeasureLabel);
-  const shouldMergeValueLabels = distinct.size > 1 || anyCustom;
   const labelByField = new Map(
-    yList.filter((y) => y.field).map((y) => [y.field, y.label])
+    (yAxisFields ?? []).map((y) => ({
+      field: String(y.field ?? "").trim(),
+      label: String(y.label ?? "").trim()
+    })).filter((y) => y.field && y.label).map((y) => [y.field, y.label])
   );
   return columns.map((c) => {
     const f = String(c.field ?? "").trim();
@@ -63940,7 +63978,6 @@ function mergePivotTableDisplayColumnLabelsFromYAxis({
     if (row && f === row && xLab && xLab !== row) {
       return { ...c, label: xLab };
     }
-    if (!shouldMergeValueLabels) return c;
     const yl = labelByField.get(f);
     if (!yl || String(c.label ?? "").trim() === yl) return c;
     return { ...c, label: yl };
@@ -69405,6 +69442,7 @@ function useReport(reportIdArg, options = {}) {
         ...report,
         // Keep chart axis metadata from the pivot load; detail fetch is flat
         // (`pivot: null`) and must supply wide `columns` for the detail table.
+        xAxisLabel: previousReport.xAxisLabel,
         xAxisFormat: previousReport.xAxisFormat,
         yAxisFields: previousReport.yAxisFields,
         pivot: previousReport.pivot,
@@ -69755,10 +69793,16 @@ function useReport(reportIdArg, options = {}) {
   );
   const yAxisSeries = (0, import_react63.useMemo)(() => {
     if (yAxisResolved.series.length > 0) {
+      if (yAxisResolved.measures.length === 1 && yAxisResolved.series !== yAxisResolved.measures) {
+        return applySingleResolvedYAxisFormatToPivotDisplay(
+          yAxisResolved.series,
+          yAxisResolved.measures
+        );
+      }
       return yAxisResolved.series;
     }
     return yAxisMeasures;
-  }, [yAxisMeasures, yAxisResolved.series]);
+  }, [yAxisMeasures, yAxisResolved.measures, yAxisResolved.series]);
   const chart = (0, import_react63.useMemo)(() => {
     if (!baseChart) return void 0;
     let columns2 = mergeChartColumnFormatsFromYAxisFields(
@@ -69780,7 +69824,7 @@ function useReport(reportIdArg, options = {}) {
       if (pivotAggregations2.length > 1 || hasCustomMeasureLabel) {
         columns2 = mergePivotTableDisplayColumnLabelsFromYAxis({
           columns: columns2 ?? baseChart.columns,
-          yAxisFields: yAxisSeries,
+          yAxisFields: [...yAxisMeasures, ...yAxisSeries],
           pivotRowField: pivotRowKey(baseChart),
           xAxisLabel: resolvedXAxisLabel
         });
@@ -70162,7 +70206,7 @@ function useReport(reportIdArg, options = {}) {
     ) : mergedFromReport;
     const pivotLabeledColumns = String(chartType ?? "").toLowerCase() === "table" && sourceReport?.pivot ? mergePivotTableDisplayColumnLabelsFromYAxis({
       columns: columns2,
-      yAxisFields: yAxisSeries,
+      yAxisFields: [...yAxisMeasures, ...yAxisSeries],
       pivotRowField: pivotRowKey(sourceReport),
       xAxisLabel: resolvedXAxisLabel
     }) ?? columns2 : columns2;
@@ -70245,6 +70289,7 @@ function useReport(reportIdArg, options = {}) {
     resolvedXAxisField,
     resolvedXAxisFormat,
     resolvedXAxisLabel,
+    yAxisMeasures,
     yAxisSeries,
     scopedSchemaColumns,
     sourceReport,
@@ -70398,7 +70443,10 @@ function useReport(reportIdArg, options = {}) {
       }
     }
     const yAxisByField = /* @__PURE__ */ new Map();
-    for (const yAxisField of chart?.yAxisFields ?? []) {
+    for (const yAxisField of [
+      ...chart?.yAxisFields ?? [],
+      ...yAxisResolved.measures
+    ]) {
       const f = String(yAxisField.field ?? "").trim();
       if (!f || yAxisByField.has(f)) continue;
       yAxisByField.set(f, {
@@ -70448,7 +70496,7 @@ function useReport(reportIdArg, options = {}) {
       ).trim();
       const resolvedColFormat = isRowPivotCol ? String(resolvedXAxisFormat ?? "").trim() || effectiveFromId || mergeByFieldFormat || fromDisplay || String(chartFallback?.format ?? "").trim() || "string" : fromDisplay || effectiveFromId || mergeByFieldFormat;
       map.set(columnId, {
-        label: selectedLabel || pivotLabel || (!isPivotTableChart ? persistedTableLabel : ""),
+        label: isPivotTableChart ? pivotLabel || selectedLabel : selectedLabel || pivotLabel || persistedTableLabel,
         format: resolvedColFormat
       });
     }
@@ -70708,12 +70756,7 @@ function useReport(reportIdArg, options = {}) {
           const same = clickedAgg && yAgg && getAggregationIdentityKey(clickedAgg) === getAggregationIdentityKey(yAgg);
           const singleBroadcast = Boolean(clickedAgg) && yAxisMeasures.length === 1;
           if (same || singleBroadcast) {
-            const nextLabel2 = yAxisMeasures.length === 1 && pivotModel.columnField ? mergePivotColumnSeriesLabelWithUserEdit(
-              String(y.label ?? "").trim(),
-              lab,
-              String(y.field ?? "").trim() || void 0
-            ) : lab;
-            return { ...y, label: nextLabel2 };
+            return { ...y, label: lab };
           }
           return y;
         });
@@ -71414,13 +71457,14 @@ function useReport(reportIdArg, options = {}) {
         }
       );
       const columnsSelectedForSave = table.columns.length > 0 ? table.columns : fallbackDetailColumns;
+      const persistedName = overriddenName || (String(formReportName ?? "").trim() ? formReportName : String(sourceRest.name ?? "").trim() ? sourceRest.name : effectiveReportBuilderState.tables[0]?.name ? snakeAndCamelCaseToTitleCase(
+        String(effectiveReportBuilderState.tables[0].name)
+      ) : "New report");
       const resp = await saveReport({
         report: {
           ...EMPTY_INTERNAL_REPORT,
           ...sourceRest,
-          name: overriddenName || (String(formReportName ?? "").trim() ? formReportName : String(sourceRest.name ?? "").trim() ? sourceRest.name : effectiveReportBuilderState.tables[0]?.name ? snakeAndCamelCaseToTitleCase(
-            String(effectiveReportBuilderState.tables[0].name)
-          ) : "New report"),
+          name: persistedName,
           chartType: resolvedChartType,
           dashboardName: resolvedDashboardName,
           ...isAdmin ? { adminMode: true } : {},
@@ -71458,11 +71502,27 @@ function useReport(reportIdArg, options = {}) {
       if (savedReportId && resp && resp.name !== "error" && !resp.error) {
         await cacheCab.evictReport(savedReportId, tenants);
         evictSharedReportRequests(savedReportId);
-        await queryClient.invalidateQueries({
-          queryKey: ["quill", "dashboard-report", savedReportId],
-          refetchType: "none"
+        const savedReport = {
+          id: savedReportId,
+          name: persistedName,
+          chartType: resolvedChartType,
+          xAxisField: resolvedXAxisField,
+          xAxisFormat: resolvedXAxisFormat,
+          xAxisLabel: resolvedXAxisLabel,
+          yAxisFields: yAxisMeasures,
+          pivot: effectiveReportBuilderState.pivot ?? null,
+          reportBuilderState: effectiveReportBuilderState,
+          columns: columnsSelectedForSave
+        };
+        syncDashboardReportQueryCacheAfterSave(
+          queryClient,
+          savedReportId,
+          savedReport
+        );
+        await loadDashboard(resolvedDashboardName, true, {
+          report: { ...sourceRest, ...savedReport },
+          action: "upsert"
         });
-        await loadDashboard(resolvedDashboardName, true);
       }
       return resp;
     },

package/dist/index.js

@@ -62645,14 +62645,48 @@ function createUseFormInitialLoadQueryKey(input) {
   ];
 }
 var DASHBOARD_REPORT_STALE_TIME_MS = 5 * 60 * 1e3;
+var DASHBOARD_REPORT_RESULT_FIELDS = [
+  "rows",
+  "compareRows",
+  "pivotRows",
+  "pivotColumns",
+  "pivotRowCount"
+];
+function dashboardReportQueryKey(reportId) {
+  return ["quill", "dashboard-report", reportId];
+}
+function mergeSavedReportIntoDashboardQueryData(previous, saved) {
+  const previousReport = previous?.report && typeof previous.report === "object" ? previous.report : void 0;
+  const savedId = String(saved.id ?? saved._id ?? "").trim();
+  const merged = {
+    ...previousReport,
+    ...saved,
+    ...savedId ? { id: savedId } : {}
+  };
+  for (const field of DASHBOARD_REPORT_RESULT_FIELDS) {
+    if (merged[field] == null && previousReport?.[field] != null) {
+      merged[field] = previousReport[field];
+    }
+  }
+  return { report: merged, error: void 0 };
+}
 function findCachedDashboardReportQuery(queryClient, reportId) {
   const id = String(reportId ?? "").trim();
   if (!id) return void 0;
-  return queryClient.getQueryCache().findAll({ queryKey: ["quill", "dashboard-report", id] }).find((query) => {
+  return queryClient.getQueryCache().findAll({ queryKey: dashboardReportQueryKey(id) }).find((query) => {
+    if (query.state.isInvalidated) return false;
     const data = query.state.data;
     return Boolean(data?.report) && !data?.error;
   });
 }
+function syncDashboardReportQueryCacheAfterSave(queryClient, reportId, saved) {
+  const id = String(reportId ?? "").trim();
+  if (!id) return;
+  queryClient.setQueriesData(
+    { queryKey: dashboardReportQueryKey(id) },
+    (previous) => mergeSavedReportIntoDashboardQueryData(previous, saved)
+  );
+}
 function shouldBootstrapUseFormInitialLoad(input) {
   return !input.hasInitialReportBuilderState && input.previouslyBootstrappedIdentity !== input.currentIdentity;
 }
@@ -63713,7 +63747,7 @@ function pivotFallbackValueKeys(chart) {
   return (chart.pivotColumns ?? []).slice(1).map((column) => String(column.field ?? "").trim()).filter(Boolean);
 }
 function findSavedYAxisField(saved, field) {
-  return saved.find((axis) => String(axis.field ?? "").trim() === field) ?? (saved.length === 1 ? saved[0] : void 0);
+  return saved.find((axis) => String(axis.field ?? "").trim() === field);
 }
 function isPlaceholderAxisLabel(label, field) {
   const trimmed = String(label ?? "").trim();
@@ -64097,6 +64131,19 @@ function mergePivotColumnSeriesLabelWithUserEdit(normalizedLabel, userRowLabel,
   }
   return user;
 }
+function applySingleResolvedYAxisFormatToPivotDisplay(normalizedPivotYAxisFields, resolvedYAxisFields) {
+  if (resolvedYAxisFields.length !== 1) return normalizedPivotYAxisFields;
+  const only = resolvedYAxisFields[0];
+  return normalizedPivotYAxisFields.map((axis) => ({
+    ...axis,
+    label: mergePivotColumnSeriesLabelWithUserEdit(
+      String(axis.label ?? "").trim(),
+      only.label,
+      String(axis.field ?? "").trim() || void 0
+    ),
+    format: toAxisFormat(only.format, axis.format)
+  }));
+}
 function mergeChartColumnFormatsFromYAxisFields(columns, yAxisFields) {
   if (!columns?.length || !yAxisFields?.length) return columns;
   const formatByField = /* @__PURE__ */ new Map();
@@ -64118,10 +64165,6 @@ function mergeChartColumnFormatsFromYAxisFields(columns, yAxisFields) {
     return { ...col, format: nextFormat };
   });
 }
-function looksLikeCustomPivotTableMeasureLabel(label) {
-  const l = String(label ?? "").trim();
-  return l.includes(" \xB7 ") || l.includes(" \u2014 ") || /\([^)]+\)/.test(l);
-}
 function mergePivotTableDisplayColumnLabelsFromYAxis({
   columns,
   yAxisFields,
@@ -64131,16 +64174,11 @@ function mergePivotTableDisplayColumnLabelsFromYAxis({
   if (!columns?.length) return columns;
   const row = String(pivotRowField ?? "").trim();
   const xLab = String(xAxisLabel ?? "").trim();
-  const yList = (yAxisFields ?? []).map((y) => ({
-    field: String(y.field ?? "").trim(),
-    label: String(y.label ?? "").trim()
-  }));
-  const valueLabels = yList.map((y) => y.label).filter((l) => l.length > 0);
-  const distinct = new Set(valueLabels);
-  const anyCustom = valueLabels.some(looksLikeCustomPivotTableMeasureLabel);
-  const shouldMergeValueLabels = distinct.size > 1 || anyCustom;
   const labelByField = new Map(
-    yList.filter((y) => y.field).map((y) => [y.field, y.label])
+    (yAxisFields ?? []).map((y) => ({
+      field: String(y.field ?? "").trim(),
+      label: String(y.label ?? "").trim()
+    })).filter((y) => y.field && y.label).map((y) => [y.field, y.label])
   );
   return columns.map((c) => {
     const f = String(c.field ?? "").trim();
@@ -64148,7 +64186,6 @@ function mergePivotTableDisplayColumnLabelsFromYAxis({
     if (row && f === row && xLab && xLab !== row) {
       return { ...c, label: xLab };
     }
-    if (!shouldMergeValueLabels) return c;
     const yl = labelByField.get(f);
     if (!yl || String(c.label ?? "").trim() === yl) return c;
     return { ...c, label: yl };
@@ -69613,6 +69650,7 @@ function useReport(reportIdArg, options = {}) {
         ...report,
         // Keep chart axis metadata from the pivot load; detail fetch is flat
         // (`pivot: null`) and must supply wide `columns` for the detail table.
+        xAxisLabel: previousReport.xAxisLabel,
         xAxisFormat: previousReport.xAxisFormat,
         yAxisFields: previousReport.yAxisFields,
         pivot: previousReport.pivot,
@@ -69963,10 +70001,16 @@ function useReport(reportIdArg, options = {}) {
   );
   const yAxisSeries = useMemo33(() => {
     if (yAxisResolved.series.length > 0) {
+      if (yAxisResolved.measures.length === 1 && yAxisResolved.series !== yAxisResolved.measures) {
+        return applySingleResolvedYAxisFormatToPivotDisplay(
+          yAxisResolved.series,
+          yAxisResolved.measures
+        );
+      }
       return yAxisResolved.series;
     }
     return yAxisMeasures;
-  }, [yAxisMeasures, yAxisResolved.series]);
+  }, [yAxisMeasures, yAxisResolved.measures, yAxisResolved.series]);
   const chart = useMemo33(() => {
     if (!baseChart) return void 0;
     let columns2 = mergeChartColumnFormatsFromYAxisFields(
@@ -69988,7 +70032,7 @@ function useReport(reportIdArg, options = {}) {
       if (pivotAggregations2.length > 1 || hasCustomMeasureLabel) {
         columns2 = mergePivotTableDisplayColumnLabelsFromYAxis({
           columns: columns2 ?? baseChart.columns,
-          yAxisFields: yAxisSeries,
+          yAxisFields: [...yAxisMeasures, ...yAxisSeries],
           pivotRowField: pivotRowKey(baseChart),
           xAxisLabel: resolvedXAxisLabel
         });
@@ -70370,7 +70414,7 @@ function useReport(reportIdArg, options = {}) {
     ) : mergedFromReport;
     const pivotLabeledColumns = String(chartType ?? "").toLowerCase() === "table" && sourceReport?.pivot ? mergePivotTableDisplayColumnLabelsFromYAxis({
       columns: columns2,
-      yAxisFields: yAxisSeries,
+      yAxisFields: [...yAxisMeasures, ...yAxisSeries],
       pivotRowField: pivotRowKey(sourceReport),
       xAxisLabel: resolvedXAxisLabel
     }) ?? columns2 : columns2;
@@ -70453,6 +70497,7 @@ function useReport(reportIdArg, options = {}) {
     resolvedXAxisField,
     resolvedXAxisFormat,
     resolvedXAxisLabel,
+    yAxisMeasures,
     yAxisSeries,
     scopedSchemaColumns,
     sourceReport,
@@ -70606,7 +70651,10 @@ function useReport(reportIdArg, options = {}) {
       }
     }
     const yAxisByField = /* @__PURE__ */ new Map();
-    for (const yAxisField of chart?.yAxisFields ?? []) {
+    for (const yAxisField of [
+      ...chart?.yAxisFields ?? [],
+      ...yAxisResolved.measures
+    ]) {
       const f = String(yAxisField.field ?? "").trim();
       if (!f || yAxisByField.has(f)) continue;
       yAxisByField.set(f, {
@@ -70656,7 +70704,7 @@ function useReport(reportIdArg, options = {}) {
       ).trim();
       const resolvedColFormat = isRowPivotCol ? String(resolvedXAxisFormat ?? "").trim() || effectiveFromId || mergeByFieldFormat || fromDisplay || String(chartFallback?.format ?? "").trim() || "string" : fromDisplay || effectiveFromId || mergeByFieldFormat;
       map.set(columnId, {
-        label: selectedLabel || pivotLabel || (!isPivotTableChart ? persistedTableLabel : ""),
+        label: isPivotTableChart ? pivotLabel || selectedLabel : selectedLabel || pivotLabel || persistedTableLabel,
         format: resolvedColFormat
       });
     }
@@ -70916,12 +70964,7 @@ function useReport(reportIdArg, options = {}) {
           const same = clickedAgg && yAgg && getAggregationIdentityKey(clickedAgg) === getAggregationIdentityKey(yAgg);
           const singleBroadcast = Boolean(clickedAgg) && yAxisMeasures.length === 1;
           if (same || singleBroadcast) {
-            const nextLabel2 = yAxisMeasures.length === 1 && pivotModel.columnField ? mergePivotColumnSeriesLabelWithUserEdit(
-              String(y.label ?? "").trim(),
-              lab,
-              String(y.field ?? "").trim() || void 0
-            ) : lab;
-            return { ...y, label: nextLabel2 };
+            return { ...y, label: lab };
           }
           return y;
         });
@@ -71622,13 +71665,14 @@ function useReport(reportIdArg, options = {}) {
         }
       );
       const columnsSelectedForSave = table.columns.length > 0 ? table.columns : fallbackDetailColumns;
+      const persistedName = overriddenName || (String(formReportName ?? "").trim() ? formReportName : String(sourceRest.name ?? "").trim() ? sourceRest.name : effectiveReportBuilderState.tables[0]?.name ? snakeAndCamelCaseToTitleCase(
+        String(effectiveReportBuilderState.tables[0].name)
+      ) : "New report");
       const resp = await saveReport({
         report: {
           ...EMPTY_INTERNAL_REPORT,
           ...sourceRest,
-          name: overriddenName || (String(formReportName ?? "").trim() ? formReportName : String(sourceRest.name ?? "").trim() ? sourceRest.name : effectiveReportBuilderState.tables[0]?.name ? snakeAndCamelCaseToTitleCase(
-            String(effectiveReportBuilderState.tables[0].name)
-          ) : "New report"),
+          name: persistedName,
           chartType: resolvedChartType,
           dashboardName: resolvedDashboardName,
           ...isAdmin ? { adminMode: true } : {},
@@ -71666,11 +71710,27 @@ function useReport(reportIdArg, options = {}) {
       if (savedReportId && resp && resp.name !== "error" && !resp.error) {
         await cacheCab.evictReport(savedReportId, tenants);
         evictSharedReportRequests(savedReportId);
-        await queryClient.invalidateQueries({
-          queryKey: ["quill", "dashboard-report", savedReportId],
-          refetchType: "none"
+        const savedReport = {
+          id: savedReportId,
+          name: persistedName,
+          chartType: resolvedChartType,
+          xAxisField: resolvedXAxisField,
+          xAxisFormat: resolvedXAxisFormat,
+          xAxisLabel: resolvedXAxisLabel,
+          yAxisFields: yAxisMeasures,
+          pivot: effectiveReportBuilderState.pivot ?? null,
+          reportBuilderState: effectiveReportBuilderState,
+          columns: columnsSelectedForSave
+        };
+        syncDashboardReportQueryCacheAfterSave(
+          queryClient,
+          savedReportId,
+          savedReport
+        );
+        await loadDashboard(resolvedDashboardName, true, {
+          report: { ...sourceRest, ...savedReport },
+          action: "upsert"
         });
-        await loadDashboard(resolvedDashboardName, true);
       }
       return resp;
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "2.16.98",
+  "version": "2.16.100",
   "type": "module",
   "exports": {
     ".": {