@pushwoosh/kit-charts 0.4.2 → 0.4.4

package/core/Chart/Chart.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Grid, XAxis, XAxisLine, YAxis } from './Axes';
 import { ChartErrorBoundary } from './ChartErrorBoundary';
 import { Legend } from './Legend';
@@ -211,12 +211,10 @@ function ChartBody({
     hidden
   }) : null, [zoomed, canvas, registry, hidden]);
   const anyShown = built?.series.some(series => !series.hidden) ?? false;
-  const lastShown = useRef(null);
-  useEffect(() => {
-    if (built && anyShown) {
-      lastShown.current = built;
-    }
-  }, [built, anyShown]);
+  const [lastShown, setLastShown] = useState(null);
+  if (built && anyShown && built !== lastShown) {
+    setLastShown(built);
+  }
   // Switching off the last series must not reshape the axes under it: the plot
   // holds the geometry of the last state that had something on show, so the series
   // fades out where it stood instead of jumping to a rescaled axis first.
@@ -224,7 +222,7 @@ function ChartBody({
     if (anyShown || !built) {
       return built;
     }
-    const frozen = lastShown.current;
+    const frozen = lastShown;
     if (!frozen) {
       return built;
     }
@@ -237,7 +235,7 @@ function ChartBody({
       legend: built.legend,
       titles: built.titles
     };
-  }, [built, anyShown]);
+  }, [built, anyShown, lastShown]);
   const contextFor = useCallback(series => {
     if (!model) {
       return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/kit-charts",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Small React chart library on SVG, with a Highcharts-shaped configuration model",
   "license": "MIT",
   "repository": {
@@ -25,12 +25,21 @@
     "access": "public",
     "directory": "dist"
   },
+  "pushwoosh": {
+    "cdn": {
+      "path": "kit-charts",
+      "dir": "cdn-dist",
+      "importMap": [
+        "@pushwoosh/kit-charts"
+      ]
+    }
+  },
   "dependencies": {
-    "@pushwoosh/kit-constants": "^3.0.0"
+    "@pushwoosh/kit-constants": "^3.1.1"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^4.0.0",
-    "@pushwoosh/kit-typography": "^2.0.0",
+    "@pushwoosh/frontend-builder-engine": "^5.3.1",
+    "@pushwoosh/kit-typography": "^2.1.1",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -54,7 +63,7 @@
   },
   "scripts": {
     "start": "pnpm run playground",
-    "build": "pushwoosh-engine lib:build && cp ai-documentation.md LICENSE dist/",
+    "build": "pushwoosh-engine lib:build && `pushwoosh-engine app:command:build` && cp ai-documentation.md LICENSE dist/",
     "playground": "`pushwoosh-engine lib:command:playground`",
     "check": "pnpm run check:lint && pnpm run check:types",
     "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint ./src ./playground ./tests",