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

package/dist/index.d.cts

@@ -148,6 +148,7 @@ interface ChartStyle {
     areaOpacity: number;
     yFromZero: boolean;
     barLabels: boolean;
+    animate: boolean;
     seriesColors: string[];
 }
 declare const DEFAULT_CHART_STYLE: ChartStyle;

package/dist/index.d.ts

@@ -148,6 +148,7 @@ interface ChartStyle {
     areaOpacity: number;
     yFromZero: boolean;
     barLabels: boolean;
+    animate: boolean;
     seriesColors: string[];
 }
 declare const DEFAULT_CHART_STYLE: ChartStyle;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo, useId, useState, useEffect, useRef, useCallback, Suspense } from 'react';
+import { createContext, useContext, useMemo, useRef, useId, useState, useEffect, useCallback, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { interpolateRdYlGn } from 'd3-scale-chromatic';
 import { ResponsiveBar } from '@nivo/bar';
@@ -277,6 +277,7 @@ var DEFAULT_CHART_STYLE = {
   areaOpacity: 0.15,
   yFromZero: false,
   barLabels: true,
+  animate: false,
   seriesColors: []
 };
 var DEFAULT_SERIES_COLORS = [
@@ -603,6 +604,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)
     }
   ) });
@@ -641,6 +643,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)
     }
   ) });
@@ -667,10 +670,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 = 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__ */ jsx(Fragment, { children: series.map((serie) => {
@@ -712,6 +717,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)
     }
   ) });
@@ -773,6 +779,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)
     }
   ) });
@@ -880,6 +887,7 @@ function HeatmapView({
       borderColor: "#334155",
       labelTextColor: { from: "color", modifiers: [["darker", 3]] },
       hoverTarget: "cell",
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });
@@ -1034,6 +1042,7 @@ function HeatmapPlusView({
       borderColor: "#334155",
       labelTextColor: ((cell) => heatLabelColor(tAt(cell.serieId, cell.data.x))),
       hoverTarget: "cell",
+      animate: s.animate,
       theme: buildNivoTheme(style)
     }
   ) });