@carto/ps-react-ui 4.7.0 → 4.8.0

package/dist/widgets-v2/histogram.js

@@ -0,0 +1,350 @@
+import * as Z from "echarts";
+import { n as k, d as G, g as z, c as E, f as R } from "../option-builders-F-c9ELi1.js";
+import { jsx as b, jsxs as _ } from "react/jsx-runtime";
+import { c as W } from "react/compiler-runtime";
+import { Skeleton as v, Box as A } from "@mui/material";
+import "../widget-store-Bw5zRUGg.js";
+import "zustand/shallow";
+import "@mui/icons-material";
+import "react";
+import "html2canvas";
+import "../lasso-tool-BYbxrJ-7.js";
+import "../cjs-D4KH3azB.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dom";
+import "@mui/icons-material/ZoomIn";
+import "../widget-context-DTGO0Yta.js";
+import "zustand";
+import "zustand/vanilla";
+import "zustand/middleware";
+import "zustand/react/shallow";
+import { Z as T } from "../transforms-Cdx4fkU5.js";
+import { m as Y } from "../merge-options-DCkkHZIf.js";
+import { p as q } from "../data-zoom-layout-BH0LPwSy.js";
+import "@mui/icons-material/FileDownload";
+import { a as U } from "../exports-Cx-f6m6U.js";
+import "@mui/icons-material/ImageOutlined";
+import { b as J } from "../png-item-CS4z1iSH.js";
+function K({
+  theme: e,
+  formatter: t
+}) {
+  let a = 0, o = 1;
+  return {
+    grid: {
+      left: parseInt(e.spacing(1)),
+      top: parseInt(e.spacing(3)),
+      right: parseInt(e.spacing(1)),
+      // Default: no legend. Merger bumps this when there are >1 series.
+      ...E(!1, e),
+      containLabel: !0
+    },
+    tooltip: {
+      trigger: "axis",
+      backgroundColor: e.palette.grey[900],
+      borderWidth: 0,
+      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+      textStyle: {
+        color: e.palette.common.white,
+        fontSize: 11,
+        fontFamily: e.typography.caption.fontFamily
+      },
+      axisPointer: {
+        type: "line"
+      },
+      position: z(e),
+      formatter: $(t)
+    },
+    // Legend styling baked here; `show` is toggled by the merger based on
+    // series count. Histogram doesn't accept `labelFormatter` at the
+    // options layer (bin labels are pre-formatted in the merger), so we
+    // skip the legend `labelFormatter` argument too.
+    legend: {
+      ...G({
+        hasLegend: !1
+      })
+    },
+    axisPointer: {
+      lineStyle: {
+        color: e.palette.grey[400]
+      }
+    },
+    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+    xAxis: {
+      type: "category",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
+        margin: 0,
+        hideOverlap: !0
+      }
+    },
+    yAxis: {
+      type: "value",
+      min: (i) => (a = i.min < 0 ? k(i.min) : 0, a),
+      max: (i) => (o = i.max <= 0 ? 1 : k(i.max), o),
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: e.palette.black?.[4] ?? e.palette.divider
+        }
+      },
+      axisLabel: {
+        fontSize: e.typography.overlineDelicate?.fontSize,
+        fontFamily: e.typography.overlineDelicate?.fontFamily,
+        margin: parseInt(e.spacing(1)),
+        show: !0,
+        showMaxLabel: !0,
+        showMinLabel: !0,
+        verticalAlign: "bottom",
+        inside: !0,
+        formatter: (i) => i !== o && i !== a || i === 0 ? "" : t ? t(i) : String(i)
+      }
+    }
+  };
+}
+function Te(e) {
+  const {
+    theme: t,
+    formatter: a,
+    ticks: o,
+    seriesNames: i,
+    labelFormatter: l,
+    selection: s
+  } = e, p = e.optionsOverride, n = s && s.length > 0 ? new Set(s) : null, m = [];
+  for (let r = 0; r < o.length - 1; r++) {
+    const u = o[r], d = o[r + 1], g = `${O(u)}–${O(d)}`;
+    m.push(l ? l(g) : g);
+  }
+  return (r, u, d) => {
+    if (r == null) {
+      const c = K({
+        theme: t,
+        formatter: a
+      });
+      return p ? Y(c, p) : c;
+    }
+    const g = Array.isArray(u) ? u : [];
+    if (g.length === 0 || m.length === 0)
+      return {
+        ...r,
+        dataset: [],
+        series: []
+      };
+    const y = g.length > 1, x = Array.isArray(r.series) ? r.series : [], j = x[0] ?? {}, C = typeof r.yAxis == "object" && !Array.isArray(r.yAxis) ? r.yAxis : {}, S = typeof r.grid == "object" && !Array.isArray(r.grid) ? r.grid : {}, D = typeof r.tooltip == "object" && !Array.isArray(r.tooltip) ? r.tooltip : {}, H = typeof r.legend == "object" && !Array.isArray(r.legend) ? r.legend : {}, I = d?.formatter, {
+      niceMinVal: F,
+      niceMaxVal: M
+    } = Q(g), L = q(r.dataZoom, y), V = typeof S.bottom == "number" ? S.bottom : 24, N = y ? 56 : V, B = L ? N + T.sliderHeight + T.sliderGap : N, P = {
+      color: (c) => {
+        const f = c.color;
+        return n ? n.has(c.dataIndex) ? f : Z.color.modifyAlpha(f, 0.15) : f;
+      }
+    };
+    return {
+      ...r,
+      dataset: g.map((c) => ({
+        source: m.map((f, h) => [f, c[h] ?? 0])
+      })),
+      series: g.map((c, f) => {
+        const h = x[f] ?? j;
+        return {
+          ...typeof h == "object" ? h : {},
+          type: "bar",
+          datasetIndex: f,
+          name: i?.[f] ?? `Series ${f + 1}`,
+          encode: {
+            x: 0,
+            y: 1
+          },
+          barCategoryGap: "0%",
+          emphasis: {
+            focus: "series"
+          },
+          itemStyle: P
+        };
+      }),
+      legend: {
+        ...H,
+        show: y
+      },
+      grid: {
+        ...S,
+        bottom: B
+      },
+      ...L ? {
+        dataZoom: L
+      } : {},
+      yAxis: {
+        ...C,
+        min: F,
+        max: M,
+        axisLabel: {
+          ...C.axisLabel ?? {},
+          formatter: (c) => c !== M && c !== F || c === 0 ? "" : I ? I(c) : String(c)
+        }
+      },
+      tooltip: {
+        ...D,
+        formatter: $(I)
+      }
+    };
+  };
+}
+function $(e) {
+  return R((t) => {
+    const o = t.value?.[1], i = typeof o == "number" && e ? e(o) : o ?? "", l = typeof t.marker == "string" ? t.marker : "", s = t.seriesName ? `${t.seriesName}: ` : "";
+    return {
+      name: String(t.name ?? ""),
+      seriesName: s,
+      marker: l,
+      value: i
+    };
+  });
+}
+function Q(e) {
+  let t = -1 / 0;
+  for (const a of e)
+    for (const o of a)
+      typeof o != "number" || !Number.isFinite(o) || o > t && (t = o);
+  return {
+    niceMinVal: 0,
+    niceMaxVal: t <= 0 ? 1 : k(t)
+  };
+}
+function O(e) {
+  return Number.isInteger(e) ? String(e) : Number(e.toFixed(2)).toString();
+}
+const w = {
+  container: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    flexDirection: "column",
+    gap: ({
+      spacing: e
+    }) => e(1),
+    height: ({
+      spacing: e
+    }) => e(38)
+  },
+  grid: {
+    display: "flex",
+    alignItems: "flex-end",
+    flex: "1 1 auto",
+    gap: 0.5,
+    width: "100%"
+  },
+  legend: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(2),
+    height: ({
+      spacing: e
+    }) => e(5)
+  },
+  legendItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: e
+    }) => e(1.5)
+  }
+}, X = (e) => ({
+  flex: 1,
+  height: `${e}%`,
+  minWidth: 8
+});
+function Oe(e) {
+  const t = W(15), {
+    bins: a
+  } = e, o = a === void 0 ? 12 : a;
+  let i, l, s, p, n;
+  if (t[0] !== o) {
+    const d = Array.from({
+      length: o
+    }, (g, y) => {
+      const x = y / Math.max(1, o - 1);
+      return Math.round(20 + 80 * Math.exp(-((x - 0.5) ** 2) * 8));
+    });
+    l = A, n = w.container, i = A, s = w.grid, p = d.map(te), t[0] = o, t[1] = i, t[2] = l, t[3] = s, t[4] = p, t[5] = n;
+  } else
+    i = t[1], l = t[2], s = t[3], p = t[4], n = t[5];
+  let m;
+  t[6] !== i || t[7] !== s || t[8] !== p ? (m = /* @__PURE__ */ b(i, { sx: s, children: p }), t[6] = i, t[7] = s, t[8] = p, t[9] = m) : m = t[9];
+  let r;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ b(A, { sx: w.legend, children: [0, 1].map(ee) }), t[10] = r) : r = t[10];
+  let u;
+  return t[11] !== l || t[12] !== n || t[13] !== m ? (u = /* @__PURE__ */ _(l, { sx: n, children: [
+    m,
+    r
+  ] }), t[11] = l, t[12] = n, t[13] = m, t[14] = u) : u = t[14], u;
+}
+function ee(e) {
+  return /* @__PURE__ */ _(A, { sx: w.legendItem, children: [
+    /* @__PURE__ */ b(v, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ b(v, { width: 48, height: 8 })
+  ] }, `legend-${e}`);
+}
+function te(e, t) {
+  return /* @__PURE__ */ b(v, { variant: "rectangular", sx: X(e) }, `bar-${t}`);
+}
+function _e(e) {
+  const t = [];
+  return e.getCaptureEl && t.push(J({
+    filename: e.filename,
+    getCaptureEl: e.getCaptureEl,
+    pixelRatio: e.pngPixelRatio,
+    backgroundColor: e.pngBackgroundColor
+  })), t.push({
+    id: "csv",
+    label: "Download as CSV",
+    resolve: () => {
+      const a = e.getData(), o = e.getTicks(), i = a.length, l = ["bin_low", "bin_high"];
+      for (let n = 0; n < i; n++)
+        l.push(e.seriesNames?.[n] ?? `series_${n + 1}`);
+      const s = [l];
+      for (let n = 0; n < Math.max(0, o.length - 1); n++) {
+        const m = [o[n], o[n + 1]];
+        for (let r = 0; r < i; r++) m.push(a[r]?.[n] ?? 0);
+        s.push(m);
+      }
+      const p = U(s);
+      return Promise.resolve({
+        url: p.url,
+        filename: `${e.filename}.csv`,
+        revoke: p.revoke
+      });
+    }
+  }), t;
+}
+const $e = (e) => Array.isArray(e) ? e.map((t) => {
+  if (!re(t)) return t;
+  const a = t.reduce((o, i) => o + Math.abs(i), 0);
+  return a <= 0 ? t : t.map((o) => o / a * 100);
+}) : e;
+function re(e) {
+  return Array.isArray(e) ? e.every((t) => typeof t == "number" && Number.isFinite(t)) : !1;
+}
+export {
+  Oe as HistogramSkeleton,
+  _e as createHistogramDownloadConfig,
+  Te as createHistogramOptionFactory,
+  K as histogramOptions,
+  $e as toRelativeHistogramData
+};
+//# sourceMappingURL=histogram.js.map

package/dist/widgets-v2/histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"histogram.js","sources":["../../src/widgets-v2/histogram/options.ts","../../src/widgets-v2/histogram/skeleton.tsx","../../src/widgets-v2/histogram/download.ts","../../src/widgets-v2/histogram/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions } from '../utils'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  HistogramEChartsOption,\n  HistogramOptionFactoryInput,\n  HistogramOptionsInput,\n  HistogramWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a histogram widget — axes,\n * grid, tooltip, value-axis label formatter, themed legend. Mirrors\n * {@link import('../bar/options').barOptions} so the two widgets share v1\n * look-and-feel: themed dark tooltip with positioner, CARTO color palette,\n * structural legend (`show` toggled by the merger based on series count),\n * y-axis labels rendered inside the plot via the `niceNum` closure pattern.\n *\n * Intentional deviations from bar (histogram-specific):\n *   - **No `xAxis.axisLabel.formatter`.** Bin labels are pre-formatted in\n *     the merger via `formatNumber(lo)–formatNumber(hi)` and optionally\n *     the consumer's `labelFormatter`. The strings on the axis are\n *     already display-ready, so there's nothing to post-format here.\n *   - **Tooltip formatter reads the array-tuple row shape.** The dataset\n *     uses positional `encode: { x: 0, y: 1 }`, so `item.value` comes in\n *     as `[binLabel, count]` rather than bar's `{ name, value }` object.\n *\n * Intentionally data-agnostic: no series, no dataset, no x-axis category\n * data (those depend on data + ticks and are added by the option factory's\n * merge phase via {@link createHistogramOptionFactory}).\n */\nexport function histogramOptions({\n  theme,\n  formatter,\n}: HistogramOptionsInput): HistogramEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1 + bar).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildHistogramTooltipFormatter(formatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count. Histogram doesn't accept `labelFormatter` at the\n    // options layer (bin labels are pre-formatted in the merger), so we\n    // skip the legend `labelFormatter` argument too.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n        hideOverlap: true,\n      },\n    },\n    yAxis: {\n      type: 'value',\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      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\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',\n        inside: true,\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    },\n  } as HistogramEChartsOption\n}\n\n/**\n * Returns the histogram widget's {@link OptionFactory} — one closure that\n * owns BOTH phases of option construction:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link histogramOptions}, optionally merging\n *     the consumer-supplied `optionsOverride`. Called once by Provider to\n *     seed `rawOptions` in the store.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`HistogramWidgetData` — `number[][]`) into the option via the\n *     dataset API. Each series gets its own dataset of `[binLabel, count]`\n *     pairs derived from `ticks`; series reference their dataset by\n *     `datasetIndex` and are encoded by column position. Reactive\n *     `ctx.formatter` (driven by RelativeData → `%`) plus `niceMin`/`niceMax`\n *     are re-derived here so the y-axis label formatter and the tooltip\n *     pick up live store values, mirroring bar.\n */\nexport function createHistogramOptionFactory(\n  options: HistogramOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, ticks, seriesNames, labelFormatter, selection } =\n    options\n  const optionsOverride = options.optionsOverride\n  const selectionSet =\n    selection && selection.length > 0 ? new Set<number>(selection) : null\n\n  const binLabels: string[] = []\n  for (let i = 0; i < ticks.length - 1; i++) {\n    const lo = ticks[i]!\n    const hi = ticks[i + 1]!\n    const raw = `${formatNumber(lo)}–${formatNumber(hi)}`\n    binLabels.push(labelFormatter ? labelFormatter(raw) : raw)\n  }\n\n  return (option, data, ctx) => {\n    if (option == null) {\n      const structural = histogramOptions({ theme, formatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr: HistogramWidgetData = Array.isArray(data)\n      ? (data as HistogramWidgetData)\n      : []\n    if (seriesArr.length === 0 || binLabels.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n\n    const hasLegend = seriesArr.length > 1\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n    // Reactive (live store) formatter from ctx — distinct from the\n    // closure-time `formatter` captured for the structural-build branch\n    // above. RelativeData can install a percent formatter on the store\n    // after the factory was constructed; the merge phase reads `ctx` to\n    // pick that up.\n    const liveFormatter = ctx?.formatter\n\n    const { niceMinVal, niceMaxVal } = computeHistogramNiceBounds(seriesArr)\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push\n    // the slider above the legend (if any) and reserve room in the grid.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // Dim non-selected bins via `series.itemStyle.color`. Per-row\n    // `itemStyle` on dataset sources is silently ignored when\n    // `series.encode` is in play.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and bins would stay dimmed forever after an external clear. Always\n    // emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const dimItemStyle = {\n      color: (params: CallbackDataParams) => {\n        const base = params.color as string\n        if (!selectionSet) return base\n        return selectionSet.has(params.dataIndex)\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      },\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((counts) => ({\n        source: binLabels.map(\n          (label, i) => [label, counts[i] ?? 0] as [string, number],\n        ),\n      })),\n      series: seriesArr.map((_, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'bar' as const,\n          datasetIndex: i,\n          name: seriesNames?.[i] ?? `Series ${i + 1}`,\n          encode: { x: 0, y: 1 },\n          barCategoryGap: '0%',\n          emphasis: { focus: 'series' },\n          itemStyle: dimItemStyle,\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: { ...baseGrid, bottom: gridBottom },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\n        min: niceMinVal,\n        max: niceMaxVal,\n        axisLabel: {\n          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMaxVal && value !== niceMinVal) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildHistogramTooltipFormatter(liveFormatter),\n      },\n    } as EChartsOption\n  }\n}\n\n/**\n * Tooltip formatter for the histogram's positional `[binLabel, count]`\n * row shape. ECharts surfaces the x-axis category through `item.name`\n * (already pre-formatted by the bin-label generator), and `item.value`\n * comes in as the array tuple — distinct from bar's `{ name, value }`\n * object row.\n */\nfunction buildHistogramTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as [string, number] | undefined\n    const raw = row?.[1]\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n    const marker = typeof item.marker === 'string' ? item.marker : ''\n    const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n    return {\n      name: String(item.name ?? ''),\n      seriesName,\n      marker,\n      value: formattedValue,\n    }\n  })\n}\n\nfunction computeHistogramNiceBounds(seriesArr: HistogramWidgetData): {\n  niceMinVal: number\n  niceMaxVal: number\n} {\n  let max = -Infinity\n  for (const counts of seriesArr) {\n    for (const v of counts) {\n      if (typeof v !== 'number' || !Number.isFinite(v)) continue\n      if (v > max) max = v\n    }\n  }\n  return {\n    niceMinVal: 0,\n    niceMaxVal: max <= 0 ? 1 : niceNum(max),\n  }\n}\n\nfunction formatNumber(n: number): string {\n  if (Number.isInteger(n)) return String(n)\n  return Number(n.toFixed(2)).toString()\n}\n","import { Box, Skeleton, type SxProps, type Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    flex: '1 1 auto',\n    gap: 0.5,\n    width: '100%',\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nconst barSx = (height: number): SxProps<Theme> => ({\n  flex: 1,\n  height: `${height}%`,\n  minWidth: 8,\n})\n\nexport interface HistogramSkeletonProps {\n  bins?: number\n}\n\n/**\n * Loading state for the Histogram widget. Mirrors Bar's skeleton structure\n * — a grid of bars (bin-shaped silhouette, anchored to the bottom) plus a\n * legend stub — so the placeholder reads consistently with Bar.\n */\nexport function HistogramSkeleton({ bins = 12 }: HistogramSkeletonProps) {\n  // Sample heights mimicking a typical bell-shaped distribution.\n  const heights = Array.from({ length: bins }, (_, i) => {\n    const t = i / Math.max(1, bins - 1)\n    return Math.round(20 + 80 * Math.exp(-((t - 0.5) ** 2) * 8))\n  })\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {heights.map((h, i) => (\n          <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { HistogramWidgetData } from './types'\n\n/**\n * Download menu items for histograms. Always includes a CSV item with\n * `bin_low, bin_high, series_1_count, series_2_count, …` columns (one row\n * per bin). When `getCaptureEl` is supplied, prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createHistogramDownloadConfig(args: {\n  filename: string\n  getData: () => HistogramWidgetData\n  getTicks: () => readonly number[]\n  seriesNames?: readonly string[]\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'csv',\n    label: 'Download as CSV',\n    resolve: () => {\n      const data = args.getData()\n      const ticks = args.getTicks()\n      const seriesCount = data.length\n      const header: unknown[] = ['bin_low', 'bin_high']\n      for (let i = 0; i < seriesCount; i++) {\n        header.push(args.seriesNames?.[i] ?? `series_${i + 1}`)\n      }\n      const rows: unknown[][] = [header]\n      for (let bin = 0; bin < Math.max(0, ticks.length - 1); bin++) {\n        const row: unknown[] = [ticks[bin], ticks[bin + 1]]\n        for (let s = 0; s < seriesCount; s++) row.push(data[s]?.[bin] ?? 0)\n        rows.push(row)\n      }\n      const handle = downloadToCSV(rows)\n      return Promise.resolve({\n        url: handle.url,\n        filename: `${args.filename}.csv`,\n        revoke: handle.revoke,\n      })\n    },\n  })\n  return items\n}\n","/**\n * Histogram-specific `RelativeData` transform. Histogram data is\n * `number[][]` — each series is a flat list of bin counts. This\n * rewrites each count to its share of the series total (0–100), so\n * pairing with `createPercentFormatter` renders the y-axis as\n * percentages.\n *\n * Pass to `<Widget.RelativeData transform={toRelativeHistogramData} />`.\n *\n * The denominator is the sum of |value| across the series so mixed-sign\n * inputs produce sane signed shares-of-magnitude. A series whose total\n * magnitude is zero (all-zero or empty input) is returned unchanged so\n * a stalled or empty data set doesn't show misleading 0% values. Inputs\n * whose shape isn't `number[][]` fall through untouched (same defensive\n * shape-check pattern as the default transform).\n */\nexport const toRelativeHistogramData = (input: unknown): unknown => {\n  if (!Array.isArray(input)) return input\n  return input.map((series: unknown): unknown => {\n    if (!isFlatNumberArray(series)) return series\n    const total = series.reduce((acc, v) => acc + Math.abs(v), 0)\n    if (total <= 0) return series\n    return series.map((v) => (v / total) * 100)\n  })\n}\n\nfunction isFlatNumberArray(v: unknown): v is number[] {\n  if (!Array.isArray(v)) return false\n  return v.every((item) => typeof item === 'number' && Number.isFinite(item))\n}\n"],"names":["histogramOptions","theme","formatter","niceMin","niceMax","grid","left","parseInt","spacing","top","right","buildGridConfig","containLabel","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","textStyle","color","common","white","fontSize","fontFamily","typography","caption","axisPointer","type","position","createTooltipPositioner","buildHistogramTooltipFormatter","legend","buildLegendConfig","hasLegend","lineStyle","secondary","main","Object","values","qualitative","bold","xAxis","axisLine","show","axisTick","axisLabel","margin","hideOverlap","yAxis","min","extent","niceNum","max","splitLine","black","divider","overlineDelicate","showMaxLabel","showMinLabel","verticalAlign","inside","value","String","createHistogramOptionFactory","options","ticks","seriesNames","labelFormatter","selection","optionsOverride","selectionSet","length","Set","binLabels","i","lo","hi","raw","formatNumber","push","option","data","ctx","structural","mergeOptions","seriesArr","Array","isArray","dataset","series","seriesTemplates","broadcastTemplate","baseYAxis","baseGrid","baseTooltip","baseLegend","liveFormatter","niceMinVal","niceMaxVal","computeHistogramNiceBounds","dataZoomLayout","positionDataZoomForLegend","dataZoom","fallbackBottom","bottom","baseBottom","gridBottom","ZOOM_LAYOUT","sliderHeight","sliderGap","dimItemStyle","params","base","has","dataIndex","echarts","modifyAlpha","map","counts","source","label","_","template","datasetIndex","name","encode","x","y","barCategoryGap","emphasis","focus","itemStyle","createTooltipFormatter","item","formattedValue","marker","seriesName","v","Number","isFinite","n","isInteger","toFixed","toString","styles","container","display","alignItems","justifyContent","flexDirection","gap","height","flex","width","legendItem","barSx","minWidth","HistogramSkeleton","t0","$","_c","bins","t1","undefined","T0","T1","t2","t3","t4","heights","from","t","Math","round","exp","Box","_temp","t5","jsx","t6","Symbol","for","_temp2","t7","i_1","jsxs","Skeleton","h","i_0","createHistogramDownloadConfig","args","items","getCaptureEl","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","pngBackgroundColor","id","resolve","getData","getTicks","seriesCount","header","rows","bin","row","s","handle","downloadToCSV","Promise","url","revoke","toRelativeHistogramData","input","isFlatNumberArray","total","reduce","acc","abs","every"],"mappings":"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"}

package/dist/widgets-v2/markdown.js

@@ -0,0 +1,68 @@
+import { M as j, a as B, b as E } from "../markdown-BD1jcknS.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { Box as s, Skeleton as c } from "@mui/material";
+import "react";
+import "@mui/icons-material/FileDownload";
+import "../lasso-tool-BYbxrJ-7.js";
+import "../cjs-D4KH3azB.js";
+import "@mui/icons-material";
+import "html2canvas";
+import "@mui/icons-material/ImageOutlined";
+import { b as d } from "../png-item-CS4z1iSH.js";
+const m = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 1,
+    py: 1
+  },
+  line: (o) => ({
+    width: o,
+    height: 18
+  })
+};
+function y(o) {
+  const t = p(2), {
+    lines: r
+  } = o, n = r === void 0 ? 5 : r;
+  let e;
+  if (t[0] !== n) {
+    const i = ["100%", "95%", "90%", "85%", "70%"];
+    e = /* @__PURE__ */ a(s, { sx: m.root, children: Array.from({
+      length: n
+    }).map((f, l) => /* @__PURE__ */ a(c, { variant: "rectangular", sx: m.line(i[l % i.length] ?? "85%") }, `line-${l}`)) }), t[0] = n, t[1] = e;
+  } else
+    e = t[1];
+  return e;
+}
+function D(o) {
+  const t = [];
+  return o.getCaptureEl && t.push(d({
+    filename: o.filename,
+    getCaptureEl: o.getCaptureEl,
+    pixelRatio: o.pngPixelRatio,
+    backgroundColor: o.pngBackgroundColor
+  })), t.push({
+    id: "md",
+    label: "Download as Markdown",
+    resolve: () => {
+      const r = o.getData(), n = new Blob([r.content ?? ""], {
+        type: "text/markdown;charset=utf-8;"
+      }), e = URL.createObjectURL(n);
+      return Promise.resolve({
+        url: e,
+        filename: `${o.filename}.md`,
+        revoke: () => URL.revokeObjectURL(e)
+      });
+    }
+  }), t;
+}
+export {
+  j as Markdown,
+  B as MarkdownContent,
+  y as MarkdownSkeleton,
+  E as MarkdownUI,
+  D as createMarkdownDownloadConfig
+};
+//# sourceMappingURL=markdown.js.map

package/dist/widgets-v2/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sources":["../../src/widgets-v2/markdown/skeleton.tsx","../../src/widgets-v2/markdown/download.ts"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    py: 1,\n  },\n  line: (width: string): SxProps<Theme> => ({ width, height: 18 }),\n} as const\n\nexport interface MarkdownSkeletonProps {\n  lines?: number\n}\n\nexport function MarkdownSkeleton({ lines = 5 }: MarkdownSkeletonProps) {\n  // Vary widths to mimic prose.\n  const widths = ['100%', '95%', '90%', '85%', '70%']\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  toCsvString,\n  triggerLinkDownload,\n  type DownloadItem,\n} from '../actions/download'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Download menu items for the Markdown widget. Always includes a `.md`\n * item that saves the markdown source verbatim. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createMarkdownDownloadConfig(args: {\n  filename: string\n  getData: () => MarkdownWidgetData\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: 'md',\n    label: 'Download as Markdown',\n    resolve: () => {\n      const data = args.getData()\n      const blob = new Blob([data.content ?? ''], {\n        type: 'text/markdown;charset=utf-8;',\n      })\n      const url = URL.createObjectURL(blob)\n      return Promise.resolve({\n        url,\n        filename: `${args.filename}.md`,\n        revoke: () => URL.revokeObjectURL(url),\n      })\n    },\n  })\n  return items\n}\n\n// Re-export pure helpers consumers may want when building a custom Download item.\nexport { toCsvString, triggerLinkDownload }\n"],"names":["styles","root","display","flexDirection","gap","py","line","width","height","MarkdownSkeleton","t0","$","_c","lines","t1","undefined","t2","widths","Box","Array","from","length","map","_","i","jsx","Skeleton","createMarkdownDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","resolve","data","getData","blob","Blob","content","type","url","URL","createObjectURL","Promise","revoke","revokeObjectURL"],"mappings":";;;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA,IACLC,IAAI;AAAA,EAAA;AAAA,EAENC,MAAMA,CAACC,OAAmC;AAAA,IAAEA,OAAAA;AAAAA,IAAOC,QAAQ;AAAA,EAAA;AAC7D;AAMO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAA0B;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,MAAAL,SAAAE,GAAA;AAE1C,UAAAI,IAAe,CAAC,QAAQ,OAAO,OAAO,OAAO,KAAK;AAEhDD,IAAAA,sBAACE,GAAA,EAAQ,IAAAlB,EAAMC,MACZkB,gBAAKC,KAAM;AAAA,MAAAC,QAAUR;AAAAA,IAAAA,CAAO,EAACS,IAAK,CAAAC,GAAAC,MACjC,gBAAAC,EAACC,GAAA,EAES,SAAA,eACJ,IAAA1B,EAAMM,KAAMW,EAAOO,IAAIP,EAAMI,MAAO,KAAxB,KAAkC,KAF7C,QAAQG,CAAC,EAEqC,CAEtD,EAAA,CACH,GAAMb,OAAAE,GAAAF,OAAAK;AAAAA,EAAA;AAAAA,IAAAA,IAAAL,EAAA,CAAA;AAAA,SARNK;AAQM;ACfH,SAASW,EAA6BC,GAM1B;AACjB,QAAMC,IAAwB,CAAA;AAC9B,SAAID,EAAKE,gBACPD,EAAME,KACJC,EAAqB;AAAA,IACnBC,UAAUL,EAAKK;AAAAA,IACfH,cAAcF,EAAKE;AAAAA,IACnBI,YAAYN,EAAKO;AAAAA,IACjBC,iBAAiBR,EAAKS;AAAAA,EAAAA,CACvB,CACH,GAEFR,EAAME,KAAK;AAAA,IACTO,IAAI;AAAA,IACJC,OAAO;AAAA,IACPC,SAASA,MAAM;AACb,YAAMC,IAAOb,EAAKc,QAAAA,GACZC,IAAO,IAAIC,KAAK,CAACH,EAAKI,WAAW,EAAE,GAAG;AAAA,QAC1CC,MAAM;AAAA,MAAA,CACP,GACKC,IAAMC,IAAIC,gBAAgBN,CAAI;AACpC,aAAOO,QAAQV,QAAQ;AAAA,QACrBO,KAAAA;AAAAA,QACAd,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1BkB,QAAQA,MAAMH,IAAII,gBAAgBL,CAAG;AAAA,MAAA,CACtC;AAAA,IACH;AAAA,EAAA,CACD,GACMlB;AACT;"}