@particle-academy/fancy-echarts 4.0.1 → 5.0.0

package/README.md

@@ -1,5 +1,7 @@
 # @particle-academy/fancy-echarts
 
+[![Fancified](art/fancified.svg)](https://particle.academy)
+
 Typed React wrapper around [Apache ECharts](https://echarts.apache.org/) — every chart type from a single `<EChart>` component, lazy module registration, four built-in themes.
 
 > **Breaking change in 4.0** — the hand-rolled diagram subsystem (`<Diagram>`, `<DataDiagram>`, `<OrgChart>`, `<Mindmap>`, `<Flowchart>` and their types) is removed. ECharts and react-flow each own their domain: charts here, node-edge graphs in [`@particle-academy/fancy-flow`](https://github.com/Particle-Academy/fancy-flow). If you used the diagram presets, migrate to fancy-flow — its `<FlowEditor>` + `defineNode` + `<NodePort>` covers org charts, flowcharts, ERDs, and mindmaps cleanly. Real Sankey / sunburst / radial visualizations stay here as proper ECharts series.
@@ -87,12 +89,12 @@ This is consumer responsibility — the wrapper does not introspect `option` to
 
 `fancy-echarts` is a thin wrapper — every interaction surface is reachable through `onEvents`, `useECharts().instance`, and `tooltip.formatter`. These recipes cover the patterns that hold up across charts.
 
-### Wrap any chart with a Popover, ContextMenu, and Action button
+### Wrap any chart with a Popover, ContextMenu, and Button
 
 The pattern that scales: a single `ChartFrame` wrapper that gives every chart an info popover next to the title, action buttons in the header, and a right-click context menu on the body. Build it once, reuse for every chart type:
 
 ```tsx
-import { Card, Popover, Action, Badge, ContextMenu, Icon, useToast } from "@particle-academy/react-fancy";
+import { Card, Popover, Button, Badge, ContextMenu, Icon, useToast } from "@particle-academy/react-fancy";
 
 function ChartFrame({ title, info, actions = [], onExport, extraMenu, children }) {
   const { toast } = useToast();
@@ -112,7 +114,7 @@ function ChartFrame({ title, info, actions = [], onExport, extraMenu, children }
             </Popover>
           </div>
           <div className="flex gap-2">
-            {actions.map((a) => <Action key={a.label} size="sm" onClick={a.onClick}>{a.label}</Action>)}
+            {actions.map((a) => <Button key={a.label} size="sm" onClick={a.onClick}>{a.label}</Button>)}
           </div>
         </div>
       </Card.Header>
@@ -241,9 +243,9 @@ Pass `theme="dark-preset"` (after `registerBuiltinThemes()`) or `theme="light"`
 ```tsx
 const [theme, setTheme] = useState<"light" | "dark-preset">("light");
 
-<Action onClick={() => setTheme((t) => t === "light" ? "dark-preset" : "light")}>
+<Button onClick={() => setTheme((t) => t === "light" ? "dark-preset" : "light")}>
   Toggle theme
-</Action>
+</Button>
 <EChart theme={theme} option={option} />
 ```
 
@@ -432,3 +434,9 @@ registerBuiltinThemes(); // Registers "dark-preset", "vintage", "pastel"
 ## License
 
 MIT
+
+---
+
+## ⭐ Star Fancy UI
+
+If this package is useful to you, a quick ⭐ on the repo really helps us build a better kit. Thank you!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/fancy-echarts",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "description": "Typed React wrapper around Apache ECharts — every chart type from a single <EChart> component, lazy module registration, four built-in themes. Diagram subsystem removed in 4.0; node-edge graphs live in @particle-academy/fancy-flow now.",
   "repository": {
     "type": "git",
@@ -44,10 +44,10 @@
     "components"
   ],
   "peerDependencies": {
+    "echarts": "^6.1.0",
+    "echarts-gl": "^2.1.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "echarts": "^5.5.0",
-    "echarts-gl": "^2.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "echarts-gl": {
@@ -57,8 +57,8 @@
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "echarts": "^5.6.0",
-    "echarts-gl": "^2.0.9",
+    "echarts": "^6.1.0",
+    "echarts-gl": "^2.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tsup": "^8.5.0",
@@ -67,5 +67,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "overrides": {
+    "esbuild": "^0.28.1",
+    "picomatch": "^4.0.4",
+    "postcss": "^8.5.10",
+    "react-router": "^7.15.1",
+    "vite": "^6.4.2"
+  }
 }