@quantumwake/terminal-ux-dashboard-components 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo, useState, useEffect, Suspense } from 'react';
+import { createContext, useContext, useMemo, useState, useRef, useEffect, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ResponsiveBar } from '@nivo/bar';
 import { ResponsivePie } from '@nivo/pie';
@@ -1014,6 +1014,8 @@ var ChartPreview = ({
 };
 function ChartBuilder({ records, columns, stateId, onSave }) {
   const { theme, runQuery } = useDashboard();
+  const runQueryRef = useRef(runQuery);
+  runQueryRef.current = runQuery;
   const [chartType, setChartType] = useState("bar");
   const [xFields, setXFields] = useState([]);
   const [yFields, setYFields] = useState([]);
@@ -1047,7 +1049,7 @@ function ChartBuilder({ records, columns, stateId, onSave }) {
     let cancelled = false;
     setSqlLoading(true);
     setSqlError(null);
-    runQuery(generatedSql, stateId).then((res) => {
+    runQueryRef.current(generatedSql, stateId).then((res) => {
       if (cancelled) return;
       setSqlLoading(false);
       setSqlRows(res.rows || []);
@@ -1060,7 +1062,7 @@ function ChartBuilder({ records, columns, stateId, onSave }) {
     return () => {
       cancelled = true;
     };
-  }, [engineMode, generatedSql, runQuery, stateId]);
+  }, [engineMode, generatedSql, stateId]);
   const addField = (zone, field) => {
     switch (zone) {
       case "x":
@@ -1343,6 +1345,8 @@ function ViewLoading() {
 }
 function SqlPanel({ panel }) {
   const { runQuery } = useDashboard();
+  const runQueryRef = useRef(runQuery);
+  runQueryRef.current = runQuery;
   const config = panel.config || {};
   const chartType = config.chartType || panel.type;
   const [rows, setRows] = useState(null);
@@ -1353,7 +1357,7 @@ function SqlPanel({ panel }) {
     setLoading(true);
     setError(null);
     const sql = config.sql || "";
-    runQuery(sql).then(
+    runQueryRef.current(sql).then(
       (res) => {
         if (cancelled) return;
         setLoading(false);
@@ -1369,7 +1373,7 @@ function SqlPanel({ panel }) {
     return () => {
       cancelled = true;
     };
-  }, [config.sql, runQuery]);
+  }, [config.sql]);
   if (loading && !rows) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-xs text-midnight-text-muted", children: "Running\u2026" });
   }