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

package/dist/index.cjs

@@ -1020,6 +1020,8 @@ var ChartPreview = ({
 };
 function ChartBuilder({ records, columns, stateId, onSave }) {
   const { theme, runQuery } = useDashboard();
+  const runQueryRef = react.useRef(runQuery);
+  runQueryRef.current = runQuery;
   const [chartType, setChartType] = react.useState("bar");
   const [xFields, setXFields] = react.useState([]);
   const [yFields, setYFields] = react.useState([]);
@@ -1053,7 +1055,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 || []);
@@ -1066,7 +1068,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":
@@ -1349,6 +1351,8 @@ function ViewLoading() {
 }
 function SqlPanel({ panel }) {
   const { runQuery } = useDashboard();
+  const runQueryRef = react.useRef(runQuery);
+  runQueryRef.current = runQuery;
   const config = panel.config || {};
   const chartType = config.chartType || panel.type;
   const [rows, setRows] = react.useState(null);
@@ -1359,7 +1363,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);
@@ -1375,7 +1379,7 @@ function SqlPanel({ panel }) {
     return () => {
       cancelled = true;
     };
-  }, [config.sql, runQuery]);
+  }, [config.sql]);
   if (loading && !rows) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full text-xs text-midnight-text-muted", children: "Running\u2026" });
   }