@quantumwake/terminal-ux-dashboard-components 0.1.24 → 0.1.26

package/dist/index.cjs

@@ -285,6 +285,7 @@ var DEFAULT_CHART_STYLE = {
   areaOpacity: 0.15,
   yFromZero: false,
   barLabels: true,
+  animate: false,
   seriesColors: []
 };
 var DEFAULT_SERIES_COLORS = [
@@ -611,6 +612,7 @@ function BarView({ records, groupColumn, valueColumn, aggFn = "count", data: pre
       labelSkipWidth: 12,
       labelSkipHeight: 12,
       labelTextColor: { from: "color", modifiers: [["darker", 3]] },
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });
@@ -649,6 +651,7 @@ function PieView({ records, groupColumn, data: presetData, style }) {
       arcLabelsSkipAngle: 10,
       arcLabelsTextColor: { from: "color", modifiers: [["darker", 3]] },
       legends: legend ? [legend] : [],
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });
@@ -675,10 +678,12 @@ function LineView({ records, xColumn, yColumn, data: presetData, style }) {
   ]));
   const longest = data.reduce((a, b) => b.data.length > a.data.length ? b : a, { id: "", data: [] });
   const tickValues = thinTicks(longest.data.map((d) => d.x), s.maxXTicks);
+  const ceilRef = react.useRef(0);
   let yScale = { type: "linear", min: "auto", max: "auto" };
   if (s.yFromZero) {
     const dataMax = Math.max(0, ...data.flatMap((serie) => serie.data.map((d) => Math.max(d.y, d.hi ?? d.y))));
-    yScale = { type: "linear", min: 0, max: niceCeil(dataMax) };
+    ceilRef.current = Math.max(ceilRef.current, niceCeil(dataMax));
+    yScale = { type: "linear", min: 0, max: ceilRef.current };
   }
   const bandedIds = new Set(data.filter((serie) => serie.data.some((d) => d.lo != null)).map((serie) => serie.id));
   const bandsLayer = ({ series, yScale: yScale2, lineGenerator }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: series.map((serie) => {
@@ -720,6 +725,7 @@ function LineView({ records, xColumn, yColumn, data: presetData, style }) {
       axisLeft: makeAxis(style, "y", yColumn, { numeric: true }),
       useMesh: true,
       layers: ["grid", "markers", "axes", "areas", bandsLayer, linesLayer, "crosshair", "slices", "mesh", "legends"],
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });
@@ -781,6 +787,7 @@ function ScatterView({ records, xColumn, yColumn, data: presetData, style }) {
       axisBottom: makeAxis(style, "x", xColumn, { numeric: true }),
       axisLeft: makeAxis(style, "y", yColumn, { numeric: true }),
       useMesh: true,
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });
@@ -888,6 +895,7 @@ function HeatmapView({
       borderColor: "#334155",
       labelTextColor: { from: "color", modifiers: [["darker", 3]] },
       hoverTarget: "cell",
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });
@@ -1042,6 +1050,7 @@ function HeatmapPlusView({
       borderColor: "#334155",
       labelTextColor: ((cell) => heatLabelColor(tAt(cell.serieId, cell.data.x))),
       hoverTarget: "cell",
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });