@carto/ps-react-ui 4.7.1 → 4.9.0

package/dist/widgets-v2/category.js

@@ -0,0 +1,104 @@
+import { C as j, a as A, b as N, c as z, d as V, e as G, f as L } from "../category-DwaeYjpX.js";
+import { jsx as m, jsxs as d } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import { Box as p, Skeleton as f } 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 { a as w } from "../exports-Cx-f6m6U.js";
+import "@mui/icons-material/ImageOutlined";
+import { b as C } from "../png-item-CS4z1iSH.js";
+const s = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 1,
+    py: 0.5
+  },
+  // Mirror the real row layout: label + value on top, bar below.
+  row: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 0.5
+  },
+  rowHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: 1
+  },
+  // Small fixed-width shimmer pills — matches the visual density of the
+  // real label / value cells without claiming the full row width.
+  name: {
+    height: 14,
+    width: 80
+  },
+  value: {
+    height: 14,
+    width: 48
+  }
+}, x = {
+  small: 4,
+  medium: 12
+}, g = ["95%", "80%", "55%", "75%", "60%"];
+function B(o) {
+  const e = h(5), {
+    rows: l,
+    size: i
+  } = o, r = l === void 0 ? 5 : l, a = i === void 0 ? "small" : i;
+  let t;
+  e[0] !== r ? (t = Array.from({
+    length: r
+  }), e[0] = r, e[1] = t) : t = e[1];
+  let n;
+  return e[2] !== a || e[3] !== t ? (n = /* @__PURE__ */ m(p, { sx: s.root, children: t.map((c, u) => /* @__PURE__ */ d(p, { sx: s.row, children: [
+    /* @__PURE__ */ d(p, { sx: s.rowHeader, children: [
+      /* @__PURE__ */ m(f, { variant: "rectangular", sx: s.name }),
+      /* @__PURE__ */ m(f, { variant: "rectangular", sx: s.value })
+    ] }),
+    /* @__PURE__ */ m(f, { variant: "rectangular", sx: {
+      height: x[a],
+      width: g[u % g.length]
+    } })
+  ] }, `row-${u}`)) }), e[2] = a, e[3] = t, e[4] = n) : n = e[4], n;
+}
+function P(o) {
+  const e = [];
+  return o.getCaptureEl && e.push(C({
+    filename: o.filename,
+    getCaptureEl: o.getCaptureEl,
+    pixelRatio: o.pngPixelRatio,
+    backgroundColor: o.pngBackgroundColor
+  })), e.push({
+    id: "csv",
+    label: "Download as CSV",
+    resolve: () => {
+      const l = o.getData(), i = [["series", "name", "value"]];
+      for (const [a, t] of l.entries()) {
+        const n = o.seriesNames?.[a] ?? `series_${a + 1}`;
+        for (const c of t)
+          i.push([n, c.name, c.value]);
+      }
+      const r = w(i);
+      return Promise.resolve({
+        url: r.url,
+        filename: `${o.filename}.csv`,
+        revoke: r.revoke
+      });
+    }
+  }), e;
+}
+export {
+  j as Category,
+  A as CategoryBar,
+  N as CategoryLegend,
+  z as CategoryRowMulti,
+  V as CategoryRowOther,
+  G as CategoryRowSingle,
+  B as CategorySkeleton,
+  L as CategoryUI,
+  P as createCategoryDownloadConfig
+};
+//# sourceMappingURL=category.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"category.js","sources":["../../src/widgets-v2/category/skeleton.tsx","../../src/widgets-v2/category/download.ts"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\nimport type { CategorySize } from './types'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    py: 0.5,\n  },\n  // Mirror the real row layout: label + value on top, bar below.\n  row: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 0.5,\n  },\n  rowHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: 1,\n  },\n  // Small fixed-width shimmer pills — matches the visual density of the\n  // real label / value cells without claiming the full row width.\n  name: { height: 14, width: 80 },\n  value: { height: 14, width: 48 },\n} satisfies Record<string, SxProps<Theme>>\n\n// Bar shimmer height matches the live bar track for each size variant so\n// the skeleton doesn't visibly resize the row on data settle.\nconst BAR_HEIGHT: Record<CategorySize, number> = {\n  small: 4,\n  medium: 12,\n}\n\n// Varied widths give the bar shimmer a more realistic, less uniform feel.\n// Cycles when `rows > WIDTH_PATTERNS.length`.\nconst WIDTH_PATTERNS = ['95%', '80%', '55%', '75%', '60%']\n\nexport interface CategorySkeletonProps {\n  rows?: number\n  /**\n   * Visual density. Mirrors the live widget's `size` prop so the loading\n   * shimmer's bar height matches what's about to render — no row jump\n   * on data settle.\n   */\n  size?: CategorySize\n}\n\nexport function CategorySkeleton({\n  rows = 5,\n  size = 'small',\n}: CategorySkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: rows }).map((_, i) => (\n        <Box key={`row-${i}`} sx={styles.row}>\n          <Box sx={styles.rowHeader}>\n            <Skeleton variant='rectangular' sx={styles.name} />\n            <Skeleton variant='rectangular' sx={styles.value} />\n          </Box>\n          <Skeleton\n            variant='rectangular'\n            sx={{\n              height: BAR_HEIGHT[size],\n              width: WIDTH_PATTERNS[i % WIDTH_PATTERNS.length],\n            }}\n          />\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { CategoryWidgetData } from './types'\n\n/**\n * Download menu items for the Category widget. Always includes a CSV item\n * with `series, name, value` columns (one row per item). When\n * `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createCategoryDownloadConfig(args: {\n  filename: string\n  getData: () => CategoryWidgetData\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 rows: unknown[][] = [['series', 'name', 'value']]\n      for (const [i, series] of data.entries()) {\n        const seriesName = args.seriesNames?.[i] ?? `series_${i + 1}`\n        for (const item of series) {\n          rows.push([seriesName, item.name, item.value])\n        }\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"],"names":["styles","root","display","flexDirection","gap","py","row","rowHeader","justifyContent","alignItems","name","height","width","value","BAR_HEIGHT","small","medium","WIDTH_PATTERNS","CategorySkeleton","t0","$","_c","rows","t1","size","t2","undefined","t3","Array","from","length","t4","Box","map","_","i","jsxs","jsx","Skeleton","createCategoryDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","resolve","data","getData","series","entries","seriesName","seriesNames","item","handle","downloadToCSV","Promise","url","revoke"],"mappings":"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"}

package/dist/widgets-v2/echart.js

@@ -0,0 +1,57 @@
+import { D as T, E as z, a as D, _ as U, o as w } from "../echart-CU0KmClP.js";
+import { c as C } from "react/compiler-runtime";
+import { useRef as R } from "react";
+function F(x) {
+  const e = C(15), {
+    selection: s,
+    onSelectionChange: t,
+    keyFromClick: f,
+    keysFromBrush: h
+  } = x;
+  let n;
+  e[0] !== f || e[1] !== t || e[2] !== s ? (n = (S) => {
+    if (!t)
+      return;
+    const b = f(S);
+    if (b == null)
+      return;
+    const a = s ?? [], p = a.indexOf(b), B = p === -1 ? [...a, b] : [...a.slice(0, p), ...a.slice(p + 1)];
+    t(B);
+  }, e[0] = f, e[1] = t, e[2] = s, e[3] = n) : n = e[3];
+  const u = n;
+  let r;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = [], e[4] = r) : r = e[4];
+  const E = R(r);
+  let c;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (S) => {
+    const k = S;
+    E.current = k.batch?.[0]?.selected ?? [];
+  }, e[5] = c) : c = e[5];
+  const y = c;
+  let o;
+  e[6] !== h || e[7] !== t ? (o = () => {
+    t && t(h(E.current));
+  }, e[6] = h, e[7] = t, e[8] = o) : o = e[8];
+  const m = o;
+  let l;
+  e[9] !== m || e[10] !== u ? (l = {
+    click: u,
+    brushSelected: y,
+    brushEnd: m
+  }, e[9] = m, e[10] = u, e[11] = l) : l = e[11];
+  const d = l, _ = s && s.length > 0 ? s : null;
+  let i;
+  return e[12] !== d || e[13] !== _ ? (i = {
+    onEvents: d,
+    selection: _
+  }, e[12] = d, e[13] = _, e[14] = i) : i = e[14], i;
+}
+export {
+  T as DEFAULT_INIT_OPTS,
+  z as Echart,
+  D as EchartUI,
+  U as __resetSharedResizeObserver,
+  w as observeResize,
+  F as useChartSelection
+};
+//# sourceMappingURL=echart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"echart.js","sources":["../../src/widgets-v2/echart/use-chart-selection.ts"],"sourcesContent":["import { useCallback, useMemo, useRef } from 'react'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport type { EchartsEventHandler } from './echart-ui'\n\nexport type SelectionKey = string | number\n\nexport interface UseChartSelectionOptions<K extends SelectionKey> {\n  /** Controlled selection. `undefined` is treated the same as `[]`. */\n  selection?: readonly K[]\n  /** Receives the next selection. When omitted the wiring is a no-op. */\n  onSelectionChange?: (next: readonly K[]) => void\n  /**\n   * Pull a selection key out of an ECharts `click` event. Return `null` to\n   * skip (e.g. a click on empty plot area). For Bar/Pie/Timeseries this is\n   * usually `(p) => p.name`; for Histogram/Scatterplot it's the dataIndex.\n   */\n  keyFromClick: (params: CallbackDataParams) => K | null\n  /**\n   * Map a `brushSelected` payload's `selected[*]` entries (each carrying a\n   * `seriesIndex` + `dataIndex[]`) into the full set of selection keys for\n   * the brushed area. Called once per brush event.\n   */\n  keysFromBrush: (\n    selected: readonly { seriesIndex: number; dataIndex: number[] }[],\n  ) => K[]\n}\n\nexport interface ChartSelectionWiring<K extends SelectionKey> {\n  /**\n   * Pass straight to `<Widget.Echart onEvents={…}>`. Wires `click` and\n   * `brushSelected` so the user's interactions reach `onSelectionChange`.\n   */\n  onEvents: Record<string, EchartsEventHandler>\n  /**\n   * The current selection — `null` when the consumer didn't pass one or it's\n   * empty. Mergers should treat `null` as \"no dimming\" and a non-null array\n   * as \"render only these as fully opaque, dim the rest\".\n   */\n  selection: readonly K[] | null\n}\n\n/**\n * Translate ECharts' click + brush events into a consumer-owned selection\n * with the expected dashboard semantics:\n *\n *   - **Click toggles** — clicking an item adds it to the selection if\n *     absent, removes it if present.\n *   - **Brush replaces** — finishing a brush stroke overwrites the selection\n *     with whatever the brush covered (drag-to-empty clears).\n *\n * Wire the returned `onEvents` into `<Widget.Echart>` and feed\n * `wiring.selection` to the widget's option factory so the merger can dim\n * non-selected rows at fusion time.\n */\nexport function useChartSelection<K extends SelectionKey>({\n  selection,\n  onSelectionChange,\n  keyFromClick,\n  keysFromBrush,\n}: UseChartSelectionOptions<K>): ChartSelectionWiring<K> {\n  const handleClick = useCallback(\n    (event: unknown) => {\n      if (!onSelectionChange) return\n      const params = event as CallbackDataParams\n      const key = keyFromClick(params)\n      if (key == null) return\n      const current = selection ?? []\n      const idx = current.indexOf(key)\n      const next =\n        idx === -1\n          ? [...current, key]\n          : [...current.slice(0, idx), ...current.slice(idx + 1)]\n      onSelectionChange(next)\n    },\n    [selection, onSelectionChange, keyFromClick],\n  )\n\n  // ECharts fires `brushSelected` on every pointer-move while the user is\n  // drawing a brush, but we only want to push to `onSelectionChange` once\n  // the gesture ends. Cache the latest `brushSelected` payload here, then\n  // commit on `brushEnd`.\n  const latestBrushedRef = useRef<\n    readonly { seriesIndex: number; dataIndex: number[] }[]\n  >([])\n\n  const handleBrushSelected = useCallback((event: unknown) => {\n    const params = event as {\n      batch?: {\n        selected?: { seriesIndex: number; dataIndex: number[] }[]\n      }[]\n    }\n    latestBrushedRef.current = params.batch?.[0]?.selected ?? []\n  }, [])\n\n  const handleBrushEnd = useCallback(() => {\n    if (!onSelectionChange) return\n    onSelectionChange(keysFromBrush(latestBrushedRef.current))\n  }, [onSelectionChange, keysFromBrush])\n\n  const onEvents = useMemo<Record<string, EchartsEventHandler>>(\n    () => ({\n      click: handleClick,\n      brushSelected: handleBrushSelected,\n      brushEnd: handleBrushEnd,\n    }),\n    [handleClick, handleBrushSelected, handleBrushEnd],\n  )\n\n  const wiringSelection = useMemo(\n    () => (selection && selection.length > 0 ? selection : null),\n    [selection],\n  )\n\n  return { onEvents, selection: wiringSelection }\n}\n"],"names":["useChartSelection","t0","$","_c","selection","onSelectionChange","keyFromClick","keysFromBrush","t1","event","key","current","idx","indexOf","next","slice","handleClick","t2","Symbol","for","latestBrushedRef","useRef","t3","event_0","params_0","params","batch","selected","handleBrushSelected","t4","handleBrushEnd","t5","click","brushSelected","brushEnd","onEvents","wiringSelection","length","t6"],"mappings":";;;AAsDO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmD;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAN;AAK5B,MAAAO;AAAA,EAAAN,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAE1BI,IAAAC,CAAAA,MAAA;AACE,QAAI,CAACJ;AAAiB;AAEtB,UAAAK,IAAYJ,EADGG,CACgB;AAC/B,QAAIC,KAAO;AAAI;AACf,UAAAC,IAAgBP,KAAA,CAAA,GAChBQ,IAAYD,EAAOE,QAASH,CAAG,GAC/BI,IACEF,MAAQ,KAAR,CAAA,GACQD,GAASD,CAAG,IADpB,IAEQC,EAAOI,MAAO,GAAGH,CAAG,GAAC,GAAKD,EAAOI,MAAOH,IAAM,CAAC,CAAC;AAC1DP,IAAAA,EAAkBS,CAAI;AAAA,EAAC,GACxBZ,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAE,GAAAF,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAbH,QAAAc,IAAoBR;AAenB,MAAAS;AAAA,EAAAf,EAAA,CAAA,MAAAgB,uBAAAC,IAAA,2BAAA,KAQCF,IAAA,CAAA,GAAEf,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAFJ,QAAAkB,IAAyBC,EAEvBJ,CAAE;AAAC,MAAAK;AAAA,EAAApB,EAAA,CAAA,MAAAgB,uBAAAC,IAAA,2BAAA,KAEmCG,IAAAC,CAAAA,MAAA;AACtC,UAAAC,IAAef;AAKfW,IAAAA,EAAgBT,UAAWc,EAAMC,QAAW,CAAA,GAAUC,YAA3B,CAAA;AAAA,EAAH,GACzBzB,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAPD,QAAA0B,IAA4BN;AAOtB,MAAAO;AAAA,EAAA3B,EAAA,CAAA,MAAAK,KAAAL,SAAAG,KAE6BwB,IAAAA,MAAA;AACjC,IAAKxB,KACLA,EAAkBE,EAAca,EAAgBT,OAAQ,CAAC;AAAA,EAAC,GAC3DT,OAAAK,GAAAL,OAAAG,GAAAH,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAHD,QAAA4B,IAAuBD;AAGe,MAAAE;AAAA,EAAA7B,EAAA,CAAA,MAAA4B,KAAA5B,UAAAc,KAG7Be,IAAA;AAAA,IAAAC,OACEhB;AAAAA,IAAWiB,eACHL;AAAAA,IAAmBM,UACxBJ;AAAAA,EAAAA,GACX5B,OAAA4B,GAAA5B,QAAAc,GAAAd,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AALH,QAAAiC,IACSJ,GAQTK,IACShC,KAAaA,EAASiC,SAAU,IAAhCjC,IAAA;AAER,MAAAkC;AAAA,SAAApC,EAAA,EAAA,MAAAiC,KAAAjC,UAAAkC,KAEME,IAAA;AAAA,IAAAH,UAAAA;AAAAA,IAAA/B,WAAuBgC;AAAAA,EAAAA,GAAiBlC,QAAAiC,GAAAjC,QAAAkC,GAAAlC,QAAAoC,KAAAA,IAAApC,EAAA,EAAA,GAAxCoC;AAAwC;"}

package/dist/widgets-v2/formula.js

@@ -0,0 +1,74 @@
+import { D as I, F as E, a as $ } from "../formula-DuC0NQLH.js";
+import { N, P as R, S as _, a as j, V as z } from "../style-DVnT6HC1.js";
+import { jsx as i } from "react/jsx-runtime";
+import { c as s } from "react/compiler-runtime";
+import { Box as m, Skeleton as u } 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 { a as f } from "../exports-Cx-f6m6U.js";
+import { b as p, C as c } from "../png-item-CS4z1iSH.js";
+const l = {
+  root: {
+    display: "flex",
+    gap: 3,
+    alignItems: "baseline",
+    minHeight: 64,
+    py: 1
+  },
+  block: {
+    width: 120,
+    height: 36
+  }
+};
+function F(o) {
+  const e = s(2), {
+    count: n
+  } = o, r = n === void 0 ? 1 : n;
+  let t;
+  return e[0] !== r ? (t = /* @__PURE__ */ i(m, { sx: l.root, children: Array.from({
+    length: r
+  }).map(d) }), e[0] = r, e[1] = t) : t = e[1], t;
+}
+function d(o, e) {
+  return /* @__PURE__ */ i(u, { variant: "rectangular", sx: l.block }, `row-${e}`);
+}
+function P(o) {
+  const e = [];
+  return o.getCaptureEl && e.push(p({
+    filename: o.filename,
+    getCaptureEl: o.getCaptureEl,
+    pixelRatio: o.pngPixelRatio,
+    backgroundColor: o.pngBackgroundColor
+  })), e.push({
+    id: "csv",
+    label: "CSV",
+    icon: /* @__PURE__ */ i(c, { fontSize: "small" }),
+    resolve: () => {
+      const n = o.getData(), r = [["series", "prefix", "value", "suffix", "note", "delta"]];
+      for (const a of n)
+        r.push([a.series?.name ?? "", a.prefix ?? "", a.value, a.suffix ?? "", a.note ?? "", a.delta?.value ?? ""]);
+      const t = f(r);
+      return Promise.resolve({
+        url: t.url,
+        filename: `${o.filename}.csv`,
+        revoke: t.revoke
+      });
+    }
+  }), e;
+}
+export {
+  I as Delta,
+  E as Formula,
+  F as FormulaSkeleton,
+  $ as FormulaUI,
+  N as Note,
+  R as Prefix,
+  _ as Series,
+  j as Suffix,
+  z as Value,
+  P as createFormulaDownloadConfig
+};
+//# sourceMappingURL=formula.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formula.js","sources":["../../src/widgets-v2/formula/skeleton.tsx","../../src/widgets-v2/formula/download.tsx"],"sourcesContent":["import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    gap: 3,\n    alignItems: 'baseline',\n    minHeight: 64,\n    py: 1,\n  },\n  block: { width: 120, height: 36 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface FormulaSkeletonProps {\n  count?: number\n}\n\nexport function FormulaSkeleton({ count = 1 }: FormulaSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>\n  )\n}\n","import {\n  CSVIcon,\n  buildPngDownloadItem,\n  downloadToCSV,\n  type DownloadItem,\n} from '../actions/download'\nimport type { FormulaWidgetData } from './types'\n\nexport interface FormulaDownloadConfigArgs {\n  filename: string\n  getData: () => FormulaWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State`). When provided, a PNG item is prepended.\n   */\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Formula widget. Always includes a CSV item\n * with one row per KPI (`prefix`, `value`, `suffix`, `note`, `delta`).\n * When `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createFormulaDownloadConfig(\n  args: FormulaDownloadConfigArgs,\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: 'CSV',\n    icon: <CSVIcon fontSize='small' />,\n    resolve: () => {\n      const data = args.getData()\n      const rows: unknown[][] = [\n        ['series', 'prefix', 'value', 'suffix', 'note', 'delta'],\n      ]\n      for (const d of data) {\n        rows.push([\n          d.series?.name ?? '',\n          d.prefix ?? '',\n          d.value,\n          d.suffix ?? '',\n          d.note ?? '',\n          d.delta?.value ?? '',\n        ])\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"],"names":["styles","root","display","gap","alignItems","minHeight","py","block","width","height","FormulaSkeleton","t0","$","_c","count","t1","undefined","t2","Box","Array","from","length","map","_temp","_","i","jsx","Skeleton","createFormulaDownloadConfig","args","items","getCaptureEl","push","buildPngDownloadItem","filename","pixelRatio","pngPixelRatio","backgroundColor","pngBackgroundColor","id","label","icon","CSVIcon","resolve","data","getData","rows","d","series","name","prefix","value","suffix","note","delta","handle","downloadToCSV","Promise","url","revoke"],"mappings":";;;;;;;;;;;;AAGA,MAAMA,IAAS;AAAA,EACbC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,KAAK;AAAA,IACLC,YAAY;AAAA,IACZC,WAAW;AAAA,IACXC,IAAI;AAAA,EAAA;AAAA,EAENC,OAAO;AAAA,IAAEC,OAAO;AAAA,IAAKC,QAAQ;AAAA,EAAA;AAC/B;AAMO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAyB;AAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAJ,GAAEG,IAAAC,MAAAC,SAAA,IAAAD;AAAS,MAAAE;AAAA,SAAAL,SAAAE,KAEvCG,sBAACC,GAAA,EAAQ,IAAAlB,EAAMC,MACZkB,gBAAKC,KAAM;AAAA,IAAAC,QAAUP;AAAAA,EAAAA,CAAO,EAACQ,IAAKC,CAElC,GACH,GAAMX,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAJNK;AAIM;AANH,SAAAM,EAAAC,GAAAC,GAAA;AAAA,SAIC,gBAAAC,EAACC,KAAkC,SAAA,eAAkB,IAAA3B,EAAMO,MAAAA,GAA5C,OAAOkB,CAAC,EAA0C;AAAI;ACItE,SAASG,EACdC,GACgB;AAChB,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,MAAM,gBAAAf,EAACgB,GAAA,EAAQ,UAAS,QAAA,CAAO;AAAA,IAC/BC,SAASA,MAAM;AACb,YAAMC,IAAOf,EAAKgB,QAAAA,GACZC,IAAoB,CACxB,CAAC,UAAU,UAAU,SAAS,UAAU,QAAQ,OAAO,CAAC;AAE1D,iBAAWC,KAAKH;AACdE,QAAAA,EAAKd,KAAK,CACRe,EAAEC,QAAQC,QAAQ,IAClBF,EAAEG,UAAU,IACZH,EAAEI,OACFJ,EAAEK,UAAU,IACZL,EAAEM,QAAQ,IACVN,EAAEO,OAAOH,SAAS,EAAE,CACrB;AAEH,YAAMI,IAASC,EAAcV,CAAI;AACjC,aAAOW,QAAQd,QAAQ;AAAA,QACrBe,KAAKH,EAAOG;AAAAA,QACZxB,UAAU,GAAGL,EAAKK,QAAQ;AAAA,QAC1ByB,QAAQJ,EAAOI;AAAAA,MAAAA,CAChB;AAAA,IACH;AAAA,EAAA,CACD,GACM7B;AACT;"}

package/dist/widgets-v2/histogram.js

@@ -0,0 +1,353 @@
+import * as G from "echarts";
+import { n as L, d as z, g as E, c as R, f as W } from "../option-builders-F-c9ELi1.js";
+import { jsx as b, jsxs as $ } from "react/jsx-runtime";
+import { c as Y } from "react/compiler-runtime";
+import { Skeleton as k, 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 O } from "../transforms-Cdx4fkU5.js";
+import { m as q, r as U } from "../resolve-theme-color-BdojIw0K.js";
+import { p as J } from "../data-zoom-layout-BH0LPwSy.js";
+import "@mui/icons-material/FileDownload";
+import { a as K } from "../exports-Cx-f6m6U.js";
+import "@mui/icons-material/ImageOutlined";
+import { b as Q } from "../png-item-CS4z1iSH.js";
+function X({
+  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.
+      ...R(!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: E(e),
+      formatter: j(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: {
+      ...z({
+        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 ? L(i.min) : 0, a),
+      max: (i) => (o = i.max <= 0 ? 1 : L(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 _e(e) {
+  const {
+    theme: t,
+    formatter: a,
+    ticks: o,
+    series: 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 = `${_(u)}–${_(d)}`;
+    m.push(l ? l(g) : g);
+  }
+  return (r, u, d) => {
+    if (r == null) {
+      const c = X({
+        theme: t,
+        formatter: a
+      });
+      return p ? q(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 : [], D = x[0] ?? {}, C = typeof r.yAxis == "object" && !Array.isArray(r.yAxis) ? r.yAxis : {}, S = typeof r.grid == "object" && !Array.isArray(r.grid) ? r.grid : {}, H = typeof r.tooltip == "object" && !Array.isArray(r.tooltip) ? r.tooltip : {}, V = typeof r.legend == "object" && !Array.isArray(r.legend) ? r.legend : {}, I = d?.formatter, {
+      niceMinVal: F,
+      niceMaxVal: M
+    } = ee(g), v = J(r.dataZoom, y), B = typeof S.bottom == "number" ? S.bottom : 24, T = y ? 56 : B, P = v ? T + O.sliderHeight + O.sliderGap : T, Z = {
+      color: (c) => {
+        const f = c.color;
+        return n ? n.has(c.dataIndex) ? f : G.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] ?? D, N = U(t, i?.[f]?.color);
+        return {
+          ...typeof h == "object" ? h : {},
+          type: "bar",
+          datasetIndex: f,
+          name: i?.[f]?.name ?? `Series ${f + 1}`,
+          encode: {
+            x: 0,
+            y: 1
+          },
+          barCategoryGap: "0%",
+          emphasis: {
+            focus: "series"
+          },
+          itemStyle: Z,
+          ...N ? {
+            color: N
+          } : {}
+        };
+      }),
+      legend: {
+        ...V,
+        show: y
+      },
+      grid: {
+        ...S,
+        bottom: P
+      },
+      ...v ? {
+        dataZoom: v
+      } : {},
+      yAxis: {
+        ...C,
+        min: F,
+        max: M,
+        axisLabel: {
+          ...C.axisLabel ?? {},
+          formatter: (c) => c !== M && c !== F || c === 0 ? "" : I ? I(c) : String(c)
+        }
+      },
+      tooltip: {
+        ...H,
+        formatter: j(I)
+      }
+    };
+  };
+}
+function j(e) {
+  return W((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 ee(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 : L(t)
+  };
+}
+function _(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)
+  }
+}, te = (e) => ({
+  flex: 1,
+  height: `${e}%`,
+  minWidth: 8
+});
+function $e(e) {
+  const t = Y(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(oe), 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(re) }), 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 re(e) {
+  return /* @__PURE__ */ $(A, { sx: w.legendItem, children: [
+    /* @__PURE__ */ b(k, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ b(k, { width: 48, height: 8 })
+  ] }, `legend-${e}`);
+}
+function oe(e, t) {
+  return /* @__PURE__ */ b(k, { variant: "rectangular", sx: te(e) }, `bar-${t}`);
+}
+function je(e) {
+  const t = [];
+  return e.getCaptureEl && t.push(Q({
+    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 = K(s);
+      return Promise.resolve({
+        url: p.url,
+        filename: `${e.filename}.csv`,
+        revoke: p.revoke
+      });
+    }
+  }), t;
+}
+const De = (e) => Array.isArray(e) ? e.map((t) => {
+  if (!ie(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 ie(e) {
+  return Array.isArray(e) ? e.every((t) => typeof t == "number" && Number.isFinite(t)) : !1;
+}
+export {
+  $e as HistogramSkeleton,
+  je as createHistogramDownloadConfig,
+  _e as createHistogramOptionFactory,
+  X as histogramOptions,
+  De as toRelativeHistogramData
+};
+//# sourceMappingURL=histogram.js.map