@carto/ps-react-ui 4.4.0-chat-ui.5 → 4.4.0-chat-ui.7

package/dist/download-config-C7hf33ip.js

@@ -0,0 +1,58 @@
+import "react/jsx-runtime";
+import "react/compiler-runtime";
+import "@mui/material";
+import "./widget-store-Bw5zRUGg.js";
+import "zustand/shallow";
+import "@mui/icons-material";
+import "react";
+import { d as n, a as s } from "./exports-Cr43OCul.js";
+import "./lasso-tool-BYbxrJ-7.js";
+import "./cjs-D4KH3azB.js";
+import "@carto/ps-utils";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dom";
+function b(r) {
+  const o = [];
+  if (r.length > 0 && (r[0]?.length ?? 0) > 0) {
+    const i = r?.[0]?.[0] ?? {}, t = Object.keys(i);
+    o.push(t);
+  }
+  return r.forEach((i) => {
+    i.forEach((t) => {
+      const e = Object.values(t).map((p) => String(p));
+      o.push(e);
+    });
+  }), o;
+}
+function j(r) {
+  const o = [];
+  return o.push(["x", "y"]), r.forEach((i) => {
+    i.forEach((t) => {
+      o.push([String(t[0]), String(t[1])]);
+    });
+  }), o;
+}
+function D(r) {
+  return function({
+    refUI: o
+  }) {
+    return [{
+      ...n,
+      modifier: () => n.modifier(o)
+    }, {
+      ...s,
+      modifier: async (i) => {
+        const t = r(i);
+        return s.modifier(t);
+      }
+    }];
+  };
+}
+export {
+  D as c,
+  b as f,
+  j as s
+};
+//# sourceMappingURL=download-config-C7hf33ip.js.map

package/dist/download-config-C7hf33ip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-config-C7hf33ip.js","sources":["../src/widgets/utils/chart-config/csv-modifiers.ts","../src/widgets/utils/chart-config/download-config.ts"],"sourcesContent":["/**\n * Shared CSV export modifiers for chart widgets\n */\n\n/**\n * Flattens object array data into CSV-ready rows.\n * Used by bar, pie, histogram, and timeseries widgets.\n *\n * @param data - Array of series, where each series is an array of data objects\n * @returns CSV rows with headers and values\n */\nexport function flattenObjectArrayToCSV<T extends Record<string, unknown>>(\n  data: T[][],\n): string[][] {\n  const rows: string[][] = []\n\n  // Add headers from first data point if available\n  if (data.length > 0 && (data[0]?.length ?? 0) > 0) {\n    const firstDataPoint = data?.[0]?.[0] ?? {}\n    const headers = Object.keys(firstDataPoint)\n    rows.push(headers)\n  }\n\n  // Add data rows from all series\n  data.forEach((series) => {\n    series.forEach((dataPoint) => {\n      const values = Object.values(dataPoint).map((v) => String(v))\n      rows.push(values)\n    })\n  })\n\n  return rows\n}\n\n/**\n * Creates CSV rows for scatterplot data.\n * Scatterplot uses array format [x, y] instead of objects.\n *\n * @param data - Array of series, where each series is an array of [x, y] tuples\n * @returns CSV rows with ['x', 'y'] headers\n */\nexport function scatterplotDataToCSV(data: number[][][]): string[][] {\n  const rows: string[][] = []\n\n  // Add headers\n  rows.push(['x', 'y'])\n\n  // Add data rows from all series\n  data.forEach((series) => {\n    series.forEach((dataPoint) => {\n      rows.push([String(dataPoint[0]), String(dataPoint[1])])\n    })\n  })\n\n  return rows\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../../actions'\nimport type { ConfigProps } from '../../loader/types'\n\nexport function createChartDownloadConfig<TData>(\n  csvModifier: (data: TData) => string[][],\n) {\n  return function ({ refUI }: ConfigProps): DownloadItem<TData>[] {\n    return [\n      {\n        ...downloadToPNG,\n        modifier: () => downloadToPNG.modifier(refUI),\n      },\n      {\n        ...downloadToCSV,\n        modifier: async (data) => {\n          const rows = csvModifier(data)\n          return downloadToCSV.modifier(rows)\n        },\n      },\n    ]\n  }\n}\n"],"names":["flattenObjectArrayToCSV","data","rows","length","firstDataPoint","headers","Object","keys","push","forEach","series","dataPoint","values","map","v","String","scatterplotDataToCSV","createChartDownloadConfig","csvModifier","refUI","downloadToPNG","modifier","downloadToCSV"],"mappings":";;;;;;;;;;;;;;;AAWO,SAASA,EACdC,GACY;AACZ,QAAMC,IAAmB,CAAA;AAGzB,MAAID,EAAKE,SAAS,MAAMF,EAAK,CAAC,GAAGE,UAAU,KAAK,GAAG;AACjD,UAAMC,IAAiBH,IAAO,CAAC,IAAI,CAAC,KAAK,CAAA,GACnCI,IAAUC,OAAOC,KAAKH,CAAc;AAC1CF,IAAAA,EAAKM,KAAKH,CAAO;AAAA,EACnB;AAGAJ,SAAAA,EAAKQ,QAASC,CAAAA,MAAW;AACvBA,IAAAA,EAAOD,QAASE,CAAAA,MAAc;AAC5B,YAAMC,IAASN,OAAOM,OAAOD,CAAS,EAAEE,IAAKC,CAAAA,MAAMC,OAAOD,CAAC,CAAC;AAC5DZ,MAAAA,EAAKM,KAAKI,CAAM;AAAA,IAClB,CAAC;AAAA,EACH,CAAC,GAEMV;AACT;AASO,SAASc,EAAqBf,GAAgC;AACnE,QAAMC,IAAmB,CAAA;AAGzBA,SAAAA,EAAKM,KAAK,CAAC,KAAK,GAAG,CAAC,GAGpBP,EAAKQ,QAASC,CAAAA,MAAW;AACvBA,IAAAA,EAAOD,QAASE,CAAAA,MAAc;AAC5BT,MAAAA,EAAKM,KAAK,CAACO,OAAOJ,EAAU,CAAC,CAAC,GAAGI,OAAOJ,EAAU,CAAC,CAAC,CAAC,CAAC;AAAA,IACxD,CAAC;AAAA,EACH,CAAC,GAEMT;AACT;ACpDO,SAASe,EACdC,GACA;AACA,SAAO,SAAU;AAAA,IAAEC,OAAAA;AAAAA,EAAAA,GAA6C;AAC9D,WAAO,CACL;AAAA,MACE,GAAGC;AAAAA,MACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,IAAA,GAE9C;AAAA,MACE,GAAGG;AAAAA,MACHD,UAAU,OAAOpB,MAAS;AACxB,cAAMC,IAAOgB,EAAYjB,CAAI;AAC7B,eAAOqB,EAAcD,SAASnB,CAAI;AAAA,MACpC;AAAA,IAAA,CACD;AAAA,EAEL;AACF;"}

package/dist/echart-CU0KmClP.js

@@ -0,0 +1,176 @@
+import { jsx as j } from "react/jsx-runtime";
+import { c as k } from "react/compiler-runtime";
+import { useRef as M, useEffectEvent as w, useEffect as T } from "react";
+import { u as N, a as D, m as L } from "./widget-store-registry-_W4Z4xp-.js";
+import { u as U } from "./widget-context-DTGO0Yta.js";
+import "zustand";
+import { Box as P } from "@mui/material";
+import * as C from "echarts";
+const z = /* @__PURE__ */ new Map();
+let g = null;
+function K() {
+  return typeof ResizeObserver > "u" ? null : (g ??= new ResizeObserver((r) => {
+    for (const e of r)
+      z.get(e.target)?.();
+  }), g);
+}
+const W = () => {
+};
+function $(r, e) {
+  const t = K();
+  return t ? (z.set(r, e), t.observe(r), () => {
+    z.delete(r), g && (g.unobserve(r), z.size === 0 && (g.disconnect(), g = null));
+  }) : W;
+}
+function se() {
+  g && g.disconnect(), z.clear(), g = null;
+}
+const B = {
+  root: {
+    width: "100%",
+    minHeight: 0
+  }
+}, G = {
+  renderer: "svg",
+  height: 304
+};
+function H(r) {
+  const e = k(21), {
+    option: t,
+    replaceMerge: s,
+    onEvents: c,
+    init: a,
+    onInstance: b,
+    className: x,
+    sx: y
+  } = r, h = M(null), i = M(null), l = M(null), A = M(null);
+  let v;
+  e[0] !== b ? (v = (n) => {
+    b?.(n);
+  }, e[0] = b, e[1] = v) : v = e[1];
+  const f = w(v);
+  let E;
+  e[2] !== a || e[3] !== f ? (E = () => {
+    if (!h.current)
+      return;
+    const n = C.init(h.current, null, {
+      ...G,
+      ...a
+    });
+    return i.current = n, f(n), () => {
+      f(null), n.dispose(), i.current = null;
+    };
+  }, e[2] = a, e[3] = f, e[4] = E) : E = e[4];
+  let u;
+  e[5] !== a ? (u = [a], e[5] = a, e[6] = u) : u = e[6], T(E, u);
+  let F, d;
+  e[7] !== t || e[8] !== s ? (F = () => {
+    const n = J(t), I = q(t), S = new Set(s ?? []);
+    n !== l.current && S.add("series"), I !== A.current && S.add("dataset"), l.current = n, A.current = I, i.current?.setOption(t, {
+      notMerge: !1,
+      lazyUpdate: !0,
+      replaceMerge: S.size > 0 ? Array.from(S) : void 0
+    });
+  }, d = [t, s], e[7] = t, e[8] = s, e[9] = F, e[10] = d) : (F = e[9], d = e[10]), T(F, d);
+  let _, m;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+    const n = h.current;
+    if (n)
+      return $(n, () => {
+        i.current?.resize();
+      });
+  }, m = [], e[11] = _, e[12] = m) : (_ = e[11], m = e[12]), T(_, m);
+  let O, p;
+  e[13] !== c ? (O = () => {
+    const n = i.current;
+    if (!(!n || !c)) {
+      for (const [I, S] of Object.entries(c))
+        n.on(I, S);
+      return () => {
+        for (const [I, S] of Object.entries(c))
+          n.off(I, S);
+      };
+    }
+  }, p = [c], e[13] = c, e[14] = O, e[15] = p) : (O = e[14], p = e[15]), T(O, p);
+  let o;
+  e[16] !== y ? (o = {
+    ...B.root,
+    ...y
+  }, e[16] = y, e[17] = o) : o = e[17];
+  let R;
+  return e[18] !== x || e[19] !== o ? (R = /* @__PURE__ */ j(P, { ref: h, className: x, sx: o }), e[18] = x, e[19] = o, e[20] = R) : R = e[20], R;
+}
+function J(r) {
+  const e = r.series;
+  return Array.isArray(e) ? e.map((t) => {
+    if (t == null || typeof t != "object") return String(t);
+    const s = t;
+    return [
+      s.type,
+      s.datasetIndex,
+      s.name,
+      s.stack,
+      // `encode` is small; stringify is cheap and stable for plain objects.
+      JSON.stringify(s.encode ?? null)
+    ].join("|");
+  }).join("||") : e ? "1" : "";
+}
+function q(r) {
+  const e = r.dataset;
+  return Array.isArray(e) ? String(e.length) : e ? "1" : "";
+}
+const Q = ["toolbox"], V = (r) => ({
+  data: r.data,
+  configTransforms: r.configTransforms,
+  formatter: r.formatter,
+  labelFormatter: r.labelFormatter
+});
+function oe(r) {
+  const e = k(22), {
+    optionFactory: t,
+    onEvents: s,
+    init: c,
+    className: a
+  } = r, b = U(), x = N(b, V);
+  let y;
+  e[0] !== b ? (y = (o) => L(b, o), e[0] = b, e[1] = y) : y = e[1];
+  const h = y, {
+    data: i,
+    configTransforms: l,
+    formatter: A,
+    labelFormatter: v
+  } = x;
+  let f;
+  e[2] !== t ? (f = t(void 0, void 0), e[2] = t, e[3] = f) : f = e[3];
+  const E = f;
+  let u;
+  e[4] !== l || e[5] !== E ? (u = D(E, l), e[4] = l, e[5] = E, e[6] = u) : u = e[6];
+  const F = u;
+  let d;
+  if (e[7] !== l) {
+    const o = new Set(Q);
+    for (const R of l)
+      if (R.enabled && R.replaceMergeKeys?.length)
+        for (const n of R.replaceMergeKeys)
+          o.add(n);
+    d = Array.from(o).sort(), e[7] = l, e[8] = d;
+  } else
+    d = e[8];
+  const _ = d;
+  let m;
+  e[9] !== t || e[10] !== i || e[11] !== A || e[12] !== v || e[13] !== F ? (m = t(F, i, {
+    formatter: A,
+    labelFormatter: v
+  }), e[9] = t, e[10] = i, e[11] = A, e[12] = v, e[13] = F, e[14] = m) : m = e[14];
+  const O = m;
+  let p;
+  return e[15] !== a || e[16] !== c || e[17] !== s || e[18] !== h || e[19] !== O || e[20] !== _ ? (p = /* @__PURE__ */ j(H, { option: O, replaceMerge: _, onEvents: s, init: c, onInstance: h, className: a }), e[15] = a, e[16] = c, e[17] = s, e[18] = h, e[19] = O, e[20] = _, e[21] = p) : p = e[21], p;
+}
+export {
+  G as D,
+  oe as E,
+  se as _,
+  H as a,
+  $ as o
+};
+//# sourceMappingURL=echart-CU0KmClP.js.map

package/dist/echart-CU0KmClP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echart-CU0KmClP.js","sources":["../src/widgets-v2/echart/shared-resize-observer.ts","../src/widgets-v2/echart/style.ts","../src/widgets-v2/echart/echart-ui.tsx","../src/widgets-v2/echart/echart.tsx"],"sourcesContent":["type ResizeCallback = () => void\n\nconst callbacks = new Map<Element, ResizeCallback>()\nlet observer: ResizeObserver | null = null\n\n/**\n * Returns the singleton ResizeObserver, lazily constructing it on first use.\n * Returns `null` when `ResizeObserver` is not available in the global scope\n * (SSR, very old browsers, or tests that intentionally remove it).\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  observer ??= new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      const callback = callbacks.get(entry.target)\n      callback?.()\n    }\n  })\n  return observer\n}\n\nconst NOOP_CLEANUP = (): void => undefined\n\nexport function observeResize(\n  element: Element,\n  callback: ResizeCallback,\n): () => void {\n  const ro = getObserver()\n  // Gracefully degrade when no ResizeObserver is available — consumers\n  // still see one initial measure() pass via their own effect; we just\n  // skip the subsequent resize-driven re-measures.\n  if (!ro) return NOOP_CLEANUP\n  callbacks.set(element, callback)\n  ro.observe(element)\n  return () => {\n    callbacks.delete(element)\n    if (observer) {\n      observer.unobserve(element)\n      // Disconnect the singleton once the last subscriber leaves so the\n      // observer doesn't outlive its consumers in SSR teardown / micro-\n      // frontend unmount scenarios. A subsequent observeResize() will\n      // lazily re-create it via getObserver().\n      if (callbacks.size === 0) {\n        observer.disconnect()\n        observer = null\n      }\n    }\n  }\n}\n\n/** @internal — for tests only. */\nexport function __resetSharedResizeObserver(): void {\n  if (observer) observer.disconnect()\n  callbacks.clear()\n  observer = null\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    width: '100%',\n    minHeight: 0,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { useEffect, useEffectEvent, useRef } from 'react'\nimport { Box, type SxProps, type Theme } from '@mui/material'\nimport * as echarts from 'echarts'\nimport { observeResize } from './shared-resize-observer'\nimport { styles } from './style'\n\nexport const DEFAULT_INIT_OPTS = {\n  renderer: 'svg',\n  height: 304,\n} satisfies echarts.EChartsInitOpts\n\nexport type EchartsEventHandler = (event: unknown) => void\n\nexport interface EchartUIProps {\n  option: echarts.EChartsOption\n  /**\n   * Keys to merge as arrays (replace by index) instead of by id. The middleware\n   * memoizes this content-stably, so identical sets don't re-trigger setOption.\n   */\n  replaceMerge?: readonly string[]\n  /**\n   * Opaque ECharts event passthrough — handlers fire untransformed.\n   *\n   * **Must be referentially stable** (memoize it with `useMemo` /\n   * `useCallback`, or hoist to module scope). The binding effect depends on\n   * the `onEvents` object identity; an inline `{ click: handler }` literal\n   * recreates the object on every render and causes every listener to be\n   * detached and re-attached each commit.\n   */\n  onEvents?: Record<string, EchartsEventHandler>\n  /**\n   * Init options forwarded to echarts.init. Captured at mount only — to change\n   * `renderer` or `height` after mount, unmount and remount the chart.\n   * Defaults: `{ renderer: 'svg', height: 304 }`.\n   */\n  init?: echarts.EChartsInitOpts\n  /**\n   * Optional callback fired once after the ECharts instance is created\n   * (`onInstance(chart)`) and once when it's about to be disposed\n   * (`onInstance(null)`). Used by `Widget.Echart` to publish the live\n   * instance to the per-widget registry so other actions (e.g.\n   * `ZoomToggle`'s disable handler) can reach it without DOM lookups.\n   * No need to memoize — the bridge wraps it in `useEffectEvent` so an\n   * unstable reference does not re-init the chart.\n   */\n  onInstance?: (chart: echarts.ECharts | null) => void\n  className?: string\n  sx?: SxProps<Theme>\n}\n\nexport function EchartUI({\n  option,\n  replaceMerge,\n  onEvents,\n  init,\n  onInstance,\n  className,\n  sx,\n}: EchartUIProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const chartRef = useRef<echarts.ECharts | null>(null)\n\n  // Structural fingerprint of the last applied series / dataset arrays.\n  // Used to decide whether the next `setOption` should *replace* those\n  // components (when their shape changed) or *merge* them (when only\n  // styling-level fields differ — e.g. a new `itemStyle.color` callback\n  // from a selection update). Replacing wipes ECharts' per-series runtime\n  // state (hover, animation cache, brush areas), so we want to do it only\n  // when the structure actually moved.\n  const seriesFingerprintRef = useRef<string | null>(null)\n  const datasetFingerprintRef = useRef<string | null>(null)\n\n  // Stable notify wrapper — always reads the latest `onInstance` prop\n  // without forcing the init effect below to re-run when the parent\n  // passes a fresh function reference. The init effect now only fires\n  // when `init` actually changes (documented as mount-only anyway).\n  const notifyInstance = useEffectEvent(\n    (chart: echarts.ECharts | null): void => {\n      onInstance?.(chart)\n    },\n  )\n\n  // Init / dispose. `init` is captured once at mount.\n  useEffect(() => {\n    if (!containerRef.current) return undefined\n    const chart = echarts.init(containerRef.current, null, {\n      ...DEFAULT_INIT_OPTS,\n      ...init,\n    })\n    chartRef.current = chart\n    notifyInstance(chart)\n    return () => {\n      // Notify observers *before* disposal so any queued imperative\n      // dispatches (e.g. ZoomToggle's `setOption` cleanup) see the\n      // instance disappear before its DOM is torn down.\n      notifyInstance(null)\n      chart.dispose()\n      chartRef.current = null\n    }\n  }, [init])\n\n  // Apply option / replaceMerge changes via merge mode (no remount required).\n  useEffect(() => {\n    const seriesFp = computeSeriesFingerprint(option)\n    const datasetFp = computeDatasetFingerprint(option)\n    const augmented = new Set<string>(replaceMerge ?? [])\n    if (seriesFp !== seriesFingerprintRef.current) augmented.add('series')\n    if (datasetFp !== datasetFingerprintRef.current) augmented.add('dataset')\n    seriesFingerprintRef.current = seriesFp\n    datasetFingerprintRef.current = datasetFp\n    chartRef.current?.setOption(option, {\n      notMerge: false,\n      lazyUpdate: true,\n      replaceMerge: augmented.size > 0 ? Array.from(augmented) : undefined,\n    })\n  }, [option, replaceMerge])\n\n  // Resize via shared singleton observer.\n  useEffect(() => {\n    const node = containerRef.current\n    if (!node) return undefined\n    return observeResize(node, () => {\n      chartRef.current?.resize()\n    })\n  }, [])\n\n  // Bind / unbind opaque event handlers.\n  useEffect(() => {\n    const chart = chartRef.current\n    if (!chart || !onEvents) return undefined\n    for (const [event, handler] of Object.entries(onEvents)) {\n      chart.on(event, handler)\n    }\n    return () => {\n      for (const [event, handler] of Object.entries(onEvents)) {\n        chart.off(event, handler)\n      }\n    }\n  }, [onEvents])\n\n  return (\n    <Box\n      ref={containerRef}\n      className={className}\n      sx={{ ...styles.root, ...sx }}\n    />\n  )\n}\n\n/**\n * Cheap structural digest of the option's `series` array — covers the fields\n * that actually demand a `replaceMerge` (length, type, datasetIndex, name,\n * stack, encode). Excludes runtime-style fields like `itemStyle` (callbacks\n * have unstable identity but don't change structure).\n */\nfunction computeSeriesFingerprint(option: echarts.EChartsOption): string {\n  const series = option.series\n  if (!Array.isArray(series)) return series ? '1' : ''\n  return series\n    .map((s) => {\n      if (s == null || typeof s !== 'object') return String(s)\n      const o = s as Record<string, unknown>\n      return [\n        o.type,\n        o.datasetIndex,\n        o.name,\n        o.stack,\n        // `encode` is small; stringify is cheap and stable for plain objects.\n        JSON.stringify(o.encode ?? null),\n      ].join('|')\n    })\n    .join('||')\n}\n\n/**\n * Structural digest of the option's `dataset` array — count is the only\n * thing that needs `replaceMerge` here. Row-level changes are picked up by\n * ECharts' default merge.\n */\nfunction computeDatasetFingerprint(option: echarts.EChartsOption): string {\n  const dataset = option.dataset\n  if (!Array.isArray(dataset)) return dataset ? '1' : ''\n  return String(dataset.length)\n}\n","import { useCallback, useMemo } from 'react'\nimport type * as echarts from 'echarts'\nimport {\n  applyTransforms,\n  setEchartInstance,\n  useWidgetId,\n  useWidgetShallow,\n  type Transform,\n} from '../stores'\nimport { EchartUI, type EchartsEventHandler } from './echart-ui'\n\n/**\n * Default ECharts `replaceMerge` keys for every widget. `dataZoom` and\n * `brush` are omitted so ZoomToggle / BrushToggle's user-driven runtime\n * state (slider range, brushed areas in `multiple` mode) survives unrelated\n * re-renders. `series` and `dataset` are also omitted: EchartUI fingerprints\n * them per-render and adds them to `replaceMerge` only when their shape\n * actually changes, keeping ECharts' per-series runtime state alive when\n * only callback-style fields differ.\n *\n * Lives in this module (not the generic store) because it's an ECharts\n * concept. Module-private — callers should not need it.\n */\nconst DEFAULT_REPLACE_MERGE: readonly string[] = ['toolbox']\n\n/**\n * Reactive context passed to every {@link OptionFactory} call so the\n * factory can rebuild render-time pieces (axis label / tooltip formatters)\n * from the live store. Drives RelativeData / consumer-formatter changes\n * through to the chart without rebuilding the structural option.\n */\nexport interface OptionFactoryContext {\n  formatter?: (value: number) => string\n  labelFormatter?: (value: string | number) => string | number\n}\n\n/**\n * The per-widget option factory — a single callable that owns BOTH phases\n * of option construction:\n *\n * - **Structural phase** — when `option == null`, return the theme-aware\n *   structural option (tooltip / legend / color palette / series\n *   template, optionally merged with a consumer-supplied `optionsOverride`).\n *   No data is read. `<Widget.Echart>` calls the factory with\n *   `(undefined, undefined)` synchronously during render to derive the\n *   structural base; `configTransforms` (Stack/Zoom/Brush) then mutate it\n *   in the same render pass.\n * - **Merge phase** — when `option` is defined, fuse `data` into the\n *   post-configTransforms option at fusion time. `<Widget.Echart>` calls\n *   the factory with `(transformed, data, ctx)` on every render.\n *\n * The two phases share a closure (the factory creator captures `theme`,\n * `formatter`, `labelFormatter`, `seriesNames`, `selection`, `optionsOverride`,\n * …), so structural and merge agree on the same widget configuration.\n *\n * The third arg `ctx` carries the **live** store-side formatters at the\n * call site — distinct from the closure-time formatters because actions\n * like RelativeData can install a percent formatter on the store after\n * the factory was constructed. The merge phase reads from `ctx`; the\n * structural phase typically uses the closure-time values.\n */\nexport type OptionFactory = (\n  option: echarts.EChartsOption | undefined,\n  data: unknown,\n  ctx?: OptionFactoryContext,\n) => echarts.EChartsOption\n\nexport interface EchartProps {\n  /**\n   * The per-widget {@link OptionFactory}. Required — `<Widget.Echart>`\n   * derives the structural option from it (so configTransforms have a base\n   * to mutate) and fuses `state.data` into the post-pipeline option at\n   * render time. Wrap the factory creator in `useMemo` so its identity is\n   * stable across renders.\n   */\n  optionFactory: OptionFactory\n  onEvents?: Record<string, EchartsEventHandler>\n  init?: echarts.EChartsInitOpts\n  className?: string\n}\n\ninterface EchartSlice {\n  data: unknown\n  configTransforms: readonly Transform[]\n  formatter?: (value: number) => string\n  labelFormatter?: (value: string | number) => string | number\n}\n\nconst echartSelector = (s: {\n  data: unknown\n  configTransforms: readonly Transform[]\n  formatter?: (value: number) => string\n  labelFormatter?: (value: string | number) => string | number\n}): EchartSlice => ({\n  data: s.data,\n  configTransforms: s.configTransforms,\n  formatter: s.formatter,\n  labelFormatter: s.labelFormatter,\n})\n\n/**\n * Stateful Echart bridge — owns the entire ECharts coupling. The whole\n * option pipeline lives here, not in the store:\n *\n * 1. **Structural** — `optionFactory(undefined, undefined)` produces the\n *    theme-aware base. Memoized on the factory identity, so the consumer's\n *    `useMemo` ID gates the rebuild.\n * 2. **Transformed** — `applyTransforms(structural, configTransforms)`\n *    applies any registered configTransforms (Stack/Zoom/Brush) over the\n *    structural base. Memoized on `[structural, configTransforms]`.\n * 3. **`replaceMerge`** — derived from the enabled configTransforms'\n *    `replaceMergeKeys`, deduped and sorted, seeded with\n *    {@link DEFAULT_REPLACE_MERGE}. Memoized on `[configTransforms]` so\n *    ECharts sees a stable array reference across non-transform changes.\n * 4. **Merge** — `optionFactory(transformed, data, ctx)` fuses post-\n *    pipeline data into the option. Reactive `ctx` carries the live store\n *    formatters so RelativeData's percent formatter flows through without\n *    a structural rebuild.\n *\n * The `<Widget.Provider>` doesn't know about the factory at all: it stays\n * a renderer-agnostic shell. The `ProviderProps` surface has no ECharts\n * coupling, so non-Echart widgets don't transitively import the type.\n */\nexport function Echart({\n  optionFactory,\n  onEvents,\n  init,\n  className,\n}: EchartProps) {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, echartSelector)\n\n  // Publish the live ECharts instance to the per-id registry so actions\n  // (e.g. `ZoomToggle`'s disable handler) can reach it imperatively. The\n  // callback identity is stable across renders (only `id` is in deps), so\n  // EchartUI's init effect doesn't see a fresh `onInstance` and re-init.\n  const onInstance = useCallback(\n    (chart: echarts.ECharts | null) => setEchartInstance(id, chart),\n    [id],\n  )\n\n  // Destructure so React Compiler sees specific deps instead of inferring\n  // the whole `slice` object. `useWidgetShallow` already shallow-compares\n  // the slice, so per-field deps drive each memo exactly when its inputs\n  // change.\n  const {\n    data: sliceData,\n    configTransforms,\n    formatter: sliceFormatter,\n    labelFormatter: sliceLabelFormatter,\n  } = slice\n\n  const structural = useMemo(\n    () => optionFactory(undefined, undefined),\n    [optionFactory],\n  )\n\n  const transformed = useMemo(\n    () =>\n      applyTransforms(structural, configTransforms) as echarts.EChartsOption,\n    [structural, configTransforms],\n  )\n\n  const replaceMerge = useMemo(() => {\n    const keys = new Set<string>(DEFAULT_REPLACE_MERGE)\n    for (const xf of configTransforms) {\n      if (xf.enabled && xf.replaceMergeKeys?.length) {\n        for (const k of xf.replaceMergeKeys) keys.add(k)\n      }\n    }\n    return Array.from(keys).sort()\n  }, [configTransforms])\n\n  const option = useMemo(\n    () =>\n      optionFactory(transformed, sliceData, {\n        formatter: sliceFormatter,\n        labelFormatter: sliceLabelFormatter,\n      }),\n    [\n      optionFactory,\n      transformed,\n      sliceData,\n      sliceFormatter,\n      sliceLabelFormatter,\n    ],\n  )\n\n  return (\n    <EchartUI\n      option={option}\n      replaceMerge={replaceMerge}\n      onEvents={onEvents}\n      init={init}\n      onInstance={onInstance}\n      className={className}\n    />\n  )\n}\n"],"names":["callbacks","Map","observer","getObserver","ResizeObserver","entries","entry","callback","get","target","NOOP_CLEANUP","observeResize","element","ro","set","observe","delete","unobserve","size","disconnect","__resetSharedResizeObserver","clear","styles","root","width","minHeight","DEFAULT_INIT_OPTS","renderer","height","EchartUI","t0","$","_c","option","replaceMerge","onEvents","init","onInstance","className","sx","containerRef","useRef","chartRef","seriesFingerprintRef","datasetFingerprintRef","t1","chart","notifyInstance","useEffectEvent","t2","current","chart_0","echarts","dispose","t3","useEffect","t4","t5","seriesFp","computeSeriesFingerprint","datasetFp","computeDatasetFingerprint","augmented","Set","add","setOption","notMerge","lazyUpdate","Array","from","undefined","t6","t7","Symbol","for","node","resize","t8","t9","chart_1","event","handler","Object","on","event_0","handler_0","off","t10","t11","Box","series","isArray","map","s","String","o","type","datasetIndex","name","stack","JSON","stringify","encode","join","dataset","length","DEFAULT_REPLACE_MERGE","echartSelector","data","configTransforms","formatter","labelFormatter","Echart","optionFactory","id","useWidgetId","slice","useWidgetShallow","setEchartInstance","sliceData","sliceFormatter","sliceLabelFormatter","structural","applyTransforms","transformed","keys","xf","enabled","replaceMergeKeys","k","sort"],"mappings":"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"}

package/dist/exports-Cr43OCul.js.map

@@ -1 +1 @@
-{"version":3,"file":"exports-Cr43OCul.js","sources":["../src/widgets/actions/download/exports.tsx"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DownloadItem } from './types'\nimport html2canvas from 'html2canvas'\nimport { ImageOutlined } from '@mui/icons-material'\nimport { SvgIcon } from '@mui/material'\n\n// Helper to escape CSV cell values\nfunction escapeCSVCell<D>(value: D): string {\n  const str =\n    value == null\n      ? ''\n      : typeof value === 'object'\n        ? JSON.stringify(value)\n        : String(value)\n\n  // If the value contains a comma, quote, or newline, wrap in quotes and escape quotes\n  if (/[\",\\n]/.test(str)) {\n    return `\"${str.replace(/\"/g, '\"\"')}\"`\n  }\n  return str\n}\n\nasync function downloadFileToCSV<D>(data: D[][]) {\n  const csvContent = data\n    .map((row) => row.map(escapeCSVCell<D>).join(','))\n    .join('\\n')\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })\n  return Promise.resolve(URL.createObjectURL(blob))\n}\n\nexport const downloadToCSV: DownloadItem<unknown[][]> = {\n  id: 'csv',\n  label: 'CSV',\n  icon: (\n    <SvgIcon>\n      <svg\n        xmlns='http://www.w3.org/2000/svg'\n        width='18'\n        height='18'\n        fill='none'\n        viewBox='0 0 18 18'\n      >\n        <path\n          fill='currentColor'\n          d='M4.313 11.25h2.25v-1.125H4.688v-2.25h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v3c0 .213.072.39.216.534a.726.726 0 0 0 .534.216Zm2.925 0h2.25c.212 0 .39-.072.534-.216a.726.726 0 0 0 .216-.534V9.375a.931.931 0 0 0-.216-.59.658.658 0 0 0-.534-.273H8.363v-.637h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v1.125c0 .213.072.403.216.572a.675.675 0 0 0 .534.253h1.126v.675H7.238v1.125Zm4.95 0h1.124l1.313-4.5H13.5l-.75 2.588L12 6.75h-1.125l1.313 4.5ZM3 15c-.413 0-.766-.147-1.06-.44a1.445 1.445 0 0 1-.44-1.06v-9c0-.412.147-.766.44-1.06C2.235 3.148 2.588 3 3 3h12c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3Zm0-1.5h12v-9H3v9Z'\n        />\n      </svg>\n    </SvgIcon>\n  ),\n  modifier: downloadFileToCSV,\n  callback: (data) => {\n    URL.revokeObjectURL(data)\n  },\n}\n\nasync function downloadFileToPNG(ref: Ref<HTMLElement | null> | undefined) {\n  if (!ref || typeof ref === 'function' || !ref.current) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[CARTO downloadFileToPNG] Invalid ref passed to downloadFileToPNG. ' +\n        'Expected a React ref object with a .current property pointing to an HTMLElement. ' +\n        'Download aborted.',\n    )\n    return\n  }\n\n  const element = ref.current\n  const clone = element.cloneNode(true) as HTMLElement\n\n  clone.querySelector('.widget-toolbar-container')?.remove()\n  clone.querySelector('.widget-wrapper-actions')?.remove()\n\n  document.body.appendChild(clone)\n\n  const rect = clone.getBoundingClientRect()\n\n  const opts = {\n    useCORS: true,\n    scale: 2,\n    backgroundColor: '#fff',\n    width: rect.width,\n    height: rect.height,\n  }\n\n  const canvasResult: HTMLCanvasElement = await html2canvas(clone, opts)\n\n  const result = canvasResult.toDataURL('image/png')\n\n  document.body.removeChild(clone)\n\n  return Promise.resolve(result)\n}\n\nexport const downloadToPNG: Omit<DownloadItem, 'modifier'> & {\n  modifier: (\n    ref: Ref<HTMLElement | null> | undefined,\n  ) => Promise<string | undefined>\n} = {\n  id: 'png',\n  label: 'PNG',\n  icon: <ImageOutlined />,\n  modifier: downloadFileToPNG,\n}\n"],"names":["escapeCSVCell","value","str","JSON","stringify","String","test","replace","downloadFileToCSV","data","csvContent","map","row","join","blob","Blob","type","Promise","resolve","URL","createObjectURL","downloadToCSV","id","label","icon","SvgIcon","jsx","modifier","callback","revokeObjectURL","downloadFileToPNG","ref","current","console","warn","clone","cloneNode","querySelector","remove","document","body","appendChild","rect","getBoundingClientRect","opts","useCORS","scale","backgroundColor","width","height","result","html2canvas","toDataURL","removeChild","downloadToPNG","ImageOutlined"],"mappings":";;;;AAOA,SAASA,EAAiBC,GAAkB;AAC1C,QAAMC,IACJD,KAAS,OACL,KACA,OAAOA,KAAU,WACfE,KAAKC,UAAUH,CAAK,IACpBI,OAAOJ,CAAK;AAGpB,SAAI,SAASK,KAAKJ,CAAG,IACZ,IAAIA,EAAIK,QAAQ,MAAM,IAAI,CAAC,MAE7BL;AACT;AAEA,eAAeM,EAAqBC,GAAa;AAC/C,QAAMC,IAAaD,EAChBE,IAAKC,CAAAA,MAAQA,EAAID,IAAIX,CAAgB,EAAEa,KAAK,GAAG,CAAC,EAChDA,KAAK;AAAA,CAAI,GACNC,IAAO,IAAIC,KAAK,CAACL,CAAU,GAAG;AAAA,IAAEM,MAAM;AAAA,EAAA,CAA2B;AACvE,SAAOC,QAAQC,QAAQC,IAAIC,gBAAgBN,CAAI,CAAC;AAClD;AAEO,MAAMO,IAA2C;AAAA,EACtDC,IAAI;AAAA,EACJC,OAAO;AAAA,EACPC,wBACGC,GAAA,EACC,UAAA,gBAAAC,EAAC,SACC,OAAM,8BACN,OAAM,MACN,QAAO,MACP,MAAK,QACL,SAAQ,aAER,UAAA,gBAAAA,EAAC,QAAA,EACC,MAAK,gBACL,GAAE,+sBAAA,CAA8sB,EAAA,CAEptB,EAAA,CACF;AAAA,EAEFC,UAAUnB;AAAAA,EACVoB,UAAWnB,CAAAA,MAAS;AAClBU,QAAIU,gBAAgBpB,CAAI;AAAA,EAC1B;AACF;AAEA,eAAeqB,EAAkBC,GAA0C;AACzE,MAAI,CAACA,KAAO,OAAOA,KAAQ,cAAc,CAACA,EAAIC,SAAS;AAErDC,YAAQC,KACN,uKAGF;AACA;AAAA,EACF;AAGA,QAAMC,IADUJ,EAAIC,QACEI,UAAU,EAAI;AAEpCD,EAAAA,EAAME,cAAc,2BAA2B,GAAGC,OAAAA,GAClDH,EAAME,cAAc,yBAAyB,GAAGC,OAAAA,GAEhDC,SAASC,KAAKC,YAAYN,CAAK;AAE/B,QAAMO,IAAOP,EAAMQ,sBAAAA,GAEbC,IAAO;AAAA,IACXC,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,iBAAiB;AAAA,IACjBC,OAAON,EAAKM;AAAAA,IACZC,QAAQP,EAAKO;AAAAA,EAAAA,GAKTC,KAFkC,MAAMC,EAAYhB,GAAOS,CAAI,GAEzCQ,UAAU,WAAW;AAEjDb,kBAASC,KAAKa,YAAYlB,CAAK,GAExBlB,QAAQC,QAAQgC,CAAM;AAC/B;AAEO,MAAMI,IAIT;AAAA,EACFhC,IAAI;AAAA,EACJC,OAAO;AAAA,EACPC,wBAAO+B,GAAA,EAAa;AAAA,EACpB5B,UAAUG;AACZ;"}
+{"version":3,"file":"exports-Cr43OCul.js","sources":["../src/widgets/actions/download/exports.tsx"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DownloadItem } from './types'\nimport html2canvas from 'html2canvas'\nimport { ImageOutlined } from '@mui/icons-material'\nimport { SvgIcon } from '@mui/material'\n\n// Helper to escape CSV cell values\nfunction escapeCSVCell<D>(value: D): string {\n  const str =\n    value == null\n      ? ''\n      : typeof value === 'object'\n        ? JSON.stringify(value)\n        : String(value)\n\n  // If the value contains a comma, quote, or newline, wrap in quotes and escape quotes\n  if (/[\",\\n]/.test(str)) {\n    return `\"${str.replace(/\"/g, '\"\"')}\"`\n  }\n  return str\n}\n\nasync function downloadFileToCSV<D>(data: D[][]) {\n  const csvContent = data\n    .map((row) => row.map(escapeCSVCell<D>).join(','))\n    .join('\\n')\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })\n  return Promise.resolve(URL.createObjectURL(blob))\n}\n\n/**\n * Pre-configured download item for exporting widget data as a CSV file.\n *\n * Converts a 2D array of data into CSV format with proper escaping and\n * triggers a browser download. Revokes the object URL after download.\n */\nexport const downloadToCSV: DownloadItem<unknown[][]> = {\n  id: 'csv',\n  label: 'CSV',\n  icon: (\n    <SvgIcon>\n      <svg\n        xmlns='http://www.w3.org/2000/svg'\n        width='18'\n        height='18'\n        fill='none'\n        viewBox='0 0 18 18'\n      >\n        <path\n          fill='currentColor'\n          d='M4.313 11.25h2.25v-1.125H4.688v-2.25h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v3c0 .213.072.39.216.534a.726.726 0 0 0 .534.216Zm2.925 0h2.25c.212 0 .39-.072.534-.216a.726.726 0 0 0 .216-.534V9.375a.931.931 0 0 0-.216-.59.658.658 0 0 0-.534-.273H8.363v-.637h1.875V6.75h-2.25a.726.726 0 0 0-.535.216.726.726 0 0 0-.216.534v1.125c0 .213.072.403.216.572a.675.675 0 0 0 .534.253h1.126v.675H7.238v1.125Zm4.95 0h1.124l1.313-4.5H13.5l-.75 2.588L12 6.75h-1.125l1.313 4.5ZM3 15c-.413 0-.766-.147-1.06-.44a1.445 1.445 0 0 1-.44-1.06v-9c0-.412.147-.766.44-1.06C2.235 3.148 2.588 3 3 3h12c.412 0 .766.147 1.06.44.293.294.44.648.44 1.06v9c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3Zm0-1.5h12v-9H3v9Z'\n        />\n      </svg>\n    </SvgIcon>\n  ),\n  modifier: downloadFileToCSV,\n  callback: (data) => {\n    URL.revokeObjectURL(data)\n  },\n}\n\nasync function downloadFileToPNG(ref: Ref<HTMLElement | null> | undefined) {\n  if (!ref || typeof ref === 'function' || !ref.current) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[CARTO downloadFileToPNG] Invalid ref passed to downloadFileToPNG. ' +\n        'Expected a React ref object with a .current property pointing to an HTMLElement. ' +\n        'Download aborted.',\n    )\n    return\n  }\n\n  const element = ref.current\n  const clone = element.cloneNode(true) as HTMLElement\n\n  clone.querySelector('.widget-toolbar-container')?.remove()\n  clone.querySelector('.widget-wrapper-actions')?.remove()\n\n  document.body.appendChild(clone)\n\n  const rect = clone.getBoundingClientRect()\n\n  const opts = {\n    useCORS: true,\n    scale: 2,\n    backgroundColor: '#fff',\n    width: rect.width,\n    height: rect.height,\n  }\n\n  const canvasResult: HTMLCanvasElement = await html2canvas(clone, opts)\n\n  const result = canvasResult.toDataURL('image/png')\n\n  document.body.removeChild(clone)\n\n  return Promise.resolve(result)\n}\n\n/**\n * Pre-configured download item for exporting a widget as a PNG image.\n *\n * Uses html2canvas to capture the widget DOM element referenced by a React ref.\n * Strips toolbar and action elements before capturing.\n *\n * @remarks\n * The modifier expects a React ref to the widget's root HTML element, not raw data.\n */\nexport const downloadToPNG: Omit<DownloadItem, 'modifier'> & {\n  modifier: (\n    ref: Ref<HTMLElement | null> | undefined,\n  ) => Promise<string | undefined>\n} = {\n  id: 'png',\n  label: 'PNG',\n  icon: <ImageOutlined />,\n  modifier: downloadFileToPNG,\n}\n"],"names":["escapeCSVCell","value","str","JSON","stringify","String","test","replace","downloadFileToCSV","data","csvContent","map","row","join","blob","Blob","type","Promise","resolve","URL","createObjectURL","downloadToCSV","id","label","icon","SvgIcon","jsx","modifier","callback","revokeObjectURL","downloadFileToPNG","ref","current","console","warn","clone","cloneNode","querySelector","remove","document","body","appendChild","rect","getBoundingClientRect","opts","useCORS","scale","backgroundColor","width","height","result","html2canvas","toDataURL","removeChild","downloadToPNG","ImageOutlined"],"mappings":";;;;AAOA,SAASA,EAAiBC,GAAkB;AAC1C,QAAMC,IACJD,KAAS,OACL,KACA,OAAOA,KAAU,WACfE,KAAKC,UAAUH,CAAK,IACpBI,OAAOJ,CAAK;AAGpB,SAAI,SAASK,KAAKJ,CAAG,IACZ,IAAIA,EAAIK,QAAQ,MAAM,IAAI,CAAC,MAE7BL;AACT;AAEA,eAAeM,EAAqBC,GAAa;AAC/C,QAAMC,IAAaD,EAChBE,IAAKC,CAAAA,MAAQA,EAAID,IAAIX,CAAgB,EAAEa,KAAK,GAAG,CAAC,EAChDA,KAAK;AAAA,CAAI,GACNC,IAAO,IAAIC,KAAK,CAACL,CAAU,GAAG;AAAA,IAAEM,MAAM;AAAA,EAAA,CAA2B;AACvE,SAAOC,QAAQC,QAAQC,IAAIC,gBAAgBN,CAAI,CAAC;AAClD;AAQO,MAAMO,IAA2C;AAAA,EACtDC,IAAI;AAAA,EACJC,OAAO;AAAA,EACPC,wBACGC,GAAA,EACC,UAAA,gBAAAC,EAAC,SACC,OAAM,8BACN,OAAM,MACN,QAAO,MACP,MAAK,QACL,SAAQ,aAER,UAAA,gBAAAA,EAAC,QAAA,EACC,MAAK,gBACL,GAAE,+sBAAA,CAA8sB,EAAA,CAEptB,EAAA,CACF;AAAA,EAEFC,UAAUnB;AAAAA,EACVoB,UAAWnB,CAAAA,MAAS;AAClBU,QAAIU,gBAAgBpB,CAAI;AAAA,EAC1B;AACF;AAEA,eAAeqB,EAAkBC,GAA0C;AACzE,MAAI,CAACA,KAAO,OAAOA,KAAQ,cAAc,CAACA,EAAIC,SAAS;AAErDC,YAAQC,KACN,uKAGF;AACA;AAAA,EACF;AAGA,QAAMC,IADUJ,EAAIC,QACEI,UAAU,EAAI;AAEpCD,EAAAA,EAAME,cAAc,2BAA2B,GAAGC,OAAAA,GAClDH,EAAME,cAAc,yBAAyB,GAAGC,OAAAA,GAEhDC,SAASC,KAAKC,YAAYN,CAAK;AAE/B,QAAMO,IAAOP,EAAMQ,sBAAAA,GAEbC,IAAO;AAAA,IACXC,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,iBAAiB;AAAA,IACjBC,OAAON,EAAKM;AAAAA,IACZC,QAAQP,EAAKO;AAAAA,EAAAA,GAKTC,KAFkC,MAAMC,EAAYhB,GAAOS,CAAI,GAEzCQ,UAAU,WAAW;AAEjDb,kBAASC,KAAKa,YAAYlB,CAAK,GAExBlB,QAAQC,QAAQgC,CAAM;AAC/B;AAWO,MAAMI,IAIT;AAAA,EACFhC,IAAI;AAAA,EACJC,OAAO;AAAA,EACPC,wBAAO+B,GAAA,EAAa;AAAA,EACpB5B,UAAUG;AACZ;"}

package/dist/exports-Cx-f6m6U.js

@@ -0,0 +1,63 @@
+import u from "html2canvas";
+const l = /^[=+\-@\t\r]/;
+function f(t) {
+  const o = (n) => {
+    if (n == null) return "";
+    let e = typeof n == "string" ? n : typeof n == "number" || typeof n == "boolean" ? String(n) : JSON.stringify(n);
+    return l.test(e) && (e = `'${e}`), /[",\n\r]/.test(e) ? `"${e.replace(/"/g, '""')}"` : e;
+  };
+  return t.map((n) => n.map(o).join(",")).join(`
+`);
+}
+function L(t) {
+  const o = f(t), n = new Blob([o], {
+    type: "text/csv;charset=utf-8;"
+  }), e = URL.createObjectURL(n);
+  return {
+    url: e,
+    revoke: () => URL.revokeObjectURL(e)
+  };
+}
+const d = /[\\/\x00-\x1f\x7f]/g, p = 200;
+function g(t) {
+  return (t ?? "").replace(d, "_").slice(0, p) || "download";
+}
+function R(t) {
+  const {
+    url: o,
+    filename: n
+  } = t, e = document.createElement("a");
+  e.href = o, e.download = g(n), e.style.display = "none", document.body.appendChild(e), e.click(), e.remove();
+}
+async function b(t) {
+  const {
+    element: o,
+    pixelRatio: n = 2,
+    backgroundColor: e = null
+  } = t, s = await u(o, {
+    scale: n,
+    backgroundColor: e,
+    useCORS: !0,
+    logging: !1
+  });
+  return new Promise((c, i) => {
+    s.toBlob((r) => {
+      if (!r) {
+        i(new Error("[widgets-v2] toBlob() returned null"));
+        return;
+      }
+      const a = URL.createObjectURL(r);
+      c({
+        url: a,
+        revoke: () => URL.revokeObjectURL(a)
+      });
+    }, "image/png");
+  });
+}
+export {
+  L as a,
+  R as b,
+  b as d,
+  f as t
+};
+//# sourceMappingURL=exports-Cx-f6m6U.js.map

package/dist/exports-Cx-f6m6U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports-Cx-f6m6U.js","sources":["../src/widgets-v2/actions/download/exports.ts"],"sourcesContent":["/**\n * Pure download helpers — no React, no DOM lifecycle outside the link click.\n * Component layer in {@link ./download.tsx} orchestrates these.\n */\n\nimport html2canvas from 'html2canvas'\n\nexport interface DownloadHandle {\n  url: string\n  revoke: () => void\n}\n\n// Leading characters that Excel / Sheets / Numbers interpret as a formula\n// when the CSV is opened. Prefixing the cell with a single quote forces the\n// spreadsheet app to render it as plain text. Tab and CR are included\n// because some tooling strips leading whitespace before formula evaluation.\nconst CSV_FORMULA_PREFIX = /^[=+\\-@\\t\\r]/\n\nexport function toCsvString(rows: readonly (readonly unknown[])[]): string {\n  const escape = (cell: unknown): string => {\n    if (cell == null) return ''\n    let value =\n      typeof cell === 'string'\n        ? cell\n        : typeof cell === 'number' || typeof cell === 'boolean'\n          ? String(cell)\n          : JSON.stringify(cell)\n    if (CSV_FORMULA_PREFIX.test(value)) value = `'${value}`\n    if (/[\",\\n\\r]/.test(value)) return `\"${value.replace(/\"/g, '\"\"')}\"`\n    return value\n  }\n  return rows.map((row) => row.map(escape).join(',')).join('\\n')\n}\n\nexport function downloadToCSV(\n  rows: readonly (readonly unknown[])[],\n): DownloadHandle {\n  const csv = toCsvString(rows)\n  const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })\n  const url = URL.createObjectURL(blob)\n  return { url, revoke: () => URL.revokeObjectURL(url) }\n}\n\n// Path separators, NUL, and ASCII control chars. Filenames containing these\n// can confuse the browser download stack and historically enabled\n// Content-Disposition-style trickery.\n// eslint-disable-next-line no-control-regex\nconst UNSAFE_FILENAME_CHARS = /[\\\\/\\x00-\\x1f\\x7f]/g\nconst MAX_FILENAME_LENGTH = 200\n\nexport function sanitizeFilename(name: string): string {\n  return (\n    (name ?? '')\n      .replace(UNSAFE_FILENAME_CHARS, '_')\n      .slice(0, MAX_FILENAME_LENGTH) || 'download'\n  )\n}\n\n/**\n * Triggers a browser download for the given URL by synthesizing an anchor,\n * clicking it, and removing it. Pure DOM — no React. The filename is run\n * through {@link sanitizeFilename} before being assigned to `a.download`.\n */\nexport function triggerLinkDownload(args: {\n  url: string\n  filename: string\n}): void {\n  const { url, filename } = args\n  const a = document.createElement('a')\n  a.href = url\n  a.download = sanitizeFilename(filename)\n  a.style.display = 'none'\n  document.body.appendChild(a)\n  a.click()\n  a.remove()\n}\n\nexport interface DownloadDOMToPNGOptions {\n  element: HTMLElement\n  /** html2canvas `scale`. Default 2 — crisp on hi-DPI displays. */\n  pixelRatio?: number\n  /**\n   * html2canvas `backgroundColor`. Default `null` (transparent) so the PNG\n   * inherits whatever surface it lands on when the user pastes it.\n   */\n  backgroundColor?: string | null\n}\n\n/**\n * Rasterise an HTMLElement to PNG via `html2canvas` and wrap the result in\n * a `DownloadHandle`. The caller is responsible for calling `handle.revoke`\n * after the link click is dispatched. Used by per-widget download configs\n * to power the PNG menu item.\n */\nexport async function downloadDOMToPNG(\n  opts: DownloadDOMToPNGOptions,\n): Promise<DownloadHandle> {\n  const { element, pixelRatio = 2, backgroundColor = null } = opts\n  const canvas = await html2canvas(element, {\n    scale: pixelRatio,\n    backgroundColor,\n    useCORS: true,\n    logging: false,\n  })\n  return new Promise<DownloadHandle>((resolve, reject) => {\n    canvas.toBlob((blob) => {\n      if (!blob) {\n        reject(new Error('[widgets-v2] toBlob() returned null'))\n        return\n      }\n      const url = URL.createObjectURL(blob)\n      resolve({ url, revoke: () => URL.revokeObjectURL(url) })\n    }, 'image/png')\n  })\n}\n"],"names":["CSV_FORMULA_PREFIX","toCsvString","rows","escape","cell","value","String","JSON","stringify","test","replace","map","row","join","downloadToCSV","csv","blob","Blob","type","url","URL","createObjectURL","revoke","revokeObjectURL","UNSAFE_FILENAME_CHARS","MAX_FILENAME_LENGTH","sanitizeFilename","name","slice","triggerLinkDownload","args","filename","a","document","createElement","href","download","style","display","body","appendChild","click","remove","downloadDOMToPNG","opts","element","pixelRatio","backgroundColor","canvas","html2canvas","scale","useCORS","logging","Promise","resolve","reject","toBlob","Error"],"mappings":";AAgBA,MAAMA,IAAqB;AAEpB,SAASC,EAAYC,GAA+C;AACzE,QAAMC,IAASA,CAACC,MAA0B;AACxC,QAAIA,KAAQ,KAAM,QAAO;AACzB,QAAIC,IACF,OAAOD,KAAS,WACZA,IACA,OAAOA,KAAS,YAAY,OAAOA,KAAS,YAC1CE,OAAOF,CAAI,IACXG,KAAKC,UAAUJ,CAAI;AAE3B,WADIJ,EAAmBS,KAAKJ,CAAK,MAAGA,IAAQ,IAAIA,CAAK,KACjD,WAAWI,KAAKJ,CAAK,IAAU,IAAIA,EAAMK,QAAQ,MAAM,IAAI,CAAC,MACzDL;AAAAA,EACT;AACA,SAAOH,EAAKS,IAAKC,CAAAA,MAAQA,EAAID,IAAIR,CAAM,EAAEU,KAAK,GAAG,CAAC,EAAEA,KAAK;AAAA,CAAI;AAC/D;AAEO,SAASC,EACdZ,GACgB;AAChB,QAAMa,IAAMd,EAAYC,CAAI,GACtBc,IAAO,IAAIC,KAAK,CAACF,CAAG,GAAG;AAAA,IAAEG,MAAM;AAAA,EAAA,CAA2B,GAC1DC,IAAMC,IAAIC,gBAAgBL,CAAI;AACpC,SAAO;AAAA,IAAEG,KAAAA;AAAAA,IAAKG,QAAQA,MAAMF,IAAIG,gBAAgBJ,CAAG;AAAA,EAAA;AACrD;AAMA,MAAMK,IAAwB,uBACxBC,IAAsB;AAErB,SAASC,EAAiBC,GAAsB;AACrD,UACGA,KAAQ,IACNjB,QAAQc,GAAuB,GAAG,EAClCI,MAAM,GAAGH,CAAmB,KAAK;AAExC;AAOO,SAASI,EAAoBC,GAG3B;AACP,QAAM;AAAA,IAAEX,KAAAA;AAAAA,IAAKY,UAAAA;AAAAA,EAAAA,IAAaD,GACpBE,IAAIC,SAASC,cAAc,GAAG;AACpCF,EAAAA,EAAEG,OAAOhB,GACTa,EAAEI,WAAWV,EAAiBK,CAAQ,GACtCC,EAAEK,MAAMC,UAAU,QAClBL,SAASM,KAAKC,YAAYR,CAAC,GAC3BA,EAAES,MAAAA,GACFT,EAAEU,OAAAA;AACJ;AAmBA,eAAsBC,EACpBC,GACyB;AACzB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,YAAAA,IAAa;AAAA,IAAGC,iBAAAA,IAAkB;AAAA,EAAA,IAASH,GACtDI,IAAS,MAAMC,EAAYJ,GAAS;AAAA,IACxCK,OAAOJ;AAAAA,IACPC,iBAAAA;AAAAA,IACAI,SAAS;AAAA,IACTC,SAAS;AAAA,EAAA,CACV;AACD,SAAO,IAAIC,QAAwB,CAACC,GAASC,MAAW;AACtDP,IAAAA,EAAOQ,OAAQxC,CAAAA,MAAS;AACtB,UAAI,CAACA,GAAM;AACTuC,QAAAA,EAAO,IAAIE,MAAM,qCAAqC,CAAC;AACvD;AAAA,MACF;AACA,YAAMtC,IAAMC,IAAIC,gBAAgBL,CAAI;AACpCsC,MAAAA,EAAQ;AAAA,QAAEnC,KAAAA;AAAAA,QAAKG,QAAQA,MAAMF,IAAIG,gBAAgBJ,CAAG;AAAA,MAAA,CAAG;AAAA,IACzD,GAAG,WAAW;AAAA,EAChB,CAAC;AACH;"}

package/dist/formatter-B9Bxn1k7.js

@@ -0,0 +1,6 @@
+const a = (t) => String(t), e = (t) => t;
+export {
+  e as a,
+  a as d
+};
+//# sourceMappingURL=formatter-B9Bxn1k7.js.map

package/dist/formatter-B9Bxn1k7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatter-B9Bxn1k7.js","sources":["../src/widgets/utils/formatter.ts"],"sourcesContent":["export const defaultFormatter = (value: number) => String(value)\nexport const defaultLabelFormatter = (value: string | number) => value\n"],"names":["defaultFormatter","value","String","defaultLabelFormatter"],"mappings":"AAAO,MAAMA,IAAmBA,CAACC,MAAkBC,OAAOD,CAAK,GAClDE,IAAwBA,CAACF,MAA2BA;"}

package/dist/formula-DuC0NQLH.js

@@ -0,0 +1,79 @@
+import { jsx as a, jsxs as v } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import { u as y } from "./widget-context-DTGO0Yta.js";
+import { u as S } from "./widget-store-registry-_W4Z4xp-.js";
+import "react";
+import "zustand";
+import { Chip as b, Box as u } from "@mui/material";
+import { s as d, S as g, P as $, V as F, a as P, N as w } from "./style-DVnT6HC1.js";
+const D = new Intl.NumberFormat(void 0, {
+  style: "percent",
+  signDisplay: "always",
+  maximumFractionDigits: 1
+}), _ = {
+  positive: "success",
+  negative: "error",
+  neutral: "default"
+};
+function I(t) {
+  const e = h(9), {
+    value: l,
+    label: o,
+    severity: f,
+    format: s,
+    ChipProps: n
+  } = t, i = f ?? O(l);
+  let r;
+  e[0] !== s || e[1] !== o || e[2] !== l ? (r = o ?? (s ? s(l) : D.format(l)), e[0] = s, e[1] = o, e[2] = l, e[3] = r) : r = e[3];
+  const c = r, x = _[i];
+  let m;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    fontWeight: 600
+  }, e[4] = m) : m = e[4];
+  let p;
+  return e[5] !== n || e[6] !== x || e[7] !== c ? (p = /* @__PURE__ */ a(b, { size: "small", color: x, label: c, sx: m, ...n }), e[5] = n, e[6] = x, e[7] = c, e[8] = p) : p = e[8], p;
+}
+function O(t) {
+  return t > 0 ? "positive" : t < 0 ? "negative" : "neutral";
+}
+function T(t) {
+  const e = h(8), {
+    items: l,
+    formatter: o,
+    ref: f
+  } = t;
+  let s;
+  if (e[0] !== o || e[1] !== l) {
+    let i;
+    e[3] !== o ? (i = (r, c) => /* @__PURE__ */ v(u, { sx: d.row, children: [
+      r.series ? /* @__PURE__ */ a(g, { name: r.series.name, color: r.series.color }) : null,
+      /* @__PURE__ */ v(u, { sx: d.body, children: [
+        /* @__PURE__ */ v(u, { sx: d.valueRow, children: [
+          r.prefix ? /* @__PURE__ */ a($, { children: r.prefix }) : null,
+          /* @__PURE__ */ a(F, { color: r.color, children: o ? o(r.value) : String(r.value) }),
+          r.suffix ? /* @__PURE__ */ a(P, { children: r.suffix }) : null
+        ] }),
+        r.note ? /* @__PURE__ */ a(w, { children: r.note }) : null
+      ] }),
+      r.delta ? /* @__PURE__ */ a(u, { sx: d.delta, children: /* @__PURE__ */ a(I, { value: r.delta.value, label: r.delta.label, severity: r.delta.severity }) }) : null
+    ] }, `formula-${r.series?.name ?? `${r.prefix ?? ""}${r.value}${r.suffix ?? ""}`}-${c}`), e[3] = o, e[4] = i) : i = e[4], s = l.map(i), e[0] = o, e[1] = l, e[2] = s;
+  } else
+    s = e[2];
+  let n;
+  return e[5] !== f || e[6] !== s ? (n = /* @__PURE__ */ a(u, { ref: f, sx: d.root, children: s }), e[5] = f, e[6] = s, e[7] = n) : n = e[7], n;
+}
+const j = Object.freeze([]), C = (t) => ({
+  data: t.data ?? j,
+  formatter: t.formatter
+});
+function B() {
+  const t = h(3), e = y(), l = S(e, C);
+  let o;
+  return t[0] !== l.data || t[1] !== l.formatter ? (o = /* @__PURE__ */ a(T, { items: l.data, formatter: l.formatter }), t[0] = l.data, t[1] = l.formatter, t[2] = o) : o = t[2], o;
+}
+export {
+  I as D,
+  B as F,
+  T as a
+};
+//# sourceMappingURL=formula-DuC0NQLH.js.map

package/dist/formula-DuC0NQLH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-DuC0NQLH.js","sources":["../src/widgets-v2/formula/delta.tsx","../src/widgets-v2/formula/formula-ui.tsx","../src/widgets-v2/formula/formula.tsx"],"sourcesContent":["import { Chip, type ChipProps } from '@mui/material'\nimport type { DeltaSeverity } from './types'\n\nexport interface DeltaProps {\n  /** Numeric magnitude. Used for the default percent label and severity inference. */\n  value: number\n  /** Pre-formatted label override; skips the default percent formatter. */\n  label?: string\n  /**\n   * Visual treatment. When omitted it's derived from the sign of `value`:\n   * `>0 → 'positive'`, `<0 → 'negative'`, `=0 → 'neutral'`.\n   */\n  severity?: DeltaSeverity\n  /** Override the default `Intl.NumberFormat({style:'percent'})` formatter. */\n  format?: (value: number) => string\n  ChipProps?: ChipProps\n}\n\nconst defaultPercentFormatter = new Intl.NumberFormat(undefined, {\n  style: 'percent',\n  signDisplay: 'always',\n  maximumFractionDigits: 1,\n})\n\nconst SEVERITY_TO_COLOR: Record<DeltaSeverity, ChipProps['color']> = {\n  positive: 'success',\n  negative: 'error',\n  neutral: 'default',\n}\n\n/**\n * Comparative delta rendered as a small filled chip. Colour is driven by\n * `severity` (or the sign of `value`); content is `label`, the result of\n * `format(value)`, or the default percent format.\n */\nexport function Delta({\n  value,\n  label,\n  severity,\n  format,\n  ChipProps: chipProps,\n}: DeltaProps) {\n  const resolvedSeverity = severity ?? inferSeverity(value)\n  const text =\n    label ?? (format ? format(value) : defaultPercentFormatter.format(value))\n  return (\n    <Chip\n      size='small'\n      color={SEVERITY_TO_COLOR[resolvedSeverity]}\n      label={text}\n      sx={{ fontWeight: 600 }}\n      {...chipProps}\n    />\n  )\n}\n\nfunction inferSeverity(value: number): DeltaSeverity {\n  if (value > 0) return 'positive'\n  if (value < 0) return 'negative'\n  return 'neutral'\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport type { FormulaDataItem } from './types'\nimport { Delta } from './delta'\nimport { Note } from './note'\nimport { Prefix } from './prefix'\nimport { Series } from './series'\nimport { Suffix } from './suffix'\nimport { Value } from './value'\nimport { styles } from './style'\n\nexport interface FormulaUIProps {\n  items: readonly FormulaDataItem[]\n  /** Number formatter — applied to each item's `value`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Formula widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] value [suffix]` plus optional `Note`, and an optional `Delta`\n * chip pushed to the right edge.\n *\n * For fully custom layouts, compose {@link Series}, {@link Prefix},\n * {@link Value}, {@link Suffix}, {@link Note}, and {@link Delta} directly\n * instead of passing `items`.\n */\nexport function FormulaUI({ items, formatter, ref }: FormulaUIProps) {\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { FormulaUI } from './formula-ui'\nimport type { FormulaWidgetData } from './types'\n\ninterface FormulaSlice {\n  data: FormulaWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: FormulaWidgetData = Object.freeze([]) as FormulaWidgetData\n\nconst formulaSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): FormulaSlice => ({\n  data: (s.data ?? EMPTY_DATA) as FormulaWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Formula bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link FormulaUI}. Sits\n * inside `<Widget.Provider>`. Demonstrates that the composition shell\n * (Provider, Wrapper, State) doesn't care whether the rendered child is\n * ECharts (Bar) or a custom DOM tree (Formula).\n */\nexport function Formula() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, formulaSelector)\n  return <FormulaUI items={slice.data} formatter={slice.formatter} />\n}\n"],"names":["defaultPercentFormatter","Intl","NumberFormat","undefined","style","signDisplay","maximumFractionDigits","SEVERITY_TO_COLOR","positive","negative","neutral","Delta","t0","$","_c","value","label","severity","format","ChipProps","chipProps","resolvedSeverity","inferSeverity","t1","text","t2","t3","Symbol","for","fontWeight","t4","jsx","Chip","FormulaUI","items","formatter","ref","item","i","Box","styles","row","series","Series","name","color","jsxs","body","valueRow","prefix","Prefix","Value","String","suffix","Suffix","note","Note","delta","map","root","EMPTY_DATA","Object","freeze","formulaSelector","s","data","Formula","id","useWidgetId","slice","useWidgetShallow"],"mappings":"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"}