@funnest/charts-react 0.3.0 → 0.4.0

package/dist/index.js

@@ -1274,6 +1274,12 @@ function TreemapChart({
 // src/viz/candles.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var KO = { open: "\uC2DC\uAC00", high: "\uACE0\uAC00", low: "\uC800\uAC00", close: "\uC885\uAC00", volume: "\uAC70\uB798\uB7C9" };
+var fade = (color, a) => {
+  const m = /^#([0-9a-f]{6})$/i.exec(color);
+  if (!m) return `color-mix(in srgb, ${color} ${Math.round(a * 100)}%, transparent)`;
+  const n = parseInt(m[1], 16);
+  return `rgba(${n >> 16 & 255},${n >> 8 & 255},${n & 255},${a})`;
+};
 function CandlePlot({
   data,
   yAxisId,
@@ -1410,7 +1416,7 @@ function CandlestickChart({
             highlightScrubbed: false,
             getBarColor: (_v, i) => {
               const d = data[i];
-              return d ? `color-mix(in srgb, ${d.close >= d.open ? upColor : downColor} 30%, transparent)` : void 0;
+              return d ? fade(d.close >= d.open ? upColor : downColor, 0.3) : void 0;
             }
           }
         ),
@@ -1455,11 +1461,11 @@ function Scrubber({
   const ctx = useCartesianChart();
   const i = ctx.scrubIndex;
   const { setDimFuture } = ctx;
-  const fade = dimFuture && !hideOverlay;
+  const fade2 = dimFuture && !hideOverlay;
   useEffect5(() => {
-    setDimFuture(fade);
+    setDimFuture(fade2);
     return () => setDimFuture(false);
-  }, [fade, setDimFuture]);
+  }, [fade2, setDimFuture]);
   const pick = seriesIds ? ctx.series.filter((s) => seriesIds.includes(s.id)) : ctx.series;
   const colorOf = (s, v) => beaconColor?.(v, s.id) ?? s.color;
   if (i === null || i >= ctx.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnest/charts-react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "React bindings for Funnest Charts: the trading widget plus SVG line, area and bar charts",
   "keywords": [
     "react",
@@ -46,9 +46,9 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@funnest/charts": "0.3.0",
-    "@funnest/charts-ui": "0.3.0",
-    "@funnest/charts-viz": "0.3.0"
+    "@funnest/charts-ui": "0.4.0",
+    "@funnest/charts": "0.4.0",
+    "@funnest/charts-viz": "0.4.0"
   },
   "peerDependencies": {
     "react": ">=18",