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

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';
@@ -670,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) => {