@validationcloud/fractal-ui 1.52.0 → 1.54.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@validationcloud/fractal-ui",
   "private": false,
-  "version": "1.52.0",
+  "version": "1.54.0",
   "module": "./dist/index.js",
   "type": "module",
   "files": [
@@ -17,6 +17,7 @@
     "url": "https://github.com/validationcloud/fractal-ui/issues"
   },
   "scripts": {
+    "prebuild": "pnpm run generate:theme",
     "build": "vite build",
     "lint": "eslint",
     "storybook": "storybook dev -p 6006",
@@ -25,7 +26,8 @@
     "format:check": "prettier --check .",
     "typecheck": "tsc -b --noEmit",
     "test": "vitest run",
-    "prepublishOnly": "pnpm build"
+    "prepublishOnly": "pnpm build",
+    "generate:theme": "node --experimental-transform-types scripts/generate-mavrik-theme.ts"
   },
   "exports": {
     ".": {
@@ -38,11 +40,12 @@
     },
     "./tailwind.css": "./dist/styles/tailwind.css"
   },
-  "packageManager": "pnpm@10.24.0",
+  "packageManager": "pnpm@10.25.0",
   "engines": {
     "node": ">=22.14.0"
   },
   "dependencies": {
+    "@radix-ui/react-select": "^2.1.7",
     "radix-ui": "^1",
     "react": "^19",
     "react-dom": "^19",
@@ -51,37 +54,39 @@
     "zod": "^4"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.4.1",
+    "@eslint/compat": "^2.0.0",
     "@eslint/js": "^9.39.1",
-    "@storybook/addon-docs": "^10.0.4",
-    "@storybook/addon-onboarding": "^10.0.4",
-    "@storybook/react-vite": "^10.0.4",
+    "@storybook/addon-docs": "^10.1.5",
+    "@storybook/addon-onboarding": "^10.1.5",
+    "@storybook/react-vite": "^10.1.5",
     "@tailwindcss/postcss": "^4",
     "@trivago/prettier-plugin-sort-imports": "^6.0.0",
+    "@types/culori": "^4.0.1",
     "@types/node": "^24",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@vitejs/plugin-react": "^5.1.2",
     "canvas": "^3.2.0",
+    "culori": "^4.0.2",
     "echarts": "^6.0.0",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "^10.0.4",
+    "eslint-plugin-storybook": "^10.1.5",
     "globals": "^16.5.0",
     "postcss": "^8.5.6",
-    "prettier": "3.6.2",
-    "prettier-plugin-tailwindcss": "^0.7.1",
+    "prettier": "3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.0.4",
-    "tailwindcss": "^4.1.16",
+    "storybook": "^10.1.5",
+    "tailwindcss": "^4.1.17",
     "typescript": "^5",
-    "typescript-eslint": "^8.46.3",
-    "vite": "^7.1.12",
+    "typescript-eslint": "^8.49.0",
+    "vite": "^7.2.7",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.15"
   },

package/dist/components/echarts-renderer/mavrik-theme.js

@@ -1,11 +0,0 @@
-import { isEChartsThemeOption as r } from "./echarts-theme-option.js";
-import o from "./mavrik-theme.json.js";
-if (!r(o))
-  throw new Error("Invalid mavrik theme configuration");
-const t = {
-  name: "mavrik",
-  config: o
-};
-export {
-  t as MAVRIK_THEME
-};

package/dist/components/echarts-renderer/use-chart-instance.js

@@ -1,46 +0,0 @@
-"use client";
-import { init as f, registerTheme as h } from "echarts";
-import { useRef as i, useState as w, useEffect as d, useCallback as g } from "react";
-const u = /* @__PURE__ */ new Set();
-function R(e, n) {
-  u.has(e) || (h(e, n), u.add(e));
-}
-function b({ options: e, theme: n }) {
-  const o = i(null), c = i(null), [s, a] = w(!1);
-  d(() => {
-    if (!o.current) return;
-    n && R(n.name, n.config);
-    const r = f(o.current, n?.name, {
-      renderer: "svg"
-    });
-    c.current = r, r.setOption(e), a(!0);
-    const t = new ResizeObserver(() => {
-      r.resize();
-    });
-    return t.observe(o.current), () => {
-      t.disconnect(), r.dispose(), c.current = null, a(!1);
-    };
-  }, [e, n]), d(() => {
-    !c.current || !s || c.current.setOption(e);
-  }, [e, s]);
-  const l = g(async () => {
-    if (!c.current)
-      throw new Error("Chart is not initialized");
-    try {
-      const r = c.current.getDataURL({
-        type: "svg"
-      }), t = document.createElement("a");
-      t.download = `chart-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.svg`, t.href = r, document.body.appendChild(t), t.click(), document.body.removeChild(t);
-    } catch (r) {
-      throw console.error("Failed to download chart:", r), new Error("Failed to download chart");
-    }
-  }, []);
-  return {
-    containerRef: o,
-    isReady: s,
-    downloadChart: l
-  };
-}
-export {
-  b as useChartInstance
-};

package/dist/lib/render-chart-to-image.js

@@ -1,34 +0,0 @@
-import { createCanvas as f } from "canvas";
-import { randomUUID as m } from "node:crypto";
-import { createRequire as u } from "node:module";
-const p = u(import.meta.url), s = p("echarts");
-function l(r) {
-  if (!r || typeof r != "object" || Array.isArray(r))
-    return { animation: !1 };
-  const e = { ...r };
-  return "aria" in e && delete e.aria, e.animation = !1, e;
-}
-function h({
-  option: r,
-  theme: e,
-  width: a = 800,
-  height: n = 600,
-  devicePixelRatio: c = 2
-}) {
-  let t;
-  e && typeof e == "object" && (t = `theme-${m()}`, s.registerTheme(t, e));
-  const i = f(a, n), o = s.init(i, t, {
-    renderer: "canvas",
-    devicePixelRatio: c,
-    width: a,
-    height: n
-  });
-  try {
-    return o.setOption(l(r)), i.toBuffer("image/png");
-  } finally {
-    o.dispose();
-  }
-}
-export {
-  h as renderChartToImage
-};