@carto/ps-react-ui 4.6.2 → 4.7.0

package/dist/widgets/echart.js

@@ -1,132 +1,120 @@
-import { jsx as j } from "react/jsx-runtime";
-import { c as W } from "react/compiler-runtime";
-import { useRef as U, useImperativeHandle as Z, useEffect as y } from "react";
-import * as $ from "echarts";
-import { u as B } from "../use-widget-ref-Ddr_SlJJ.js";
-import { u as D } from "../use-widget-selector-DFl2hW0R.js";
-import { g as T } from "../options-D9wflre6.js";
-import { g as X, a as Y, b as ee, m as te } from "../utils-BOhInag6.js";
-const z = /* @__PURE__ */ new Map();
-let I = null;
-function S() {
-  return I ??= new ResizeObserver((t) => {
-    for (const e of t)
-      z.get(e.target)?.();
-  }), I;
-}
-function H(t, e) {
-  return z.set(t, e), S().observe(t), () => {
-    z.delete(t), S().unobserve(t);
-  };
-}
-function N(t) {
-  const e = W(21), {
+import { jsx as S } from "react/jsx-runtime";
+import { c as j } from "react/compiler-runtime";
+import { useRef as W, useImperativeHandle as k, useEffect as x } from "react";
+import * as U from "echarts";
+import { u as Z } from "../use-widget-ref-Ddr_SlJJ.js";
+import { o as $ } from "../shared-resize-observer-98b1SK1e.js";
+import { u as B } from "../use-widget-selector-DFl2hW0R.js";
+import { g as Q } from "../options-CthfUJDz.js";
+import { g as V, a as X, b as Y, m as w } from "../utils-BOhInag6.js";
+function D(r) {
+  const t = j(21), {
     id: a,
-    ref: d,
+    ref: m,
     init: c,
     option: u,
     className: f,
     style: l,
-    onEvents: i
-  } = t, {
-    ref: r,
-    instance: o
-  } = B(a), n = U(null);
-  let s, m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => n.current, m = [], e[0] = s, e[1] = m) : (s = e[0], m = e[1]), Z(d, s, m);
+    onEvents: o
+  } = r, {
+    ref: e,
+    instance: i
+  } = Z(a), n = W(null);
+  let s, d;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => n.current, d = [], t[0] = s, t[1] = d) : (s = t[0], d = t[1]), k(m, s, d);
   let g, h;
-  e[2] !== o || e[3] !== r || e[4] !== c ? (g = () => {
-    if (r.current)
-      return n.current = $.init(r.current, null, {
+  t[2] !== i || t[3] !== e || t[4] !== c ? (g = () => {
+    if (e.current)
+      return n.current = U.init(e.current, null, {
         renderer: "svg",
         height: 304,
         ...c
-      }), o.current = n.current, () => {
-        n.current?.dispose(), n.current = null, o.current = null;
+      }), i.current = n.current, () => {
+        n.current?.dispose(), n.current = null, i.current = null;
       };
-  }, h = [o, r, c], e[2] = o, e[3] = r, e[4] = c, e[5] = g, e[6] = h) : (g = e[5], h = e[6]), y(g, h);
-  let v, p;
-  e[7] !== u ? (v = () => {
+  }, h = [i, e, c], t[2] = i, t[3] = e, t[4] = c, t[5] = g, t[6] = h) : (g = t[5], h = t[6]), x(g, h);
+  let p, E;
+  t[7] !== u ? (p = () => {
     n.current?.setOption(u, {
       lazyUpdate: !0,
       notMerge: !0
     });
-  }, p = [u], e[7] = u, e[8] = v, e[9] = p) : (v = e[8], p = e[9]), y(v, p);
-  let b, E;
-  e[10] !== r ? (b = () => {
-    if (r.current)
-      return H(r.current, () => {
+  }, E = [u], t[7] = u, t[8] = p, t[9] = E) : (p = t[8], E = t[9]), x(p, E);
+  let v, C;
+  t[10] !== e ? (v = () => {
+    if (e.current)
+      return $(e.current, () => {
         n.current?.resize();
       });
-  }, E = [r], e[10] = r, e[11] = b, e[12] = E) : (b = e[11], E = e[12]), y(b, E);
-  let C, O;
-  e[13] !== i ? (C = () => {
-    const k = {
-      ...i ?? {}
+  }, C = [e], t[10] = e, t[11] = v, t[12] = C) : (v = t[11], C = t[12]), x(v, C);
+  let b, O;
+  t[13] !== o ? (b = () => {
+    const _ = {
+      ...o ?? {}
     };
-    return k.click || (k.mousemove = () => {
+    return _.click || (_.mousemove = () => {
       n.current?.getZr().setCursorStyle("default");
-    }), Object.entries(k).forEach((_) => {
-      const [x, M] = _;
-      n.current?.on(x, M);
+    }), Object.entries(_).forEach((y) => {
+      const [I, z] = y;
+      n.current?.on(I, z);
     }), () => {
-      Object.entries(k).forEach((_) => {
-        const [x] = _;
-        n.current?.off(x);
+      Object.entries(_).forEach((y) => {
+        const [I] = y;
+        n.current?.off(I);
       });
     };
-  }, O = [i], e[13] = i, e[14] = C, e[15] = O) : (C = e[14], O = e[15]), y(C, O);
+  }, O = [o], t[13] = o, t[14] = b, t[15] = O) : (b = t[14], O = t[15]), x(b, O);
   let R;
-  return e[16] !== r || e[17] !== f || e[18] !== a || e[19] !== l ? (R = /* @__PURE__ */ j("div", { id: a, ref: r, style: l, className: f }), e[16] = r, e[17] = f, e[18] = a, e[19] = l, e[20] = R) : R = e[20], R;
+  return t[16] !== e || t[17] !== f || t[18] !== a || t[19] !== l ? (R = /* @__PURE__ */ S("div", { id: a, ref: e, style: l, className: f }), t[16] = e, t[17] = f, t[18] = a, t[19] = l, t[20] = R) : R = t[20], R;
 }
-function L(t) {
-  const e = W(12), {
+function K(r) {
+  const t = j(12), {
     id: a,
-    data: d,
+    data: m,
     widgetOption: c,
     onEvents: u,
     init: f
-  } = D(t.id, q);
+  } = B(r.id, H);
   let l;
-  e[0] !== d ? (l = w(d), e[0] = d, e[1] = l) : l = e[1];
-  const i = l;
-  let r;
-  e[2] !== i ? (r = i && {
-    dataset: i
-  }, e[2] = i, e[3] = r) : r = e[3];
-  let o;
-  e[4] !== r || e[5] !== c ? (o = {
+  t[0] !== m ? (l = M(m), t[0] = m, t[1] = l) : l = t[1];
+  const o = l;
+  let e;
+  t[2] !== o ? (e = o && {
+    dataset: o
+  }, t[2] = o, t[3] = e) : e = t[3];
+  let i;
+  t[4] !== e || t[5] !== c ? (i = {
     ...c,
-    ...r
-  }, e[4] = r, e[5] = c, e[6] = o) : o = e[6];
-  const n = o;
+    ...e
+  }, t[4] = e, t[5] = c, t[6] = i) : i = t[6];
+  const n = i;
   if (!a)
     return null;
   let s;
-  return e[7] !== f || e[8] !== u || e[9] !== n || e[10] !== t.id ? (s = /* @__PURE__ */ j(N, { id: t.id, option: n, onEvents: u, init: f }), e[7] = f, e[8] = u, e[9] = n, e[10] = t.id, e[11] = s) : s = e[11], s;
+  return t[7] !== f || t[8] !== u || t[9] !== n || t[10] !== r.id ? (s = /* @__PURE__ */ S(D, { id: r.id, option: n, onEvents: u, init: f }), t[7] = f, t[8] = u, t[9] = n, t[10] = r.id, t[11] = s) : s = t[11], s;
 }
-function q(t) {
+function H(r) {
   return {
-    id: t?.id,
-    data: t?.data,
-    widgetOption: t?.option,
-    onEvents: t?.onEvents,
-    init: t?.init
+    id: r?.id,
+    data: r?.data,
+    widgetOption: r?.option,
+    onEvents: r?.onEvents,
+    init: r?.init
   };
 }
-function w(t) {
-  if (!(!t || t.length === 0))
-    return t.map((e) => ({
-      source: e
+function M(r) {
+  if (!(!r || r.length === 0))
+    return r.map((t) => ({
+      source: t
     }));
 }
 export {
-  L as Echart,
-  N as EchartUI,
-  T as getCommonOptions,
-  X as getEChartBrushConfig,
-  Y as getEChartStackConfig,
-  ee as getEChartZoomConfig,
-  te as mergeEchartWidgetConfig
+  K as Echart,
+  D as EchartUI,
+  Q as getCommonOptions,
+  V as getEChartBrushConfig,
+  X as getEChartStackConfig,
+  Y as getEChartZoomConfig,
+  w as mergeEchartWidgetConfig
 };
 //# sourceMappingURL=echart.js.map

package/dist/widgets/echart.js.map

@@ -1 +1 @@
-{"version":3,"file":"echart.js","sources":["../../src/widgets/echart/shared-resize-observer.ts","../../src/widgets/echart/echart-ui.tsx","../../src/widgets/echart/echart.tsx"],"sourcesContent":["/**\n * Shared ResizeObserver singleton for all ECharts instances.\n *\n * Instead of creating 100+ individual ResizeObserver instances (one per chart),\n * this module provides a single shared observer that efficiently handles resize\n * callbacks for all registered elements.\n */\n\ntype ResizeCallback = () => void\n\nconst callbacks = new Map<Element, ResizeCallback>()\n\nlet observer: ResizeObserver | null = null\n\nfunction getObserver(): ResizeObserver {\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\nexport function observeResize(\n  element: Element,\n  callback: ResizeCallback,\n): () => void {\n  callbacks.set(element, callback)\n  getObserver().observe(element)\n\n  return () => {\n    callbacks.delete(element)\n    getObserver().unobserve(element)\n  }\n}\n\n/** Reset the shared observer (for testing only). */\nexport function resetSharedResizeObserver(): void {\n  if (observer) {\n    observer.disconnect()\n    observer = null\n  }\n  callbacks.clear()\n}\n","import { useEffect, useRef, useImperativeHandle } from 'react'\nimport * as echarts from 'echarts'\nimport type { EchartUIProps } from './types'\nimport { useWidgetRef } from '../../hooks'\nimport { observeResize } from './shared-resize-observer'\n\n/**\n * Presentational component that initializes and manages an Apache ECharts instance.\n *\n * @remarks\n * Handles chart lifecycle (init, dispose), option updates, resize observation, and event listener management.\n * Uses SVG renderer with a default height of 304px.\n */\nexport function EchartUI(props: EchartUIProps) {\n  const { id, ref, init, option, className, style, onEvents } = props\n\n  const { ref: chartRef, instance: chartInstanceRef } =\n    useWidgetRef<HTMLDivElement>(id)\n  const chartInstance = useRef<echarts.ECharts>(null)\n\n  useImperativeHandle(ref, () => chartInstance.current!, [])\n\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    chartInstance.current = echarts.init(chartRef.current, null, {\n      renderer: 'svg',\n      height: 304,\n      ...init,\n    })\n    chartInstanceRef.current = chartInstance.current\n    // Cleanup function\n    return () => {\n      chartInstance.current?.dispose()\n      chartInstance.current = null\n      chartInstanceRef.current = null\n    }\n  }, [chartInstanceRef, chartRef, init])\n\n  // Update chart when options change\n  useEffect(() => {\n    chartInstance.current?.setOption(option, {\n      lazyUpdate: true,\n      notMerge: true,\n    })\n  }, [option])\n\n  // Handle resize using shared ResizeObserver (single instance for all charts)\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    return observeResize(chartRef.current, () => {\n      chartInstance.current?.resize()\n    })\n  }, [chartRef])\n\n  useEffect(() => {\n    const _onEvents = { ...(onEvents ?? {}) }\n    if (!_onEvents.click) {\n      _onEvents.mousemove = () => {\n        chartInstance.current?.getZr().setCursorStyle('default')\n      }\n    }\n\n    // Attach event listeners\n    Object.entries(_onEvents).forEach(([event, handler]) => {\n      chartInstance.current?.on(event, handler)\n    })\n    // Cleanup function to remove event listeners\n    return () => {\n      Object.entries(_onEvents).forEach(([event]) => {\n        chartInstance.current?.off(event)\n      })\n    }\n  }, [onEvents])\n\n  return <div id={id} ref={chartRef} style={style} className={className} />\n}\n","import type {\n  EchartProps,\n  EchartWidgetState,\n  EchartWidgetData,\n  EchartOptionsProps,\n} from './types'\nimport { EchartUI } from './echart-ui'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { useMemo } from 'react'\n\n/**\n * Stateful EChart widget component that reads data and options from the widget store and renders an ECharts chart.\n *\n * @remarks\n * Transforms widget data into ECharts dataset format and delegates rendering to {@link EchartUI}.\n */\nexport function Echart(props: EchartProps) {\n  // Single consolidated subscription instead of 5 separate ones.\n  const { id, data, widgetOption, onEvents, init } = useWidgetSelector(\n    props.id,\n    (w) => ({\n      id: w?.id,\n      data: (w as EchartWidgetState | undefined)?.data as\n        | EchartWidgetData\n        | undefined,\n      widgetOption: (w as EchartWidgetState | undefined)?.option,\n      onEvents: (w as EchartWidgetState | undefined)?.onEvents,\n      init: (w as EchartWidgetState | undefined)?.init,\n    }),\n  )\n\n  // Memoize dataset transformation to avoid re-computing on every render\n  const dataset = useMemo(() => buildDataset(data), [data])\n\n  const option = useMemo<EchartOptionsProps>(\n    () => ({\n      ...widgetOption,\n      ...(dataset && { dataset }),\n    }),\n    [widgetOption, dataset],\n  )\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <EchartUI id={props.id} option={option} onEvents={onEvents} init={init} />\n  )\n}\n\n/**\n * Builds the dataset configuration from widget data\n * @param data - The widget data array\n * @returns The dataset configuration for ECharts\n */\nfunction buildDataset(\n  data: EchartWidgetData | undefined,\n): EchartOptionsProps['dataset'] {\n  if (!data || data.length === 0) {\n    return undefined\n  }\n\n  return data.map((d) => ({\n    source: d,\n  }))\n}\n"],"names":["callbacks","Map","observer","getObserver","ResizeObserver","entries","entry","callback","get","target","observeResize","element","set","observe","delete","unobserve","EchartUI","props","$","_c","id","ref","init","option","className","style","onEvents","chartRef","instance","chartInstanceRef","useWidgetRef","chartInstance","useRef","t0","t1","Symbol","for","current","useImperativeHandle","t2","t3","echarts","renderer","height","dispose","useEffect","t4","t5","setOption","lazyUpdate","notMerge","t6","t7","resize","t8","t9","_onEvents","click","mousemove","getZr","setCursorStyle","Object","forEach","t10","event","handler","on","t11","event_0","off","Echart","data","widgetOption","useWidgetSelector","_temp","buildDataset","dataset","w","length","map","d","source"],"mappings":"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"}
+{"version":3,"file":"echart.js","sources":["../../src/widgets/echart/echart-ui.tsx","../../src/widgets/echart/echart.tsx"],"sourcesContent":["import { useEffect, useRef, useImperativeHandle } from 'react'\nimport * as echarts from 'echarts'\nimport type { EchartUIProps } from './types'\nimport { useWidgetRef } from '../../hooks'\nimport { observeResize } from './shared-resize-observer'\n\n/**\n * Presentational component that initializes and manages an Apache ECharts instance.\n *\n * @remarks\n * Handles chart lifecycle (init, dispose), option updates, resize observation, and event listener management.\n * Uses SVG renderer with a default height of 304px.\n */\nexport function EchartUI(props: EchartUIProps) {\n  const { id, ref, init, option, className, style, onEvents } = props\n\n  const { ref: chartRef, instance: chartInstanceRef } =\n    useWidgetRef<HTMLDivElement>(id)\n  const chartInstance = useRef<echarts.ECharts>(null)\n\n  useImperativeHandle(ref, () => chartInstance.current!, [])\n\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    chartInstance.current = echarts.init(chartRef.current, null, {\n      renderer: 'svg',\n      height: 304,\n      ...init,\n    })\n    chartInstanceRef.current = chartInstance.current\n    // Cleanup function\n    return () => {\n      chartInstance.current?.dispose()\n      chartInstance.current = null\n      chartInstanceRef.current = null\n    }\n  }, [chartInstanceRef, chartRef, init])\n\n  // Update chart when options change\n  useEffect(() => {\n    chartInstance.current?.setOption(option, {\n      lazyUpdate: true,\n      notMerge: true,\n    })\n  }, [option])\n\n  // Handle resize using shared ResizeObserver (single instance for all charts)\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    return observeResize(chartRef.current, () => {\n      chartInstance.current?.resize()\n    })\n  }, [chartRef])\n\n  useEffect(() => {\n    const _onEvents = { ...(onEvents ?? {}) }\n    if (!_onEvents.click) {\n      _onEvents.mousemove = () => {\n        chartInstance.current?.getZr().setCursorStyle('default')\n      }\n    }\n\n    // Attach event listeners\n    Object.entries(_onEvents).forEach(([event, handler]) => {\n      chartInstance.current?.on(event, handler)\n    })\n    // Cleanup function to remove event listeners\n    return () => {\n      Object.entries(_onEvents).forEach(([event]) => {\n        chartInstance.current?.off(event)\n      })\n    }\n  }, [onEvents])\n\n  return <div id={id} ref={chartRef} style={style} className={className} />\n}\n","import type {\n  EchartProps,\n  EchartWidgetState,\n  EchartWidgetData,\n  EchartOptionsProps,\n} from './types'\nimport { EchartUI } from './echart-ui'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { useMemo } from 'react'\n\n/**\n * Stateful EChart widget component that reads data and options from the widget store and renders an ECharts chart.\n *\n * @remarks\n * Transforms widget data into ECharts dataset format and delegates rendering to {@link EchartUI}.\n */\nexport function Echart(props: EchartProps) {\n  // Single consolidated subscription instead of 5 separate ones.\n  const { id, data, widgetOption, onEvents, init } = useWidgetSelector(\n    props.id,\n    (w) => ({\n      id: w?.id,\n      data: (w as EchartWidgetState | undefined)?.data as\n        | EchartWidgetData\n        | undefined,\n      widgetOption: (w as EchartWidgetState | undefined)?.option,\n      onEvents: (w as EchartWidgetState | undefined)?.onEvents,\n      init: (w as EchartWidgetState | undefined)?.init,\n    }),\n  )\n\n  // Memoize dataset transformation to avoid re-computing on every render\n  const dataset = useMemo(() => buildDataset(data), [data])\n\n  const option = useMemo<EchartOptionsProps>(\n    () => ({\n      ...widgetOption,\n      ...(dataset && { dataset }),\n    }),\n    [widgetOption, dataset],\n  )\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <EchartUI id={props.id} option={option} onEvents={onEvents} init={init} />\n  )\n}\n\n/**\n * Builds the dataset configuration from widget data\n * @param data - The widget data array\n * @returns The dataset configuration for ECharts\n */\nfunction buildDataset(\n  data: EchartWidgetData | undefined,\n): EchartOptionsProps['dataset'] {\n  if (!data || data.length === 0) {\n    return undefined\n  }\n\n  return data.map((d) => ({\n    source: d,\n  }))\n}\n"],"names":["EchartUI","props","$","_c","id","ref","init","option","className","style","onEvents","chartRef","instance","chartInstanceRef","useWidgetRef","chartInstance","useRef","t0","t1","Symbol","for","current","useImperativeHandle","t2","t3","echarts","renderer","height","dispose","useEffect","t4","t5","setOption","lazyUpdate","notMerge","t6","t7","observeResize","resize","t8","t9","_onEvents","click","mousemove","getZr","setCursorStyle","Object","entries","forEach","t10","event","handler","on","t11","event_0","off","Echart","data","widgetOption","useWidgetSelector","_temp","buildDataset","dataset","w","length","map","d","source"],"mappings":"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"}

package/dist/widgets/formula.js

@@ -15,107 +15,108 @@ import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
+import "react-dom";
 import { u as j } from "../use-widget-ref-Ddr_SlJJ.js";
-function z(t) {
-  const e = g(15);
+function z(e) {
+  const t = g(15);
   let r, i, o;
-  e[0] !== t ? ({
+  t[0] !== e ? ({
     id: r,
     index: o,
     ...i
-  } = t, e[0] = t, e[1] = r, e[2] = i, e[3] = o) : (r = e[1], i = e[2], o = e[3]);
+  } = e, t[0] = e, t[1] = r, t[2] = i, t[3] = o) : (r = t[1], i = t[2], o = t[3]);
   const n = o === void 0 ? 0 : o;
   let a;
-  e[4] !== n ? (a = (w) => {
+  t[4] !== n ? (a = (w) => {
     const p = w;
     return {
       value: p?.data?.[n]?.value,
       color: p?.data?.[n]?.color,
       formatter: p?.formatter ?? C
     };
-  }, e[4] = n, e[5] = a) : a = e[5];
+  }, t[4] = n, t[5] = a) : a = t[5];
   const {
     value: l,
     color: u,
     formatter: c
   } = R(r, a);
   let m;
-  e[6] !== u ? (m = {
+  t[6] !== u ? (m = {
     color: u
-  }, e[6] = u, e[7] = m) : m = e[7];
+  }, t[6] = u, t[7] = m) : m = t[7];
   const x = l ?? 0;
   let s;
-  e[8] !== c || e[9] !== x ? (s = c(x), e[8] = c, e[9] = x, e[10] = s) : s = e[10];
+  t[8] !== c || t[9] !== x ? (s = c(x), t[8] = c, t[9] = x, t[10] = s) : s = t[10];
   let d;
-  return e[11] !== i || e[12] !== m || e[13] !== s ? (d = /* @__PURE__ */ f(y, { TypographyProps: m, ...i, children: s }), e[11] = i, e[12] = m, e[13] = s, e[14] = d) : d = e[14], d;
+  return t[11] !== i || t[12] !== m || t[13] !== s ? (d = /* @__PURE__ */ f(y, { TypographyProps: m, ...i, children: s }), t[11] = i, t[12] = m, t[13] = s, t[14] = d) : d = t[14], d;
 }
-function Z({
-  refUI: t
+function tt({
+  refUI: e
 }) {
   return [{
     ...h,
-    modifier: () => h.modifier(t)
+    modifier: () => h.modifier(e)
   }, {
     ...S,
-    modifier: async (e) => {
-      const r = [e?.map((i) => i.value) ?? []];
+    modifier: async (t) => {
+      const r = [t?.map((i) => i.value) ?? []];
       return S.modifier(r);
     }
   }];
 }
-function ee() {
+function et() {
   return {
     series: []
   };
 }
-function te(t) {
-  const e = g(8), {
+function it(e) {
+  const t = g(8), {
     ref: r
-  } = j(t.id);
+  } = j(e.id);
   let i;
-  e[0] !== t.id ? (i = (a) => {
+  t[0] !== e.id ? (i = (a) => {
     const {
       index: l
     } = a;
     return /* @__PURE__ */ P(k, { children: [
-      /* @__PURE__ */ f(F, { id: t.id, index: l }),
-      /* @__PURE__ */ f(I, { id: t.id, index: l }),
-      /* @__PURE__ */ f(z, { id: t.id, index: l }),
-      /* @__PURE__ */ f(D, { id: t.id, index: l })
+      /* @__PURE__ */ f(F, { id: e.id, index: l }),
+      /* @__PURE__ */ f(I, { id: e.id, index: l }),
+      /* @__PURE__ */ f(z, { id: e.id, index: l }),
+      /* @__PURE__ */ f(D, { id: e.id, index: l })
     ] });
-  }, e[0] = t.id, e[1] = i) : i = e[1];
+  }, t[0] = e.id, t[1] = i) : i = t[1];
   let o;
-  e[2] !== t.id || e[3] !== i ? (o = /* @__PURE__ */ f(T, { id: t.id, children: i }), e[2] = t.id, e[3] = i, e[4] = o) : o = e[4];
+  t[2] !== e.id || t[3] !== i ? (o = /* @__PURE__ */ f(T, { id: e.id, children: i }), t[2] = e.id, t[3] = i, t[4] = o) : o = t[4];
   let n;
-  return e[5] !== r || e[6] !== o ? (n = /* @__PURE__ */ f(v, { ref: r, children: o }), e[5] = r, e[6] = o, e[7] = n) : n = e[7], n;
+  return t[5] !== r || t[6] !== o ? (n = /* @__PURE__ */ f(v, { ref: r, children: o }), t[5] = r, t[6] = o, t[7] = n) : n = t[7], n;
 }
-function ie() {
-  const t = g(1);
-  let e;
-  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ f(v, { sx: $.row, "aria-label": "Formula skeleton", children: /* @__PURE__ */ f(b, { width: 120, height: 32 }) }), t[0] = e) : e = t[0], e;
+function ot() {
+  const e = g(1);
+  let t;
+  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(v, { sx: $.row, "aria-label": "Formula skeleton", children: /* @__PURE__ */ f(b, { width: 120, height: 32 }) }), e[0] = t) : t = e[0], t;
 }
-function V(t) {
+function V(e) {
   return {
-    ...t,
-    prefix: typeof t.prefix == "string" ? t.prefix : void 0,
-    suffix: typeof t.suffix == "string" ? t.suffix : void 0
+    ...e,
+    prefix: typeof e.prefix == "string" ? e.prefix : void 0,
+    suffix: typeof e.suffix == "string" ? e.suffix : void 0
   };
 }
-function oe(t) {
-  return t?.map(V);
+function rt(e) {
+  return e?.map(V);
 }
 export {
-  ie as FormulaSkeleton,
-  te as FormulaUI,
+  ot as FormulaSkeleton,
+  it as FormulaUI,
   y as Item,
   I as Prefix,
   T as Row,
   F as Series,
   D as Suffix,
   z as Value,
-  ee as formulaConfig,
-  Z as formulaDownloadConfig,
+  et as formulaConfig,
+  tt as formulaDownloadConfig,
   V as sanitizeDataItem,
-  oe as sanitizeDataItems
+  rt as sanitizeDataItems
 };
 //# sourceMappingURL=formula.js.map

package/dist/widgets/formula.js.map

@@ -1 +1 @@
-{"version":3,"file":"formula.js","sources":["../../src/widgets/formula/components/value.tsx","../../src/widgets/formula/config.ts","../../src/widgets/formula/formula-ui.tsx","../../src/widgets/formula/skeleton.tsx","../../src/widgets/formula/serializer.ts"],"sourcesContent":["import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport { defaultFormatter } from '../../utils/formatter'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Displays the formatted numeric value for a formula widget data item, applying the widget's formatter and color.\n */\nexport function Value({ id, index = 0, ...props }: ValueProps) {\n  const { value, color, formatter } = useWidgetSelector(id, (w) => {\n    const widget = w as FormulaWidgetState | undefined\n    return {\n      value: widget?.data?.[index]?.value,\n      color: widget?.data?.[index]?.color,\n      formatter: widget?.formatter ?? defaultFormatter,\n    }\n  })\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(value ?? 0)}\n    </Item>\n  )\n}\n","import { downloadToCSV, downloadToPNG } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { FormulaDownloadConfig, FormulaWidgetConfig } from './types'\n\n/**\n * Creates download configuration for formula widgets, supporting PNG (screenshot) and CSV (data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function formulaDownloadConfig({\n  refUI,\n}: ConfigProps): FormulaDownloadConfig {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const formulaData = [data?.map((item) => item.value) ?? []]\n        return downloadToCSV.modifier(formulaData)\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for formula (single or multiple numeric value) widgets.\n *\n * @returns Default formula widget config with empty series.\n */\nexport function formulaConfig(): FormulaWidgetConfig {\n  return {\n    series: [],\n  }\n}\n","import type { FormulaUIProps } from './types'\nimport { Row } from './components/row'\nimport { Value } from './components/value'\nimport { Prefix } from './components/prefix'\nimport { Suffix } from './components/suffix'\nimport { Series } from './components/series'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a formula widget displaying one or more KPI values with optional prefixes, suffixes, and series indicators.\n */\nexport function FormulaUI(props: FormulaUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function FormulaSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Formula skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import type { DataItem } from './types'\n\n/**\n * Sanitizes DataItem by converting ReactNode prefix/suffix values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The DataItem to sanitize\n * @returns A new DataItem with ReactNode prefix/suffix values converted to undefined\n */\nexport function sanitizeDataItem(item: DataItem): DataItem {\n  return {\n    ...item,\n    prefix: typeof item.prefix === 'string' ? item.prefix : undefined,\n    suffix: typeof item.suffix === 'string' ? item.suffix : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of DataItems by converting ReactNode prefix/suffix values to undefined.\n *\n * @param items - Array of DataItems to sanitize\n * @returns A new array with sanitized DataItems\n */\nexport function sanitizeDataItems(\n  items: DataItem[] | undefined,\n): DataItem[] | undefined {\n  return items?.map(sanitizeDataItem)\n}\n"],"names":["Value","t0","$","_c","id","props","t1","index","undefined","t2","w","widget","value","data","color","formatter","defaultFormatter","useWidgetSelector","t3","t4","t5","t6","Item","formulaDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","formulaData","map","item","formulaConfig","series","FormulaUI","ref","useWidgetRef","jsxs","Fragment","jsx","Series","Prefix","Suffix","Row","Box","FormulaSkeleton","Symbol","for","styles","row","Skeleton","sanitizeDataItem","prefix","suffix","sanitizeDataItems","items"],"mappings":"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"}
+{"version":3,"file":"formula.js","sources":["../../src/widgets/formula/components/value.tsx","../../src/widgets/formula/config.ts","../../src/widgets/formula/formula-ui.tsx","../../src/widgets/formula/skeleton.tsx","../../src/widgets/formula/serializer.ts"],"sourcesContent":["import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport { defaultFormatter } from '../../utils/formatter'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Displays the formatted numeric value for a formula widget data item, applying the widget's formatter and color.\n */\nexport function Value({ id, index = 0, ...props }: ValueProps) {\n  const { value, color, formatter } = useWidgetSelector(id, (w) => {\n    const widget = w as FormulaWidgetState | undefined\n    return {\n      value: widget?.data?.[index]?.value,\n      color: widget?.data?.[index]?.color,\n      formatter: widget?.formatter ?? defaultFormatter,\n    }\n  })\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(value ?? 0)}\n    </Item>\n  )\n}\n","import { downloadToCSV, downloadToPNG } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { FormulaDownloadConfig, FormulaWidgetConfig } from './types'\n\n/**\n * Creates download configuration for formula widgets, supporting PNG (screenshot) and CSV (data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function formulaDownloadConfig({\n  refUI,\n}: ConfigProps): FormulaDownloadConfig {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const formulaData = [data?.map((item) => item.value) ?? []]\n        return downloadToCSV.modifier(formulaData)\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for formula (single or multiple numeric value) widgets.\n *\n * @returns Default formula widget config with empty series.\n */\nexport function formulaConfig(): FormulaWidgetConfig {\n  return {\n    series: [],\n  }\n}\n","import type { FormulaUIProps } from './types'\nimport { Row } from './components/row'\nimport { Value } from './components/value'\nimport { Prefix } from './components/prefix'\nimport { Suffix } from './components/suffix'\nimport { Series } from './components/series'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a formula widget displaying one or more KPI values with optional prefixes, suffixes, and series indicators.\n */\nexport function FormulaUI(props: FormulaUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <Value id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function FormulaSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Formula skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import type { DataItem } from './types'\n\n/**\n * Sanitizes DataItem by converting ReactNode prefix/suffix values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The DataItem to sanitize\n * @returns A new DataItem with ReactNode prefix/suffix values converted to undefined\n */\nexport function sanitizeDataItem(item: DataItem): DataItem {\n  return {\n    ...item,\n    prefix: typeof item.prefix === 'string' ? item.prefix : undefined,\n    suffix: typeof item.suffix === 'string' ? item.suffix : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of DataItems by converting ReactNode prefix/suffix values to undefined.\n *\n * @param items - Array of DataItems to sanitize\n * @returns A new array with sanitized DataItems\n */\nexport function sanitizeDataItems(\n  items: DataItem[] | undefined,\n): DataItem[] | undefined {\n  return items?.map(sanitizeDataItem)\n}\n"],"names":["Value","t0","$","_c","id","props","t1","index","undefined","t2","w","widget","value","data","color","formatter","defaultFormatter","useWidgetSelector","t3","t4","t5","t6","Item","formulaDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","formulaData","map","item","formulaConfig","series","FormulaUI","ref","useWidgetRef","jsxs","Fragment","jsx","Series","Prefix","Suffix","Row","Box","FormulaSkeleton","Symbol","for","styles","row","Skeleton","sanitizeDataItem","prefix","suffix","sanitizeDataItems","items"],"mappings":"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"}