@validationcloud/fractal-ui 1.76.0 → 1.78.0

package/dist/hooks/use-scroll-to-bottom.d.ts

@@ -1,12 +1,13 @@
 type UseScrollToBottomOptions = {
     readonly threshold?: number;
 };
-export declare function useScrollToBottom({ threshold }?: UseScrollToBottomOptions): {
-    containerRef: import('react').RefObject<HTMLDivElement | null>;
-    endRef: import('react').RefObject<HTMLDivElement | null>;
+type UseScrollToBottomReturn = {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    endRef: React.RefObject<HTMLDivElement | null>;
     isAtBottom: boolean;
     scrollToBottom: (behavior?: ScrollBehavior) => void;
     onViewportEnter: () => void;
     onViewportLeave: () => void;
 };
+export declare function useScrollToBottom({ threshold }?: UseScrollToBottomOptions): UseScrollToBottomReturn;
 export {};

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

@@ -1,33 +1,51 @@
-import * as p from "echarts";
-import { randomUUID as C } from "node:crypto";
-import { writeFileSync as F, mkdtempSync as O } from "node:fs";
-import { tmpdir as b } from "node:os";
-import h from "node:path";
-import { Image as I, Canvas as S, FontLibrary as j } from "skia-canvas";
-import { calculateTitleLayout as w } from "../components/echarts-renderer/calculate-title-layout.js";
-import { isChartTheme as v } from "../components/echarts-renderer/chart-theme.js";
-import { replaceFormatterTokens as A } from "../components/echarts-renderer/formatters/replace-formatter-tokens.js";
-import { mergeThemeGraphicIntoOptions as D } from "../components/echarts-renderer/merge-theme-graphic-into-options.js";
-globalThis.Image = I;
-const l = /* @__PURE__ */ new Set();
-let m;
-function E() {
-  return m || (m = O(h.join(b(), "chart-fonts-"))), m;
+import * as d from "echarts";
+import { writeFileSync as w, mkdtempSync as N } from "node:fs";
+import { tmpdir as T } from "node:os";
+import y from "node:path";
+import { Image as C, Canvas as S, FontLibrary as G } from "skia-canvas";
+import { calculateTitleLayout as F } from "../components/echarts-renderer/calculate-title-layout.js";
+import { isChartTheme as b } from "../components/echarts-renderer/chart-theme.js";
+import { replaceFormatterTokens as J } from "../components/echarts-renderer/formatters/replace-formatter-tokens.js";
+import A from "../components/echarts-renderer/geo/africa-countries.json.js";
+import I from "../components/echarts-renderer/geo/americas-countries.json.js";
+import j from "../components/echarts-renderer/geo/asia-countries.json.js";
+import E from "../components/echarts-renderer/geo/europe-countries.json.js";
+import M from "../components/echarts-renderer/geo/us-states.json.js";
+import R from "../components/echarts-renderer/geo/world-continents.json.js";
+import P from "../components/echarts-renderer/geo/world-countries.json.js";
+import k from "../components/echarts-renderer/geo/world-regions.json.js";
+import { mergeThemeGraphicIntoOptions as v } from "../components/echarts-renderer/merge-theme-graphic-into-options.js";
+import { getRequiredMapName as x, isMapName as D, registerMapSync as _ } from "../components/echarts-renderer/register-map.js";
+const $ = {
+  "world-countries": P,
+  "world-continents": R,
+  "world-regions": k,
+  "us-states": M,
+  "europe-countries": E,
+  "americas-countries": I,
+  "asia-countries": j,
+  "africa-countries": A
+};
+globalThis.Image = C;
+const g = /* @__PURE__ */ new Set();
+let f;
+function z() {
+  return f || (f = N(y.join(T(), "chart-fonts-"))), f;
 }
-function N(r) {
+function L(r) {
   for (const t of r)
-    if (!l.has(t.family))
+    if (!g.has(t.family))
       try {
-        const e = E(), n = t.data.map((i, s) => {
-          const o = h.join(e, `${t.family}-${String(s)}.ttf`);
-          return F(o, i), o;
+        const e = z(), o = t.data.map((a, m) => {
+          const n = y.join(e, `${t.family}-${String(m)}.ttf`);
+          return w(n, a), n;
         });
-        j.use(t.family, n), l.add(t.family);
+        G.use(t.family, o), g.add(t.family);
       } catch (e) {
         console.warn(`Failed to register ${t.family} fonts, charts will use fallback font:`, e);
       }
 }
-const P = /* @__PURE__ */ new Set([
+const V = /* @__PURE__ */ new Set([
   "aria",
   // Tries to set DOM attributes which node-canvas doesn't implement
   "toolbox",
@@ -39,41 +57,52 @@ const P = /* @__PURE__ */ new Set([
   "axisPointer"
   // Crosshair on hover
 ]);
-function $(r) {
+function q(r) {
   if (!r || typeof r != "object" || Array.isArray(r))
     return { animation: !1 };
   const t = Object.fromEntries(
-    Object.entries(r).filter(([e]) => !P.has(e))
+    Object.entries(r).filter(([e]) => !V.has(e))
   );
   return t.animation = !1, t;
 }
-function k({
+function B(r) {
+  const t = new S(r.width, r.height);
+  return t.getContext("2d").drawImage(r, 0, 0), t;
+}
+function U({
   option: r,
   theme: t,
   fonts: e,
-  width: n = 800,
-  height: i = 600,
-  devicePixelRatio: s = 2
+  width: o = 800,
+  height: a = 600,
+  devicePixelRatio: m = 2
 }) {
-  e?.length && N(e);
-  let o, a, c;
+  e?.length && L(e);
+  let n, s, p;
   if (t) {
-    a = v(t) ? t.config : t, c = a.graphic, o = `theme-${C()}`;
-    const { graphic: x, ...T } = a;
-    p.registerTheme(o, T);
+    s = b(t) ? t.config : t, p = s.graphic;
+    const { graphic: h, ...c } = s;
+    n = c;
   }
-  const f = new S(n, i), u = p.init(f, o, {
+  const i = x(r);
+  i && (D(i) ? _(d, i, $[i]) : console.warn(`Unknown map name for server-side rendering: "${i}"`));
+  const l = new S(o, a), u = d.init(l, n, {
     renderer: "canvas",
-    devicePixelRatio: s,
-    width: n,
-    height: i
-  }), g = $(r), d = A(g), y = w(d, n, a);
-  return u.setOption(D(y, c), { replaceMerge: ["graphic"] }), f;
+    devicePixelRatio: m,
+    width: o,
+    height: a
+  });
+  try {
+    const h = q(r), c = J(h), O = F(c, o, s);
+    return u.setOption(v(O, p), { replaceMerge: ["graphic"] }), B(l);
+  } finally {
+    u.dispose();
+  }
 }
-function W(r) {
-  return k(r).toBufferSync("png");
+function ft(r) {
+  return U(r).toBufferSync("png");
 }
 export {
-  k as renderChartToCanvas,
-  W as renderChartToImage
+  U as renderChartToCanvas,
+  ft as renderChartToImage
 };

package/dist/maps.json

@@ -0,0 +1,438 @@
+[
+  {
+    "name": "world-countries",
+    "description": "World map with all countries as individual regions",
+    "regions": [
+      "Afghanistan",
+      "Albania",
+      "Algeria",
+      "Andorra",
+      "Angola",
+      "Antarctica",
+      "Argentina",
+      "Armenia",
+      "Australia",
+      "Austria",
+      "Azerbaijan",
+      "Bahamas",
+      "Bahrain",
+      "Bangladesh",
+      "Belarus",
+      "Belgium",
+      "Belize",
+      "Benin",
+      "Bhutan",
+      "Bolivia",
+      "Bosnia and Herzegovina",
+      "Botswana",
+      "Brazil",
+      "Bulgaria",
+      "Burkina Faso",
+      "Burundi",
+      "Cambodia",
+      "Cameroon",
+      "Canada",
+      "Central African Rep.",
+      "Chad",
+      "Chile",
+      "China",
+      "Colombia",
+      "Congo",
+      "Costa Rica",
+      "Côte d'Ivoire",
+      "Croatia",
+      "Cuba",
+      "Czechia",
+      "Dem. Rep. Congo",
+      "Denmark",
+      "Djibouti",
+      "Dominican Rep.",
+      "Ecuador",
+      "Egypt",
+      "El Salvador",
+      "Eq. Guinea",
+      "Eritrea",
+      "Estonia",
+      "eSwatini",
+      "Ethiopia",
+      "Falkland Is.",
+      "Fiji",
+      "Finland",
+      "France",
+      "Gabon",
+      "Georgia",
+      "Germany",
+      "Ghana",
+      "Greece",
+      "Greenland",
+      "Guatemala",
+      "Guinea",
+      "Guinea-Bissau",
+      "Guyana",
+      "Haiti",
+      "Honduras",
+      "Hong Kong",
+      "Hungary",
+      "Iceland",
+      "India",
+      "Indonesia",
+      "Iran",
+      "Iraq",
+      "Ireland",
+      "Israel",
+      "Italy",
+      "Japan",
+      "Jordan",
+      "Kazakhstan",
+      "Kenya",
+      "Kosovo",
+      "Kuwait",
+      "Kyrgyzstan",
+      "Laos",
+      "Latvia",
+      "Lesotho",
+      "Liberia",
+      "Libya",
+      "Liechtenstein",
+      "Lithuania",
+      "Macao",
+      "Madagascar",
+      "Malawi",
+      "Malaysia",
+      "Mali",
+      "Malta",
+      "Mauritania",
+      "Mexico",
+      "Moldova",
+      "Monaco",
+      "Mongolia",
+      "Montenegro",
+      "Morocco",
+      "Mozambique",
+      "Myanmar",
+      "Namibia",
+      "Nepal",
+      "Netherlands",
+      "New Caledonia",
+      "New Zealand",
+      "Nicaragua",
+      "Niger",
+      "Nigeria",
+      "North Korea",
+      "North Macedonia",
+      "Norway",
+      "Oman",
+      "Pakistan",
+      "Panama",
+      "Papua New Guinea",
+      "Paraguay",
+      "Peru",
+      "Philippines",
+      "Poland",
+      "Portugal",
+      "Romania",
+      "Russia",
+      "Rwanda",
+      "S. Sudan",
+      "San Marino",
+      "Saudi Arabia",
+      "Senegal",
+      "Serbia",
+      "Sierra Leone",
+      "Singapore",
+      "Slovakia",
+      "Slovenia",
+      "Solomon Is.",
+      "Somalia",
+      "Somaliland",
+      "South Africa",
+      "South Korea",
+      "Spain",
+      "Sri Lanka",
+      "Sudan",
+      "Suriname",
+      "Sweden",
+      "Switzerland",
+      "Syria",
+      "Taiwan",
+      "Tajikistan",
+      "Tanzania",
+      "Thailand",
+      "Timor-Leste",
+      "Togo",
+      "Tunisia",
+      "Turkey",
+      "Turkmenistan",
+      "Uganda",
+      "Ukraine",
+      "United Arab Emirates",
+      "United Kingdom",
+      "United States",
+      "Uruguay",
+      "Uzbekistan",
+      "Vatican",
+      "Venezuela",
+      "Vietnam",
+      "W. Sahara",
+      "Yemen",
+      "Zambia",
+      "Zimbabwe"
+    ]
+  },
+  {
+    "name": "us-states",
+    "description": "United States map with individual states (contiguous 48)",
+    "regions": [
+      "Alabama",
+      "Arizona",
+      "Arkansas",
+      "California",
+      "Colorado",
+      "Connecticut",
+      "Florida",
+      "Georgia",
+      "Idaho",
+      "Illinois",
+      "Indiana",
+      "Iowa",
+      "Kansas",
+      "Kentucky",
+      "Louisiana",
+      "Maine",
+      "Maryland",
+      "Massachusetts",
+      "Michigan",
+      "Minnesota",
+      "Mississippi",
+      "Missouri",
+      "Montana",
+      "Nebraska",
+      "Nevada",
+      "New Hampshire",
+      "New Jersey",
+      "New Mexico",
+      "New York",
+      "North Carolina",
+      "North Dakota",
+      "Ohio",
+      "Oklahoma",
+      "Oregon",
+      "Pennsylvania",
+      "South Carolina",
+      "South Dakota",
+      "Tennessee",
+      "Texas",
+      "Utah",
+      "Vermont",
+      "Virginia",
+      "Washington",
+      "West Virginia",
+      "Wisconsin",
+      "Wyoming"
+    ]
+  },
+  {
+    "name": "europe-countries",
+    "description": "European countries including European Russia and Turkey",
+    "regions": [
+      "Albania",
+      "Andorra",
+      "Austria",
+      "Belarus",
+      "Belgium",
+      "Bosnia and Herzegovina",
+      "Bulgaria",
+      "Croatia",
+      "Czechia",
+      "Denmark",
+      "Estonia",
+      "European Russia",
+      "European Turkey",
+      "Finland",
+      "France",
+      "Germany",
+      "Greece",
+      "Hungary",
+      "Iceland",
+      "Ireland",
+      "Italy",
+      "Kosovo",
+      "Latvia",
+      "Liechtenstein",
+      "Lithuania",
+      "Malta",
+      "Moldova",
+      "Monaco",
+      "Montenegro",
+      "Netherlands",
+      "North Macedonia",
+      "Norway",
+      "Poland",
+      "Portugal",
+      "Romania",
+      "San Marino",
+      "Serbia",
+      "Slovakia",
+      "Slovenia",
+      "Spain",
+      "Sweden",
+      "Switzerland",
+      "Ukraine",
+      "United Kingdom",
+      "Vatican"
+    ]
+  },
+  {
+    "name": "americas-countries",
+    "description": "North and South American countries",
+    "regions": [
+      "Argentina",
+      "Bahamas",
+      "Belize",
+      "Bolivia",
+      "Brazil",
+      "Canada",
+      "Chile",
+      "Colombia",
+      "Costa Rica",
+      "Cuba",
+      "Dominican Rep.",
+      "Ecuador",
+      "El Salvador",
+      "Falkland Is.",
+      "French Guiana",
+      "Greenland",
+      "Guatemala",
+      "Guyana",
+      "Haiti",
+      "Honduras",
+      "Mexico",
+      "Nicaragua",
+      "Panama",
+      "Paraguay",
+      "Peru",
+      "Suriname",
+      "United States",
+      "Uruguay",
+      "Venezuela"
+    ]
+  },
+  {
+    "name": "asia-countries",
+    "description": "Asian countries including Asian Russia and Turkey",
+    "regions": [
+      "Afghanistan",
+      "Armenia",
+      "Asian Russia",
+      "Asian Turkey",
+      "Azerbaijan",
+      "Bahrain",
+      "Bangladesh",
+      "Bhutan",
+      "Cambodia",
+      "China",
+      "Georgia",
+      "Hong Kong",
+      "India",
+      "Indonesia",
+      "Iran",
+      "Iraq",
+      "Israel",
+      "Japan",
+      "Jordan",
+      "Kazakhstan",
+      "Kuwait",
+      "Kyrgyzstan",
+      "Laos",
+      "Macao",
+      "Malaysia",
+      "Mongolia",
+      "Myanmar",
+      "Nepal",
+      "North Korea",
+      "Oman",
+      "Pakistan",
+      "Philippines",
+      "Saudi Arabia",
+      "Singapore",
+      "South Korea",
+      "Sri Lanka",
+      "Syria",
+      "Taiwan",
+      "Tajikistan",
+      "Thailand",
+      "Timor-Leste",
+      "Turkmenistan",
+      "United Arab Emirates",
+      "Uzbekistan",
+      "Vietnam",
+      "Yemen"
+    ]
+  },
+  {
+    "name": "africa-countries",
+    "description": "African countries",
+    "regions": [
+      "Algeria",
+      "Angola",
+      "Benin",
+      "Botswana",
+      "Burkina Faso",
+      "Burundi",
+      "Cameroon",
+      "Central African Rep.",
+      "Chad",
+      "Congo",
+      "Côte d'Ivoire",
+      "Dem. Rep. Congo",
+      "Djibouti",
+      "Egypt",
+      "Eq. Guinea",
+      "Eritrea",
+      "eSwatini",
+      "Ethiopia",
+      "Gabon",
+      "Ghana",
+      "Guinea",
+      "Guinea-Bissau",
+      "Kenya",
+      "Lesotho",
+      "Liberia",
+      "Libya",
+      "Madagascar",
+      "Malawi",
+      "Mali",
+      "Mauritania",
+      "Morocco",
+      "Mozambique",
+      "Namibia",
+      "Niger",
+      "Nigeria",
+      "Rwanda",
+      "S. Sudan",
+      "Senegal",
+      "Sierra Leone",
+      "Somalia",
+      "Somaliland",
+      "South Africa",
+      "Sudan",
+      "Tanzania",
+      "Togo",
+      "Tunisia",
+      "Uganda",
+      "W. Sahara",
+      "Zambia",
+      "Zimbabwe"
+    ]
+  },
+  {
+    "name": "world-continents",
+    "description": "World map with regions grouped by continent",
+    "regions": ["Africa", "Asia", "Europe", "North America", "Oceania", "South America"]
+  },
+  {
+    "name": "world-regions",
+    "description": "World map with regions grouped into 5 major areas",
+    "regions": ["Africa", "Americas", "Asia", "Europe", "Oceania"]
+  }
+]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@validationcloud/fractal-ui",
   "private": false,
-  "version": "1.76.0",
+  "version": "1.78.0",
   "module": "./dist/index.js",
   "type": "module",
   "files": [
@@ -29,8 +29,9 @@
     "typecheck": "tsc -b --noEmit",
     "test": "vitest run",
     "prepublishOnly": "pnpm build",
-    "generate:theme": "node --experimental-transform-types scripts/generate-mavrik-theme.ts && prettier --write src/components/echarts-renderer/mavrik-theme*.json",
-    "generate:fonts": "node --experimental-transform-types scripts/generate-font-data.ts && prettier --write src/lib/font-data.ts",
+    "generate:theme": "node --experimental-strip-types scripts/generate-mavrik-theme.ts && prettier --write src/components/echarts-renderer/mavrik-theme*.json",
+    "generate:fonts": "node --experimental-strip-types scripts/generate-font-data.ts && prettier --write src/lib/font-data.ts",
+    "generate:maps": "node --experimental-strip-types scripts/generate-maps.ts",
     "setup-hooks": "git config core.hooksPath .githooks"
   },
   "exports": {
@@ -46,7 +47,8 @@
       "types": "./dist/server.d.ts",
       "import": "./dist/server.js"
     },
-    "./tailwind.css": "./dist/styles/tailwind.css"
+    "./tailwind.css": "./dist/styles/tailwind.css",
+    "./maps.json": "./dist/maps.json"
   },
   "packageManager": "pnpm@10.28.0",
   "engines": {
@@ -68,10 +70,18 @@
     "@storybook/react-vite": "^10.1.11",
     "@tailwindcss/postcss": "^4.1.18",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
+    "@turf/difference": "^7.3.4",
+    "@turf/helpers": "^7.3.4",
+    "@turf/union": "^7.3.4",
     "@types/culori": "^4.0.1",
+    "@types/geojson": "^7946.0.16",
     "@types/node": "^24.10.7",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
+    "@types/topojson-client": "^3.1.5",
+    "@types/topojson-server": "^3.0.4",
+    "@types/topojson-simplify": "^3.0.3",
+    "@types/topojson-specification": "^1.0.5",
     "@vitejs/plugin-react": "^5.1.2",
     "culori": "^4.0.2",
     "eslint": "^9.39.2",
@@ -79,6 +89,7 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
     "eslint-plugin-storybook": "^10.1.11",
+    "extract-zip": "^2.0.1",
     "globals": "^16.5.0",
     "knip": "^5.82.1",
     "postcss": "^8.5.6",
@@ -88,9 +99,13 @@
     "rollup-plugin-copy": "^3.5.0",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^25.0.2",
+    "shapefile": "^0.6.6",
     "skia-canvas": "^3.0.8",
     "storybook": "^10.1.11",
     "tailwindcss": "^4.1.18",
+    "topojson-client": "^3.1.0",
+    "topojson-server": "^3.0.1",
+    "topojson-simplify": "^3.0.3",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.52.0",
     "vite": "^7.3.1",