@carto/ps-react-ui 4.6.3 → 4.7.1

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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"}

package/dist/widgets/histogram.js

@@ -1,4 +1,4 @@
-import { jsx as g, jsxs as L } from "react/jsx-runtime";
+import { jsx as m, jsxs as L } from "react/jsx-runtime";
 import { c as _ } from "react/compiler-runtime";
 import "react";
 import "echarts";
@@ -15,14 +15,15 @@ import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
-function I(e, n, t) {
+import "react-dom";
+function F(e, n, t) {
   if (!e?.length || e[0]?.length === 0) return [];
-  const o = e[0]?.length ?? 0, r = b(o, n, t), a = e.length;
-  return [a > 1 ? ["Bin", ...Array.from({
-    length: a
-  }, (c, s) => `Series ${s + 1}`)] : ["Bin", "Value"], ...r.map((c, s) => [c, ...e.map((i) => String(i[s] ?? 0))])];
+  const o = e[0]?.length ?? 0, a = b(o, n, t), r = e.length;
+  return [r > 1 ? ["Bin", ...Array.from({
+    length: r
+  }, (c, s) => `Series ${s + 1}`)] : ["Bin", "Value"], ...a.map((c, s) => [c, ...e.map((i) => String(i[s] ?? 0))])];
 }
-function oe({
+function re({
   refUI: e,
   ticks: n,
   labelFormatter: t
@@ -32,41 +33,41 @@ function oe({
     modifier: () => h.modifier(e)
   }, {
     ...d,
-    modifier: async (o) => d.modifier(I(o, n, t))
+    modifier: async (o) => d.modifier(F(o, n, t))
   }];
 }
 function b(e, n, t) {
-  const o = (r) => String(t ? t(r) : r);
+  const o = (a) => String(t ? t(a) : a);
   return Array.from({
     length: e
-  }, (r, a) => {
-    const p = n[a] ?? a, l = n[a + 1];
+  }, (a, r) => {
+    const p = n[r] ?? r, l = n[r + 1];
     return l !== void 0 && isFinite(l) ? `${o(p)}-${o(l)}` : `${o(p)}+`;
   });
 }
-function re(e) {
+function ae(e) {
   return {
     type: "histogram",
-    option: C(k(e), N(e)),
+    option: C(k(e), I(e)),
     formatter: e.formatter,
     labelFormatter: e.labelFormatter
   };
 }
-function N({
+function I({
   data: e = [],
   ticks: n,
   theme: t,
   formatter: o,
-  labelFormatter: r
+  labelFormatter: a
 }) {
-  const a = (e?.length ?? 0) > 1, p = e[0]?.length ?? 0, l = b(p, n, r);
+  const r = (e?.length ?? 0) > 1, p = e[0]?.length ?? 0, l = b(p, n, a);
   let c = 0, s = 1;
   return {
     legend: T({
-      hasLegend: a,
-      labelFormatter: r
+      hasLegend: r,
+      labelFormatter: a
     }),
-    grid: M(a, t),
+    grid: M(r, t),
     xAxis: {
       type: "category",
       data: l,
@@ -124,9 +125,9 @@ function N({
     tooltip: {
       position: A(t),
       formatter: $((i) => {
-        const m = i.value, x = typeof m == "number" && o ? o(m) : String(m ?? ""), S = typeof i.marker == "string" ? i.marker : "", w = i.seriesName ? `${i.seriesName}: ` : "";
+        const g = i.value, x = typeof g == "number" && o ? o(g) : String(g ?? ""), S = typeof i.marker == "string" ? i.marker : "", w = i.seriesName ? `${i.seriesName}: ` : "";
         return {
-          name: r ? String(r(i.name ?? "")) : i.name ?? "",
+          name: i.name,
           seriesName: w,
           marker: S,
           value: x
@@ -145,15 +146,15 @@ function N({
     }))
   };
 }
-const j = {
+const N = {
   skeleton: {
     graph: D.graph
   }
 };
-function ae() {
+function se() {
   const e = _(2);
   let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ g(f, { sx: {
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(f, { sx: {
     display: "flex",
     alignItems: "flex-end",
     justifyContent: "space-between",
@@ -162,21 +163,21 @@ function ae() {
     width: "100%"
   }, children: Array(8).fill(0).map(G) }), e[0] = n) : n = e[0];
   let t;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ L(f, { sx: j.skeleton.graph.container, children: [
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ L(f, { sx: N.skeleton.graph.container, children: [
     n,
-    /* @__PURE__ */ g(f, { sx: {
+    /* @__PURE__ */ m(f, { sx: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       width: "100%",
-      mt: F
-    }, children: Array(4).fill(0).map(z) })
+      mt: z
+    }, children: Array(4).fill(0).map(j) })
   ] }), e[1] = t) : t = e[1], t;
 }
-function z(e, n) {
-  return /* @__PURE__ */ g(y, { width: 32, height: 8 }, `skeleton-label-${n}`);
+function j(e, n) {
+  return /* @__PURE__ */ m(y, { width: 32, height: 8 }, `skeleton-label-${n}`);
 }
-function F(e) {
+function z(e) {
   const {
     spacing: n
   } = e;
@@ -184,7 +185,7 @@ function F(e) {
 }
 function G(e, n) {
   const o = `${[60, 80, 95, 85, 70, 55, 40, 30][n]}%`;
-  return /* @__PURE__ */ g(y, { variant: "rectangular", sx: {
+  return /* @__PURE__ */ m(y, { variant: "rectangular", sx: {
     flex: 1,
     height: o
   } }, `skeleton-bar-${n}`);
@@ -202,9 +203,9 @@ function B(e) {
   return n(0.5);
 }
 export {
-  ae as HistogramSkeleton,
-  re as histogramConfig,
-  I as histogramDataToCSV,
-  oe as histogramDownloadConfig
+  se as HistogramSkeleton,
+  ae as histogramConfig,
+  F as histogramDataToCSV,
+  re as histogramDownloadConfig
 };
 //# sourceMappingURL=histogram.js.map

package/dist/widgets/histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.js","sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { HistogramConfig, HistogramWidgetConfig } from './types'\nimport {\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  niceNum,\n  buildHistogramSeriesLabelConfig,\n} from '../utils/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport interface HistogramDownloadConfigProps extends ConfigProps {\n  ticks: number[]\n  labelFormatter?: (value: string | number) => string | number\n}\n\nexport function histogramDataToCSV(\n  data: number[][],\n  ticks: number[],\n  labelFormatter?: (value: string | number) => string | number,\n): string[][] {\n  if (!data?.length || data[0]?.length === 0) return []\n\n  const dataLength = data[0]?.length ?? 0\n  const labels = createAxisLabels(dataLength, ticks, labelFormatter)\n  const seriesCount = data.length\n  const isMulti = seriesCount > 1\n\n  const headers = isMulti\n    ? [\n        'Bin',\n        ...Array.from({ length: seriesCount }, (_, i) => `Series ${i + 1}`),\n      ]\n    : ['Bin', 'Value']\n\n  return [\n    headers,\n    ...labels.map((label, i) => [\n      label,\n      ...data.map((series) => String(series[i] ?? 0)),\n    ]),\n  ]\n}\n\nexport function histogramDownloadConfig({\n  refUI,\n  ticks,\n  labelFormatter,\n}: HistogramDownloadConfigProps): DownloadItem<number[][]>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) =>\n        downloadToCSV.modifier(histogramDataToCSV(data, ticks, labelFormatter)),\n    },\n  ]\n}\n\n/**\n * Creates formatted axis labels from tick boundaries.\n *\n * @param dataLength - Number of data points (determines number of labels).\n * @param ticks - Bin boundaries. If `ticks.length === dataLength + 1`, all\n *   bins are ranges. If `ticks.length === dataLength`, the last bin is\n *   open-ended (`+`). A last tick of `Infinity` also produces `+`.\n * @param labelFormatter - Optional formatter applied to each individual tick\n *   value when building the bin range label.\n */\nfunction createAxisLabels(\n  dataLength: number,\n  ticks: number[],\n  labelFormatter?: (value: string | number) => string | number,\n): string[] {\n  const fmt = (v: number) =>\n    labelFormatter ? String(labelFormatter(v)) : String(v)\n\n  return Array.from({ length: dataLength }, (_, i) => {\n    const low = ticks[i] ?? i\n    const high = ticks[i + 1]\n    return high !== undefined && isFinite(high)\n      ? `${fmt(low)}-${fmt(high)}`\n      : `${fmt(low)}+`\n  })\n}\n\n/**\n * Generates ECharts configuration for distribution histogram widgets with\n * adjacent bars (minimal gap) and axis formatting styled with the CARTO theme.\n *\n * Accepts raw `number[][]` data and `ticks` boundaries. The ticks and\n * `labelFormatter` are used to create the x-axis category labels; the raw\n * numeric data is embedded directly in each series.\n *\n * @param props - Histogram configuration including raw data, ticks, and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n  return {\n    type: 'histogram',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  ticks,\n  theme,\n  formatter,\n  labelFormatter,\n}: HistogramConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n  const dataLength = data[0]?.length ?? 0\n  const axisLabels = createAxisLabels(dataLength, ticks, labelFormatter)\n\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: {\n      type: 'category',\n      data: axisLabels,\n      axisLine: {\n        show: false,\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        showMinLabel: undefined,\n        showMaxLabel: undefined,\n        hideOverlap: true,\n        margin: 0,\n        padding: [\n          parseInt(theme.spacing(0.5)),\n          parseInt(theme.spacing(0.5)),\n          0,\n          parseInt(theme.spacing(0.5)),\n        ],\n        color: theme.palette.black[60],\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    yAxis: {\n      type: 'value' as const,\n      min: (extent: { min: number }) => {\n        niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n        return niceMin\n      },\n      max: (extent: { min: number; max: number }) => {\n        niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n        return niceMax\n      },\n      splitNumber: 1,\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom' as const,\n        formatter: (value: number) => {\n          if (value !== niceMax && value !== niceMin) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n      axisLine: {\n        show: false,\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    tooltip: {\n      position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const _value = item.value as number\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : String(_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.name ?? ''))\n          : (item.name ?? '')\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    series: data.map((seriesData: number[]) => ({\n      type: 'bar',\n      data: seriesData,\n      barGap: '1%',\n      barCategoryGap: '1%',\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildHistogramSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function HistogramSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={`skeleton-bar-${i}`}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={`skeleton-label-${i}`} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["histogramDataToCSV","data","ticks","labelFormatter","length","dataLength","labels","createAxisLabels","seriesCount","Array","from","_","i","map","label","series","String","histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","fmt","v","low","high","undefined","isFinite","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","theme","hasLegend","axisLabels","niceMin","niceMax","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","min","extent","niceNum","max","splitNumber","verticalAlign","value","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","_value","formattedValue","marker","seriesName","name","seriesData","barGap","barCategoryGap","emphasis","focus","buildHistogramSeriesLabelConfig","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing_1","flex","spacing_0"],"mappings":"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"}
+{"version":3,"file":"histogram.js","sources":["../../src/widgets/histogram/config.ts","../../src/widgets/histogram/style.ts","../../src/widgets/histogram/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { HistogramConfig, HistogramWidgetConfig } from './types'\nimport {\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  niceNum,\n  buildHistogramSeriesLabelConfig,\n} from '../utils/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport interface HistogramDownloadConfigProps extends ConfigProps {\n  ticks: number[]\n  labelFormatter?: (value: string | number) => string | number\n}\n\nexport function histogramDataToCSV(\n  data: number[][],\n  ticks: number[],\n  labelFormatter?: (value: string | number) => string | number,\n): string[][] {\n  if (!data?.length || data[0]?.length === 0) return []\n\n  const dataLength = data[0]?.length ?? 0\n  const labels = createAxisLabels(dataLength, ticks, labelFormatter)\n  const seriesCount = data.length\n  const isMulti = seriesCount > 1\n\n  const headers = isMulti\n    ? [\n        'Bin',\n        ...Array.from({ length: seriesCount }, (_, i) => `Series ${i + 1}`),\n      ]\n    : ['Bin', 'Value']\n\n  return [\n    headers,\n    ...labels.map((label, i) => [\n      label,\n      ...data.map((series) => String(series[i] ?? 0)),\n    ]),\n  ]\n}\n\nexport function histogramDownloadConfig({\n  refUI,\n  ticks,\n  labelFormatter,\n}: HistogramDownloadConfigProps): DownloadItem<number[][]>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) =>\n        downloadToCSV.modifier(histogramDataToCSV(data, ticks, labelFormatter)),\n    },\n  ]\n}\n\n/**\n * Creates formatted axis labels from tick boundaries.\n *\n * @param dataLength - Number of data points (determines number of labels).\n * @param ticks - Bin boundaries. If `ticks.length === dataLength + 1`, all\n *   bins are ranges. If `ticks.length === dataLength`, the last bin is\n *   open-ended (`+`). A last tick of `Infinity` also produces `+`.\n * @param labelFormatter - Optional formatter applied to each individual tick\n *   value when building the bin range label.\n */\nfunction createAxisLabels(\n  dataLength: number,\n  ticks: number[],\n  labelFormatter?: (value: string | number) => string | number,\n): string[] {\n  const fmt = (v: number) =>\n    labelFormatter ? String(labelFormatter(v)) : String(v)\n\n  return Array.from({ length: dataLength }, (_, i) => {\n    const low = ticks[i] ?? i\n    const high = ticks[i + 1]\n    return high !== undefined && isFinite(high)\n      ? `${fmt(low)}-${fmt(high)}`\n      : `${fmt(low)}+`\n  })\n}\n\n/**\n * Generates ECharts configuration for distribution histogram widgets with\n * adjacent bars (minimal gap) and axis formatting styled with the CARTO theme.\n *\n * Accepts raw `number[][]` data and `ticks` boundaries. The ticks and\n * `labelFormatter` are used to create the x-axis category labels; the raw\n * numeric data is embedded directly in each series.\n *\n * @param props - Histogram configuration including raw data, ticks, and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {\n  return {\n    type: 'histogram',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  ticks,\n  theme,\n  formatter,\n  labelFormatter,\n}: HistogramConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n  const dataLength = data[0]?.length ?? 0\n  const axisLabels = createAxisLabels(dataLength, ticks, labelFormatter)\n\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: {\n      type: 'category',\n      data: axisLabels,\n      axisLine: {\n        show: false,\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        showMinLabel: undefined,\n        showMaxLabel: undefined,\n        hideOverlap: true,\n        margin: 0,\n        padding: [\n          parseInt(theme.spacing(0.5)),\n          parseInt(theme.spacing(0.5)),\n          0,\n          parseInt(theme.spacing(0.5)),\n        ],\n        color: theme.palette.black[60],\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    yAxis: {\n      type: 'value' as const,\n      min: (extent: { min: number }) => {\n        niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n        return niceMin\n      },\n      max: (extent: { min: number; max: number }) => {\n        niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n        return niceMax\n      },\n      splitNumber: 1,\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom' as const,\n        formatter: (value: number) => {\n          if (value !== niceMax && value !== niceMin) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\n      },\n      axisLine: {\n        show: false,\n      },\n      axisTick: {\n        show: false,\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          color: theme.palette.black[4],\n        },\n      },\n    },\n    tooltip: {\n      position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const _value = item.value as number\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : String(_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = item.name\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    series: data.map((seriesData: number[]) => ({\n      type: 'bar',\n      data: seriesData,\n      barGap: '1%',\n      barCategoryGap: '1%',\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildHistogramSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function HistogramSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: ({ spacing }) => spacing(0.5),\n          height: ({ spacing }) => spacing(30),\n          width: '100%',\n        }}\n      >\n        {Array(8)\n          .fill(0)\n          .map((_, i) => {\n            // Create varying heights for histogram bars\n            const heights = [60, 80, 95, 85, 70, 55, 40, 30]\n            const height = `${heights[i]}%`\n            return (\n              <Skeleton\n                key={`skeleton-bar-${i}`}\n                variant='rectangular'\n                sx={{\n                  flex: 1,\n                  height,\n                }}\n              />\n            )\n          })}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '100%',\n          mt: ({ spacing }) => spacing(1),\n        }}\n      >\n        {Array(4)\n          .fill(0)\n          .map((_, i) => (\n            <Skeleton key={`skeleton-label-${i}`} width={32} height={8} />\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["histogramDataToCSV","data","ticks","labelFormatter","length","dataLength","labels","createAxisLabels","seriesCount","Array","from","_","i","map","label","series","String","histogramDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","fmt","v","low","high","undefined","isFinite","histogramConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","theme","hasLegend","axisLabels","niceMin","niceMax","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","margin","padding","parseInt","spacing","color","palette","black","axisTick","splitLine","lineStyle","yAxis","min","extent","niceNum","max","splitNumber","verticalAlign","value","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","_value","formattedValue","marker","seriesName","name","seriesData","barGap","barCategoryGap","emphasis","focus","buildHistogramSeriesLabelConfig","styles","skeleton","graph","baseSkeletonStyles","HistogramSkeleton","$","_c","t0","Symbol","for","jsx","Box","display","alignItems","justifyContent","gap","_temp","height","_temp2","width","fill","_temp3","t1","container","mt","_temp4","_temp5","__0","i_0","Skeleton","spacing_1","flex","spacing_0"],"mappings":";;;;;;;;;;;;;;;;;;AAsBO,SAASA,EACdC,GACAC,GACAC,GACY;AACZ,MAAI,CAACF,GAAMG,UAAUH,EAAK,CAAC,GAAGG,WAAW,EAAG,QAAO,CAAA;AAEnD,QAAMC,IAAaJ,EAAK,CAAC,GAAGG,UAAU,GAChCE,IAASC,EAAiBF,GAAYH,GAAOC,CAAc,GAC3DK,IAAcP,EAAKG;AAUzB,SAAO,CATSI,IAAc,IAG1B,CACE,OACA,GAAGC,MAAMC,KAAK;AAAA,IAAEN,QAAQI;AAAAA,EAAAA,GAAe,CAACG,GAAGC,MAAM,UAAUA,IAAI,CAAC,EAAE,CAAC,IAErE,CAAC,OAAO,OAAO,GAIjB,GAAGN,EAAOO,IAAI,CAACC,GAAOF,MAAM,CAC1BE,GACA,GAAGb,EAAKY,IAAKE,CAAAA,MAAWC,OAAOD,EAAOH,CAAC,KAAK,CAAC,CAAC,CAAC,CAChD,CAAC;AAEN;AAEO,SAASK,GAAwB;AAAA,EACtCC,OAAAA;AAAAA,EACAhB,OAAAA;AAAAA,EACAC,gBAAAA;AAC4B,GAA+B;AAC3D,SAAO,CACL;AAAA,IACE,GAAGgB;AAAAA,IACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,EAAA,GAE9C;AAAA,IACE,GAAGG;AAAAA,IACHD,UAAU,OAAOnB,MACfoB,EAAcD,SAASpB,EAAmBC,GAAMC,GAAOC,CAAc,CAAC;AAAA,EAAA,CACzE;AAEL;AAYA,SAASI,EACPF,GACAH,GACAC,GACU;AACV,QAAMmB,IAAMA,CAACC,MACMP,OAAjBb,IAAwBA,EAAeoB,CAAC,IAAYA,CAAX;AAE3C,SAAOd,MAAMC,KAAK;AAAA,IAAEN,QAAQC;AAAAA,EAAAA,GAAc,CAACM,GAAGC,MAAM;AAClD,UAAMY,IAAMtB,EAAMU,CAAC,KAAKA,GAClBa,IAAOvB,EAAMU,IAAI,CAAC;AACxB,WAAOa,MAASC,UAAaC,SAASF,CAAI,IACtC,GAAGH,EAAIE,CAAG,CAAC,IAAIF,EAAIG,CAAI,CAAC,KACxB,GAAGH,EAAIE,CAAG,CAAC;AAAA,EACjB,CAAC;AACH;AAaO,SAASI,GAAgBC,GAA+C;AAC7E,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,IACzEM,WAAWN,EAAMM;AAAAA,IACjBhC,gBAAgB0B,EAAM1B;AAAAA,EAAAA;AAE1B;AAEA,SAAS+B,EAAU;AAAA,EACjBjC,MAAAA,IAAO,CAAA;AAAA,EACPC,OAAAA;AAAAA,EACAkC,OAAAA;AAAAA,EACAD,WAAAA;AAAAA,EACAhC,gBAAAA;AACe,GAAuB;AACtC,QAAMkC,KAAapC,GAAMG,UAAU,KAAK,GAClCC,IAAaJ,EAAK,CAAC,GAAGG,UAAU,GAChCkC,IAAa/B,EAAiBF,GAAYH,GAAOC,CAAc;AAErE,MAAIoC,IAAU,GACVC,IAAU;AAEd,SAAO;AAAA,IACLC,QAAQC,EAAkB;AAAA,MAAEL,WAAAA;AAAAA,MAAWlC,gBAAAA;AAAAA,IAAAA,CAAgB;AAAA,IACvDwC,MAAMC,EAAgBP,GAAWD,CAAK;AAAA,IACtCS,OAAO;AAAA,MACLf,MAAM;AAAA,MACN7B,MAAMqC;AAAAA,MACNQ,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,WAAW;AAAA,QACTC,UAAUb,EAAMc,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYhB,EAAMc,WAAWC,iBAAiBC;AAAAA,QAC9CC,cAAc3B;AAAAA,QACd4B,cAAc5B;AAAAA,QACd6B,aAAa;AAAA,QACbC,QAAQ;AAAA,QACRC,SAAS,CACPC,SAAStB,EAAMuB,QAAQ,GAAG,CAAC,GAC3BD,SAAStB,EAAMuB,QAAQ,GAAG,CAAC,GAC3B,GACAD,SAAStB,EAAMuB,QAAQ,GAAG,CAAC,CAAC;AAAA,QAE9BC,OAAOxB,EAAMyB,QAAQC,MAAM,EAAE;AAAA,MAAA;AAAA,MAE/BC,UAAU;AAAA,QACRhB,MAAM;AAAA,MAAA;AAAA,MAERiB,WAAW;AAAA,QACTjB,MAAM;AAAA,QACNkB,WAAW;AAAA,UACTL,OAAOxB,EAAMyB,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFI,OAAO;AAAA,MACLpC,MAAM;AAAA,MACNqC,KAAKA,CAACC,OACJ7B,IAAU6B,EAAOD,MAAM,IAAIE,EAAQD,EAAOD,GAAG,IAAI,GAC1C5B;AAAAA,MAET+B,KAAKA,CAACF,OACJ5B,IAAU4B,EAAOE,OAAO,IAAI,IAAID,EAAQD,EAAOE,GAAG,GAC3C9B;AAAAA,MAET+B,aAAa;AAAA,MACbvB,WAAW;AAAA,QACTC,UAAUb,EAAMc,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYhB,EAAMc,WAAWC,iBAAiBC;AAAAA,QAC9CI,QAAQE,SAAStB,EAAMuB,QAAQ,CAAC,CAAC;AAAA,QACjCZ,MAAM;AAAA,QACNO,cAAc;AAAA,QACdD,cAAc;AAAA,QACdmB,eAAe;AAAA,QACfrC,WAAWA,CAACsC,MACNA,MAAUjC,KAAWiC,MAAUlC,KAC/BkC,MAAU,IAAU,KACjBtC,IAAYA,EAAUsC,CAAK,IAAIzD,OAAOyD,CAAK;AAAA,MACpD;AAAA,MAEF3B,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERgB,UAAU;AAAA,QACRhB,MAAM;AAAA,MAAA;AAAA,MAERiB,WAAW;AAAA,QACTjB,MAAM;AAAA,QACNkB,WAAW;AAAA,UACTL,OAAOxB,EAAMyB,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFY,SAAS;AAAA,MACPC,UAAUC,EAAwBxC,CAAK;AAAA,MACvCD,WAAW0C,EAAwBC,CAAAA,MAAS;AAC1C,cAAMC,IAASD,EAAKL,OAEdO,IACJ,OAAOD,KAAW,YAAY5C,IAC1BA,EAAU4C,CAAM,IAChB/D,OAAO+D,KAAU,EAAE,GAEnBE,IAAS,OAAOH,EAAKG,UAAW,WAAWH,EAAKG,SAAS,IACzDC,IAAaJ,EAAKI,aAAa,GAAGJ,EAAKI,UAAU,OAAO;AAG9D,eAAO;AAAA,UAAEC,MAFIL,EAAKK;AAAAA,UAEHD,YAAAA;AAAAA,UAAYD,QAAAA;AAAAA,UAAQR,OAAOO;AAAAA,QAAAA;AAAAA,MAC5C,CAAC;AAAA,IAAA;AAAA,IAEHjE,QAAQd,EAAKY,IAAI,CAACuE,OAA0B;AAAA,MAC1CtD,MAAM;AAAA,MACN7B,MAAMmF;AAAAA,MACNC,QAAQ;AAAA,MACRC,gBAAgB;AAAA,MAChBC,UAAU;AAAA,QACRC,OAAO;AAAA,MAAA;AAAA,MAET,GAAGC,EAAgCtD,CAAS;AAAA,IAAA,EAC5C;AAAA,EAAA;AAEN;AClOO,MAAMuD,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,OAAOC,EAAmBD;AAAAA,EAAAA;AAE9B;ACJO,SAAAE,KAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAGDF,IAAA,gBAAAG,EAACC,KACK,IAAA;AAAA,IAAAC,SACO;AAAA,IAAMC,YACH;AAAA,IAAUC,gBACN;AAAA,IAAeC,KAC1BC;AAAAA,IAA6BC,QAC1BC;AAAAA,IAA4BC,OAC7B;AAAA,EAAA,GAGRpG,gBAAM,CAAC,EAACqG,KACD,CAAC,EAACjG,IACHkG,CAcJ,GACL,GAAMhB,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAiB;AAAA,SAAAjB,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KA5BRa,sBAACX,GAAA,EAAQ,IAAAX,EAAMC,SAASC,MAAMqB,WAC5BhB,UAAAA;AAAAA,IAAAA;AAAAA,IA4BA,gBAAAG,EAACC,KACK,IAAA;AAAA,MAAAC,SACO;AAAA,MAAMC,YACH;AAAA,MAAQC,gBACJ;AAAA,MAAeK,OACxB;AAAA,MAAMK,IACTC;AAAAA,IAAAA,GAGL1G,gBAAM,CAAC,EAACqG,KACD,CAAC,EAACjG,IACHuG,CAEJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMrB,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA,GA5CNiB;AA4CM;AA9CH,SAAAI,EAAAC,GAAAC,GAAA;AAAA,SA2CK,gBAAAlB,EAACmB,KAA4C,OAAA,IAAY,aAA1C,kBAAkB3G,CAAC,EAAwB;AAAI;AA3CnE,SAAAuG,EAAAlB,GAAA;AAqCQ,QAAA;AAAA,IAAAtC,SAAA6D;AAAAA,EAAAA,IAAAvB;AAAW,SAAKtC,EAAQ,CAAC;AAAC;AArClC,SAAAoD,EAAApG,GAAAC,GAAA;AAkBK,QAAA+F,IAAe,GADC,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EACrB/F,CAAC,CAAC;AAAG,SAE7B,gBAAAwF,EAACmB,GAAA,EAES,SAAA,eACJ,IAAA;AAAA,IAAAE,MACI;AAAA,IAACd,QAAAA;AAAAA,EAAAA,EAET,GALK,gBAAgB/F,CAAC,EAKrB;AACD;AA3BT,SAAAgG,EAAAX,GAAA;AASY,QAAA;AAAA,IAAAtC,SAAA+D;AAAAA,EAAAA,IAAAzB;AAAW,SAAKtC,EAAQ,EAAE;AAAC;AATvC,SAAA+C,EAAAT,GAAA;AAQS,QAAA;AAAA,IAAAtC,SAAAA;AAAAA,EAAAA,IAAAsC;AAAW,SAAKtC,EAAQ,GAAG;AAAC;"}

package/dist/widgets/markdown.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import { c as s } from "react/compiler-runtime";
 import { u as f } from "../use-widget-selector-DFl2hW0R.js";
-import { ListItem as u, List as d, Link as g, Typography as m, Skeleton as a, Box as w } from "@mui/material";
+import { ListItem as u, List as p, Link as g, Typography as m, Skeleton as a, Box as w } from "@mui/material";
 import k from "react-markdown";
 import "../widget-store-Bw5zRUGg.js";
 import "@mui/icons-material";
@@ -12,9 +12,10 @@ import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
+import "react-dom";
 import "zustand/shallow";
-import { a as p } from "../exports-Cr43OCul.js";
-function R(t) {
+import { a as d } from "../exports-Cr43OCul.js";
+function U(t) {
   const o = s(2), {
     id: n
   } = t, e = f(n, y);
@@ -65,10 +66,10 @@ const c = {
   }) => /* @__PURE__ */ r(g, { href: o, target: n, rel: e, children: t }),
   ul: ({
     children: t
-  }) => /* @__PURE__ */ r(d, { sx: c.ul, children: t }),
+  }) => /* @__PURE__ */ r(p, { sx: c.ul, children: t }),
   ol: ({
     children: t
-  }) => /* @__PURE__ */ r(d, { component: "ol", sx: c.ol, children: t }),
+  }) => /* @__PURE__ */ r(p, { component: "ol", sx: c.ol, children: t }),
   li: ({
     children: t
   }) => /* @__PURE__ */ r(u, { sx: c.li, children: t })
@@ -86,7 +87,7 @@ function S(t) {
   let l;
   return o[2] !== n || o[3] !== i ? (l = /* @__PURE__ */ r(k, { components: i, children: n }), o[2] = n, o[3] = i, o[4] = l) : l = o[4], l;
 }
-function U() {
+function V() {
   const t = s(3);
   let o;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ r(a, { width: "80%", height: 24, sx: {
@@ -106,23 +107,23 @@ function U() {
     /* @__PURE__ */ r(a, { width: "75%", height: 20 })
   ] }), t[2] = e) : e = t[2], e;
 }
-function V() {
+function W() {
   return [{
-    ...p,
+    ...d,
     modifier: async (t) => {
       const o = t?.content ?? "";
-      return p.modifier([["Content"], [o]]);
+      return d.modifier([["Content"], [o]]);
     }
   }];
 }
-function W() {
+function q() {
   return {};
 }
 export {
-  R as Markdown,
-  U as MarkdownSkeleton,
+  U as Markdown,
+  V as MarkdownSkeleton,
   S as MarkdownUI,
-  W as markdownConfig,
-  V as markdownDownloadConfig
+  q as markdownConfig,
+  W as markdownDownloadConfig
 };
 //# sourceMappingURL=markdown.js.map

package/dist/widgets/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sources":["../../src/widgets/markdown/markdown.tsx","../../src/widgets/markdown/style.ts","../../src/widgets/markdown/markdown-ui.tsx","../../src/widgets/markdown/skeleton.tsx","../../src/widgets/markdown/config.ts"],"sourcesContent":["import type { MarkdownUIProps } from './types'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\n\n/**\n * Stateful markdown widget component that reads content from the widget store and renders it as formatted rich text.\n */\nexport function Markdown({ id }: MarkdownUIProps) {\n  const content = useWidgetSelector(\n    id,\n    (w) => (w?.data as MarkdownWidgetData | undefined)?.content,\n  )\n\n  if (!content) {\n    return null\n  }\n\n  return <MarkdownUI>{content}</MarkdownUI>\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(2),\n  },\n  markdown: {\n    overflow: 'hidden',\n    typography: ({ typography }) => ({\n      ...typography.body1,\n    }),\n  },\n  li: {\n    display: 'list-item',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  ul: {\n    listStyleType: 'disc',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n  ol: {\n    listStyleType: 'decimal',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n}\n","import { Link, List, ListItem, Typography } from '@mui/material'\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport { styles } from '../markdown/style'\nimport type { MarkdownComponentProps } from './types'\n\nconst COMPONENTS: Components = {\n  h1: ({ children }) => (\n    <Typography variant='h4' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h2: ({ children }) => (\n    <Typography variant='h5' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h3: ({ children }) => (\n    <Typography variant='h6' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  p: ({ children }) => (\n    <Typography paragraph color='inherit'>\n      {children}\n    </Typography>\n  ),\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link href={href} target={target} rel={rel}>\n      {children}\n    </Link>\n  ),\n  ul: ({ children }) => <List sx={styles.ul}>{children}</List>,\n  ol: ({ children }) => (\n    <List component='ol' sx={styles.ol}>\n      {children}\n    </List>\n  ),\n  li: ({ children }) => <ListItem sx={styles.li}>{children}</ListItem>,\n}\n\n/**\n * Presentational component that renders a Markdown string as MUI-styled HTML using react-markdown.\n *\n * @remarks\n * Maps Markdown elements (headings, paragraphs, links, lists) to MUI Typography and Link components.\n * Custom component overrides can be passed via the `overrides` prop.\n */\nexport function MarkdownUI({ children, overrides }: MarkdownComponentProps) {\n  return (\n    <ReactMarkdown\n      components={{\n        ...COMPONENTS,\n        ...overrides,\n      }}\n    >\n      {children}\n    </ReactMarkdown>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n  return (\n    <Box aria-label='Markdown skeleton'>\n      <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n      <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='75%' height={20} />\n    </Box>\n  )\n}\n","import { downloadToCSV, type DownloadItem } from '../actions'\nimport type { MarkdownWidgetConfig, MarkdownWidgetData } from './types'\n\n/**\n * Creates download configuration for markdown widgets, supporting CSV export of text content. Does not require `refUI` since it only exports text.\n *\n * @returns Array of download items for use with the Download action.\n */\nexport function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[] {\n  return [\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const content = data?.content ?? ''\n        return downloadToCSV.modifier([['Content'], [content]])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for markdown content display widgets.\n *\n * @returns Default markdown widget config (empty object).\n */\nexport function markdownConfig(): MarkdownWidgetConfig {\n  return {}\n}\n"],"names":["Markdown","t0","$","_c","id","content","useWidgetSelector","_temp","t1","MarkdownUI","w","data","styles","li","display","paddingTop","paddingBottom","ul","listStyleType","paddingLeft","spacing","ol","COMPONENTS","h1","children","Typography","h2","h3","p","jsx","a","href","target","rel","Link","List","ListItem","overrides","t2","ReactMarkdown","MarkdownSkeleton","Symbol","for","Skeleton","mb","jsxs","Box","markdownDownloadConfig","downloadToCSV","modifier","markdownConfig"],"mappings":"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"}
+{"version":3,"file":"markdown.js","sources":["../../src/widgets/markdown/markdown.tsx","../../src/widgets/markdown/style.ts","../../src/widgets/markdown/markdown-ui.tsx","../../src/widgets/markdown/skeleton.tsx","../../src/widgets/markdown/config.ts"],"sourcesContent":["import type { MarkdownUIProps } from './types'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\n\n/**\n * Stateful markdown widget component that reads content from the widget store and renders it as formatted rich text.\n */\nexport function Markdown({ id }: MarkdownUIProps) {\n  const content = useWidgetSelector(\n    id,\n    (w) => (w?.data as MarkdownWidgetData | undefined)?.content,\n  )\n\n  if (!content) {\n    return null\n  }\n\n  return <MarkdownUI>{content}</MarkdownUI>\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(2),\n  },\n  markdown: {\n    overflow: 'hidden',\n    typography: ({ typography }) => ({\n      ...typography.body1,\n    }),\n  },\n  li: {\n    display: 'list-item',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  ul: {\n    listStyleType: 'disc',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n  ol: {\n    listStyleType: 'decimal',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n}\n","import { Link, List, ListItem, Typography } from '@mui/material'\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport { styles } from '../markdown/style'\nimport type { MarkdownComponentProps } from './types'\n\nconst COMPONENTS: Components = {\n  h1: ({ children }) => (\n    <Typography variant='h4' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h2: ({ children }) => (\n    <Typography variant='h5' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h3: ({ children }) => (\n    <Typography variant='h6' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  p: ({ children }) => (\n    <Typography paragraph color='inherit'>\n      {children}\n    </Typography>\n  ),\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link href={href} target={target} rel={rel}>\n      {children}\n    </Link>\n  ),\n  ul: ({ children }) => <List sx={styles.ul}>{children}</List>,\n  ol: ({ children }) => (\n    <List component='ol' sx={styles.ol}>\n      {children}\n    </List>\n  ),\n  li: ({ children }) => <ListItem sx={styles.li}>{children}</ListItem>,\n}\n\n/**\n * Presentational component that renders a Markdown string as MUI-styled HTML using react-markdown.\n *\n * @remarks\n * Maps Markdown elements (headings, paragraphs, links, lists) to MUI Typography and Link components.\n * Custom component overrides can be passed via the `overrides` prop.\n */\nexport function MarkdownUI({ children, overrides }: MarkdownComponentProps) {\n  return (\n    <ReactMarkdown\n      components={{\n        ...COMPONENTS,\n        ...overrides,\n      }}\n    >\n      {children}\n    </ReactMarkdown>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n  return (\n    <Box aria-label='Markdown skeleton'>\n      <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n      <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='75%' height={20} />\n    </Box>\n  )\n}\n","import { downloadToCSV, type DownloadItem } from '../actions'\nimport type { MarkdownWidgetConfig, MarkdownWidgetData } from './types'\n\n/**\n * Creates download configuration for markdown widgets, supporting CSV export of text content. Does not require `refUI` since it only exports text.\n *\n * @returns Array of download items for use with the Download action.\n */\nexport function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[] {\n  return [\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const content = data?.content ?? ''\n        return downloadToCSV.modifier([['Content'], [content]])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for markdown content display widgets.\n *\n * @returns Default markdown widget config (empty object).\n */\nexport function markdownConfig(): MarkdownWidgetConfig {\n  return {}\n}\n"],"names":["Markdown","t0","$","_c","id","content","useWidgetSelector","_temp","t1","MarkdownUI","w","data","styles","li","display","paddingTop","paddingBottom","ul","listStyleType","paddingLeft","spacing","ol","COMPONENTS","h1","children","Typography","h2","h3","p","jsx","a","href","target","rel","Link","List","ListItem","overrides","t2","ReactMarkdown","MarkdownSkeleton","Symbol","for","Skeleton","mb","jsxs","Box","markdownDownloadConfig","downloadToCSV","modifier","markdownConfig"],"mappings":"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"}

package/dist/widgets/pie.js

@@ -6,7 +6,7 @@ import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import { g as L } from "../options-CthfUJDz.js";
 import { m as N } from "../utils-BOhInag6.js";
-import { c as j, f as A } from "../download-config-C3I0jWIL.js";
+import { c as j, f as A } from "../download-config-DNLkypdN.js";
 import { i as O, g as b, h as T, n as v, d as S, e as _, c as z } from "../styles-BYTyKQFP.js";
 import { Box as h, Skeleton as g } from "@mui/material";
 const F = j(A);

package/dist/widgets/scatterplot.js

@@ -6,7 +6,7 @@ import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
 import { g as b } from "../options-CthfUJDz.js";
 import { m as S } from "../utils-BOhInag6.js";
-import { c as v, s as k } from "../download-config-C3I0jWIL.js";
+import { c as v, s as k } from "../download-config-DNLkypdN.js";
 import { i as w, g as L, b as I, a as _, e as C, c as A } from "../styles-BYTyKQFP.js";
 import { Box as p, Skeleton as c } from "@mui/material";
 const Y = v(k);