npm - @carto/ps-react-ui - Versions diffs - 4.20.1 → 4.21.1 - Mend

@carto/ps-react-ui 4.20.1 → 4.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (413) hide show

package/dist/widgets-v2/pie.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pie.js","names":["Theme","EChartsOption","echarts","CallbackDataParams","buildGridConfig","buildLegendConfig","buildSeriesLabelConfig","createTooltipFormatter","createTooltipPositioner","niceNum","OptionFactory","OptionFactoryContext","mergeOptions","resolveThemeColor","WidgetSeries","PieEChartsOption","PieOptionFactoryInput","PieOptionsInput","PieWidgetData","DEFAULT_RADIUS","pieOptions","theme","formatter","labelFormatter","legend","hasLegend","left","type","itemGap","selectedMode","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","parseInt","spacing","textStyle","color","common","white","fontSize","fontFamily","typography","caption","position","buildPieTooltipFormatter","Object","values","qualitative","bold","Record","series","colorBy","avoidLabelOverlap","selectedOffset","legendHoverLink","emphasis","disabled","itemStyle","borderColor","background","paper","label","show","rich","b","fontWeight","lineHeight","c","createPieOptionFactory","options","optionsOverride","radius","selection","selectionSet","undefined","length","Set","option","data","ctx","structural","Partial","seriesArr","Array","isArray","dataset","buildMultiSeriesBarFusion","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","resolvePaletteColor","params","swatch","dataIndex","colorFn","base","datum","value","name","has","modifyAlpha","centerData","centerMaxName","centerMaxValue","Infinity","d","labelTextFormatter","encodeIndex","encode","at","formattedValue","String","formattedName","map","s","source","_","i","template","templateObj","templateLabel","templateItemStyle","const","datasetIndex","center","itemName","selected","fromEntries","baseGrid","grid","niceMinVal","niceMaxVal","computeNiceBounds","barColorFn","seriesIdx","seriesIndex","seriesSwatch","right","containLabel","overrideColor","barMaxWidth","focus","xAxis","min","max","axisLine","axisTick","splitLine","lineStyle","black","divider","axisLabel","overlineDelicate","margin","showMaxLabel","showMinLabel","yAxis","buildHorizontalBarTooltipFormatter","item","x","dimName","dimensionNames","row","raw","marker","seriesName","Number","isFinite","Box","Skeleton","SxProps","Theme","OUTER_SIZE","HOLE_SIZE","styles","root","display","flexDirection","alignItems","justifyContent","minHeight","py","gap","spacing","donut","position","ring","width","height","hole","zIndex","borderRadius","bgcolor","label","legend","legendItem","Record","PieSkeletonProps","count","PieSkeleton","t0","$","_c","t1","t2","Symbol","for","t3","t4","map","_temp","i","buildCsvDownloadItem","buildPngDownloadItem","DownloadItem","PieWidgetData","createPieDownloadConfig","args","filename","getData","seriesNames","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","items","push","pixelRatio","backgroundColor","getRows","data","rows","i","series","entries","seriesName","slice","name","value"],"sources":["../../src/widgets-v2/pie/options.ts","../../src/widgets-v2/pie/skeleton.tsx","../../src/widgets-v2/pie/download.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n buildGridConfig,\n buildLegendConfig,\n buildSeriesLabelConfig,\n createTooltipFormatter,\n createTooltipPositioner,\n niceNum,\n} from '../../widgets/utils/chart-config'\nimport type { OptionFactory, OptionFactoryContext } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport type { WidgetSeries } from '../types'\nimport type {\n PieEChartsOption,\n PieOptionFactoryInput,\n PieOptionsInput,\n PieWidgetData,\n} from './types'\n\nconst DEFAULT_RADIUS: readonly [string, string] = ['58%', '74%']\n\n/*\n Builds the structural ECharts option for a pie / donut widget.\n * Mirrors v1's pie look-and-feel: themed legend (`buildLegendConfig`),\n * themed tooltip via `createTooltipPositioner` / `createTooltipFormatter`,\n * `qualitative.bold` color palette, slice borders against the paper\n * background, hover-emphasis disabled, and a centered rich-text label.\n \n Layered like Bar / Histogram:\n * - Theme-aware bits live here on a series template (slice border,\n * center-label rich style sizes, emphasis-disabled).\n * - Reactive bits (tooltip value formatter, center-label text,\n * selection-driven dim) are re-emitted by\n * {@link createPieOptionFactory} at fusion time so RelativeData's\n * percent override flows through.\n /\nexport function pieOptions({\n theme,\n formatter,\n labelFormatter,\n}: PieOptionsInput): PieEChartsOption {\n return {\n legend: {\n ...buildLegendConfig({ hasLegend: true, labelFormatter }),\n // Pie reads better with a centered legend (the donut is radially\n // symmetric — left-aligning the legend below it visually unbalances\n // the chart). Override `buildLegendConfig`'s `type: 'scroll'` with\n // `'plain'` so long category lists wrap to multiple rows instead\n // of clipping the last visible item against the chart container.\n // The wider `itemGap` gives chips breathing room in the typical\n // 3–6 category case.\n left: 'center',\n type: 'scroll',\n itemGap: 16,\n // The legend is presentational only here — the pie has its own\n // click-to-select affordance on the slices themselves, so legend\n // clicks toggling series visibility would be a second, redundant/\n // conflicting interaction model. Hover-highlight is disabled per\n // series via `legendHoverLink` (ECharts has no legend-level knob\n // for it).\n selectedMode: false,\n },\n tooltip: {\n // Pie uses item-trigger (no axis); the rest of the styling mirrors\n // bar/histogram so the dashboard reads consistently — dark\n // grey[900] bg, white caption-font text, padded, with the shared\n // overflow-aware positioner.\n trigger: 'item',\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 position: createTooltipPositioner(theme),\n formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n },\n // V1 used `qualitative.bold` only (no `secondary.main` prefix) because\n // pie slices are categorical — each slice deserves a distinct palette\n // entry from the start, not a primary highlight.\n color: Object.values(\n (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n .qualitative?.bold ?? {},\n ),\n // Pie template. The merger spreads this into each per-data series it\n // emits — borderColor / borderWidth / emphasis-disabled / label rich\n // sizes all survive through.\n series: [\n {\n type: 'pie',\n colorBy: 'data',\n avoidLabelOverlap: true,\n selectedOffset: 0,\n legendHoverLink: false,\n emphasis: { disabled: true },\n itemStyle: {\n borderColor: theme.palette.background.paper,\n borderWidth: 1,\n },\n label: {\n show: true,\n position: 'center',\n rich: {\n b: { fontSize: 16, fontWeight: 'normal', lineHeight: 20 },\n c: { fontSize: 28, fontWeight: 'bold', lineHeight: 27 },\n },\n },\n },\n ],\n }\n}\n\n/\n Returns the pie widget's {@link OptionFactory} — one closure that owns\n * BOTH phases of option construction:\n \n - Structural phase (`option == null`) — builds the theme-aware\n * structural option via {@link pieOptions}, optionally merging the\n * consumer-supplied `optionsOverride` on top. Called once by Provider\n * to seed `rawOptions` in the store.\n * - Merge phase (`option != null`) — fuses post-pipeline `state.data`\n * (`PieWidgetData`) into the option via the dataset API. Single-series\n * → donut (one dataset, `series[i].encode = { itemName: 'name', value: 'value' }`).\n * Multi-series → horizontal-bar fallback (mirrors v1 pie). Reactive\n * formatters from `ctx` drive the tooltip + center label at fusion\n * time so RelativeData's percent formatter flows through without a\n * structural rebuild.\n /\nexport function createPieOptionFactory(\n options: PieOptionFactoryInput,\n): OptionFactory {\n const { theme, formatter, labelFormatter, optionsOverride, series } = options\n const radius = options.radius ?? DEFAULT_RADIUS\n const selection = options.selection\n // An explicit `[]` (deselected down to zero via chart clicks) is treated\n // the same as no selection: the pie has no bar/histogram-style \"nothing\n // selected\" affordance, so dimming every slice would just look broken —\n // it renders fully active, same as the no-interaction state.\n const selectionSet =\n selection === undefined \|\| selection === null \|\| selection.length === 0\n ? null\n : new Set<string \| number>(selection)\n return (option, data, ctx) => {\n if (option == null) {\n const structural = pieOptions({ theme, formatter, labelFormatter })\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 = Array.isArray(data) ? (data as PieWidgetData) : []\n if (seriesArr.length === 0) {\n return { ...option, dataset: [], series: [] }\n }\n if (seriesArr.length > 1) {\n return buildMultiSeriesBarFusion(\n option,\n seriesArr,\n theme,\n series,\n ctx,\n selectionSet,\n )\n }\n return buildSingleSeriesPieFusion(\n option,\n seriesArr,\n radius,\n series,\n ctx,\n selectionSet,\n )\n }\n}\n\n/\n Single-series donut fusion. Spreads the structural pie series template\n * into per-data series with center/radius/encoding, wires the reactive\n * center-label / tooltip formatters and the per-data palette-aware\n * selection-dim callback.\n /\nfunction buildSingleSeriesPieFusion(\n option: EChartsOption,\n seriesArr: PieWidgetData,\n radius: readonly [string, string],\n series: readonly WidgetSeries[] \| undefined,\n ctx: OptionFactoryContext \| undefined,\n selectionSet: Set<string \| number> \| null,\n): EChartsOption {\n const seriesTemplates = Array.isArray(option.series) ? option.series : []\n const broadcastTemplate = seriesTemplates[0] ?? {}\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 const formatter = ctx?.formatter\n const labelFormatter = ctx?.labelFormatter\n\n // Pie wants `colorBy: 'data'` — each slice draws from the option's\n // `color` palette by data index. But installing an `itemStyle.color`\n // callback disables ECharts' automatic per-data cycling, and\n // `params.color` collapses to the series color (so every slice goes\n // the same color). We re-implement the per-data palette resolution\n // here so the multicolor look survives selection-driven dimming.\n const palette = Array.isArray(option.color)\n ? (option.color as readonly (string \| undefined)[])\n : []\n const resolvePaletteColor = (params: CallbackDataParams): string => {\n const swatch =\n palette.length > 0\n ? palette[params.dataIndex % palette.length]\n : undefined\n return swatch ?? (params.color as string)\n }\n\n // Always emit `itemStyle.color` (passthrough when nothing is selected),\n // not conditionally — same anti-stale-callback rationale as bar /\n // histogram. The slice border + width come from the structural\n // template's `itemStyle` and survive via the spread below.\n //\n // `selectionSet` is the included* set, same direct semantics as\n // bar/histogram/timeseries (no ADR-014 exclusion inversion). Dim a slice\n // when its name is NOT in the set. `selectionSet` is never a non-null\n // empty Set — the collapse above (`selection.length === 0 → null`) rules\n // that out — so there's no \"dim everything\" case here, unlike a widget\n // that gives `[]` its own \"selected down to nothing\" meaning.\n const colorFn = (params: CallbackDataParams): string => {\n const base = resolvePaletteColor(params)\n if (!selectionSet) return base\n const datum = params.value as { name?: string \| number } \| undefined\n const name = datum?.name ?? params.name\n return name != null && selectionSet.has(name)\n ? base\n : echarts.color.modifyAlpha(base, 0.15)\n }\n\n // Which slice renders the centre value+name: the greatest value among\n // the included slices (all of them when there's no active\n // selection), computed locally — no query round-trip. Only that one\n // slice's formatter call returns text; every other slice returns ''\n // so exactly one label ever renders at the shared centre anchor. Only\n // `typeof value === 'number'` participates — if every included slice's\n // value is non-numeric, `centerMaxName` stays `undefined` and no slice\n // matches it in `labelTextFormatter` below, so the chart renders with no\n // centre label at all (graceful no-op, not a crash).\n const centerData = seriesArr[0] ?? []\n let centerMaxName: string \| number \| undefined\n let centerMaxValue = -Infinity\n for (const d of centerData) {\n if (selectionSet && !selectionSet.has(d.name)) continue\n if (typeof d.value === 'number' && d.value > centerMaxValue) {\n centerMaxValue = d.value\n centerMaxName = d.name\n }\n }\n\n // Center label formatter — lives in the merger because it reads\n // reactive `formatter` / `labelFormatter` from ctx. The rich tags\n // `{c\|…}` and `{b\|…}` reference the rich styles baked into the\n // structural label template.\n const labelTextFormatter = (params: CallbackDataParams): string => {\n const { name } = params\n if (name == null \|\| name !== centerMaxName) return ''\n const encodeIndex = params.encode?.value?.[0]\n if (encodeIndex === undefined) return ''\n const value = (Object.values(params.data ?? {}) as unknown[]).at(\n encodeIndex,\n )\n // `value` here is the resolved dataset cell — for pie data it's a\n // `string \| number` primitive. Anything else is a misuse we won't\n // dress up with `String(...)` (would render \"[object Object]\").\n const formattedValue =\n typeof value === 'number'\n ? formatter\n ? formatter(value)\n : String(value)\n : typeof value === 'string'\n ? value\n : ''\n const formattedName = labelFormatter\n ? String(labelFormatter(name ?? ''))\n : String(name ?? '')\n return `{c\|${formattedValue}}\\n\\n{b\|${formattedName}}`\n }\n\n return {\n ...option,\n dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n series: seriesArr.map((_, i) => {\n const template =\n (seriesTemplates[i] as object \| undefined) ??\n (broadcastTemplate as object)\n const templateObj = typeof template === 'object' ? template : {}\n const templateLabel = (templateObj as { label?: object }).label ?? {}\n const templateItemStyle =\n (templateObj as { itemStyle?: object }).itemStyle ?? {}\n return {\n ...templateObj,\n type: 'pie' as const,\n legendHoverLink: false,\n datasetIndex: i,\n name: series?.[i]?.name ?? `Series ${i + 1}`,\n radius: [...radius],\n // Lift the donut up so the bottom-anchored legend has the\n // vertical real estate to wrap to multiple rows for long\n // category lists — at exactly `50%` the bottom slices crowd\n // the chips and `type: 'plain'` legends can't expand upward\n // without overlapping the donut.\n center: ['50%', '38%'] as [string, string],\n encode: { itemName: 'name', value: 'value' },\n label: {\n ...templateLabel,\n formatter: labelTextFormatter,\n },\n itemStyle: {\n ...templateItemStyle,\n color: colorFn,\n },\n }\n }),\n // Legend always shows for pie (mirrors v1) — slice names drive the\n // entries, so even a single donut benefits from a category list.\n //\n // Exclusion is conveyed purely via `colorFn`/`labelTextFormatter`\n // dimming above, never via the legend's `selected` map: for a pie\n // series, ECharts treats `legend.selected[name] = false` as \"remove\n // this data point,\" which recomputes every remaining slice's angle —\n // the excluded slice disappears instead of rendering dimmed. Forcing\n // every name to `true` on every render also overrides ECharts' own\n // internal toggle state from a native legend click (which flips a\n // name to `false` and hides it before our `legendselectchanged`\n // handler gets a chance to react), so a legend click never leaves a\n // slice structurally removed — only the color/label dimming reflects\n // exclusion, and it stays in sync with the slice itself since both\n // read `selectionSet` on the same render.\n legend: {\n ...baseLegend,\n show: true,\n selectedMode: false,\n selected: Object.fromEntries(\n (seriesArr[0] ?? []).map((d) => [String(d.name), true]),\n ),\n },\n tooltip: {\n ...baseTooltip,\n formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n },\n }\n}\n\n/*\n Multi-series horizontal-bar fusion. Mirrors v1 pie's \"pie data with\n * >1 series collapses into a horizontal bar chart\" behavior — side-by-\n * side donuts don't read well when you're comparing the same categories\n * across cohorts, so swap to a value-on-x / category-on-y bar layout.\n \n Pie data shape is identical to bar's (`{ name, value }[][]`), so the\n * same dataset feeds either layout without transformation.\n /\nfunction buildMultiSeriesBarFusion(\n option: EChartsOption,\n seriesArr: PieWidgetData,\n theme: Theme,\n series: readonly WidgetSeries[] \| undefined,\n ctx: OptionFactoryContext \| undefined,\n selectionSet: Set<string \| number> \| null,\n): EChartsOption {\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 const baseGrid =\n typeof option.grid === 'object' && !Array.isArray(option.grid)\n ? option.grid\n : {}\n const formatter = ctx?.formatter\n const labelFormatter = ctx?.labelFormatter\n\n const { niceMinVal, niceMaxVal } = computeNiceBounds(seriesArr)\n\n // Per-series palette — multi-series bars take one color per series\n // (not per-data, unlike donut slices). Same anti-stale-callback rule:\n // always emit the callback so a transition to/from a selection\n // replaces the previous closure cleanly.\n const palette = Array.isArray(option.color)\n ? (option.color as readonly (string \| undefined)[])\n : []\n const barColorFn = (params: CallbackDataParams): string => {\n const seriesIdx = params.seriesIndex ?? 0\n const seriesSwatch =\n palette.length > 0 ? palette[seriesIdx % palette.length] : undefined\n const base = (seriesSwatch ?? params.color) as string\n if (!selectionSet) return base\n const datum = params.value as { name?: string \| number } \| undefined\n const name = datum?.name ?? params.name\n return name != null && selectionSet.has(name)\n ? base\n : echarts.color.modifyAlpha(base, 0.15)\n }\n\n return {\n ...option,\n dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n grid: {\n ...baseGrid,\n ...buildGridConfig(true, theme),\n right: parseInt(theme.spacing(4)),\n containLabel: true,\n },\n // Drop pie-specific structural keys that shouldn't render in the\n // bar fallback. ECharts ignores undefined keys, so this is a clean\n // override.\n series: seriesArr.map((_, i) => {\n const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n return {\n datasetIndex: i,\n type: 'bar' as const,\n name: series?.[i]?.name ?? `Series ${i + 1}`,\n barMaxWidth: 100,\n legendHoverLink: false,\n emphasis: { focus: 'series' },\n ...buildSeriesLabelConfig(formatter, 'x'),\n itemStyle: { color: barColorFn },\n ...(overrideColor ? { color: overrideColor } : {}),\n }\n }),\n xAxis: {\n type: 'value',\n // Closures over the pre-computed nice bounds — ECharts calls them\n // once per render to resolve the axis extents.\n min: () => niceMinVal,\n max: () => niceMaxVal,\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 // Value labels render BELOW the axis line (default placement),\n // NOT inside the plot. Bar/histogram use `inside: true` +\n // `verticalAlign: 'bottom'` for their vertical* y-axis where the\n // axis is the left wall — labels inside read like grid annotations.\n // A horizontal bar chart's value axis is the x-axis, and `inside`\n // there pushes the max label behind the bar (it visually\n // disappears once a bar reaches the right edge). Use the default\n // below-the-axis placement so the rounded extents stay readable.\n axisLabel: {\n fontSize: theme.typography.overlineDelicate?.fontSize,\n fontFamily: theme.typography.overlineDelicate?.fontFamily,\n margin: parseInt(theme.spacing(1)),\n showMaxLabel: true,\n showMinLabel: true,\n formatter: (value: number) => {\n if (value !== niceMaxVal && value !== niceMinVal) return ''\n if (value === 0) return ''\n return formatter ? formatter(value) : String(value)\n },\n },\n },\n yAxis: {\n type: 'category',\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n ...(labelFormatter && {\n formatter: (value: string \| number) => String(labelFormatter(value)),\n }),\n },\n },\n // Mirrors the donut branch's `selected` reset above — `selectedMode:\n // false` blocks the native legend click that would otherwise undo an\n // ECharts-internal toggle, so without forcing every entry back to\n // `true` here a prior native toggle (from before `selectedMode` took\n // effect, or a stale `keepAlive` instance) would stay hidden forever\n // with no way to restore it.\n legend: {\n ...baseLegend,\n show: true,\n selectedMode: false,\n selected: Object.fromEntries(\n seriesArr.map((_, i) => [series?.[i]?.name ?? `Series ${i + 1}`, true]),\n ),\n },\n tooltip: {\n ...baseTooltip,\n trigger: 'axis',\n formatter: buildHorizontalBarTooltipFormatter(formatter, labelFormatter),\n },\n } as EChartsOption\n}\n\n/*\n Tooltip formatter for the horizontal-bar fallback. Reads the value by\n * `encode.x` dimension index (v1 parity) so it stays robust to\n * downstream changes that rename dataset columns.\n /\nfunction buildHorizontalBarTooltipFormatter(\n formatter: ((value: number) => string) \| undefined,\n labelFormatter: ((value: string \| number) => string \| number) \| undefined,\n) {\n return createTooltipFormatter((item) => {\n const encodeIndex = item.encode?.x?.at(0)\n const dimName =\n encodeIndex !== undefined ? item.dimensionNames?.[encodeIndex] : undefined\n const row =\n item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n ? (item.value as Record<string, string \| number>)\n : undefined\n const raw = dimName && row ? row[dimName] : undefined\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 const name = labelFormatter\n ? String(labelFormatter(item.name ?? ''))\n : String(item.name ?? '')\n return { name, seriesName, marker, value: formattedValue }\n })\n}\n\n/\n Min/max bounds over every datum's `.value` across all series. Used by\n * the horizontal-bar fallback's x-axis label formatter so we only render\n * labels at the rounded extents (matches v1 + bar / histogram).\n /\nfunction computeNiceBounds(seriesArr: PieWidgetData): {\n niceMinVal: number\n niceMaxVal: number\n} {\n let min = 0\n let max = -Infinity\n for (const series of seriesArr) {\n for (const d of series) {\n if (typeof d?.value !== 'number' \|\| !Number.isFinite(d.value)) continue\n if (d.value < min) min = d.value\n if (d.value > max) max = d.value\n }\n }\n return {\n niceMinVal: min < 0 ? niceNum(min) : 0,\n niceMaxVal: max <= 0 ? 1 : niceNum(max),\n }\n}\n\n/\n Tooltip formatter for pie slices. `item.value` is the dataset row\n * object (e.g. `{ name: 'A', value: 10 }`); we pull the value by\n * `encode.value`'s dimension index, formatted via the reactive `formatter`\n * if present. Slice name passes through `labelFormatter`.\n /\nfunction buildPieTooltipFormatter(\n formatter: ((value: number) => string) \| undefined,\n labelFormatter: ((value: string \| number) => string \| number) \| undefined,\n) {\n return createTooltipFormatter((item) => {\n const encodeIndex = item.encode?.value?.at(0) ?? 1\n const values =\n item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n ? (Object.values(item.value) as (string \| number)[])\n : []\n const raw = values[encodeIndex]\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 const name = labelFormatter\n ? String(labelFormatter(item.name ?? ''))\n : String(item.name ?? '')\n return { name, seriesName, marker, value: formattedValue }\n })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst OUTER_SIZE = 160\nconst HOLE_SIZE = 96\n\nconst styles = {\n root: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: 200,\n py: 1,\n gap: ({ spacing }) => spacing(2),\n },\n donut: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n ring: {\n width: OUTER_SIZE,\n height: OUTER_SIZE,\n },\n hole: {\n position: 'absolute',\n zIndex: 1,\n width: HOLE_SIZE,\n height: HOLE_SIZE,\n borderRadius: '50%',\n bgcolor: 'background.paper',\n },\n label: {\n position: 'absolute',\n zIndex: 2,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: ({ spacing }) => spacing(0.5),\n },\n legend: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(2),\n },\n legendItem: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(1.5),\n },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface PieSkeletonProps {\n count?: number\n}\n\n/\n Loading state for the Pie widget. Mirrors the donut silhouette — a ring\n * (gray circle with a background-coloured hole punched out), a stacked\n * value/name stub in the centre, and a centered legend stub below — so the\n * skeleton reads as \"a donut chart\" rather than a solid disc.\n \n Single donut only: multi-series pie loads as a horizontal bar chart, so\n * rendering one ring stays honest regardless of `count`.\n /\nexport function PieSkeleton({ count }: PieSkeletonProps) {\n // `count` is accepted for API compatibility but intentionally unused: the\n // skeleton always renders a single donut, since multi-series pie loads as a\n // horizontal bar chart rather than multiple donuts.\n void count\n return (\n <Box sx={styles.root}>\n <Box sx={styles.donut}>\n <Skeleton variant='circular' sx={styles.ring} />\n <Box sx={styles.hole} />\n <Box sx={styles.label}>\n <Skeleton width={56} height={18} />\n <Skeleton width={36} height={8} />\n </Box>\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 buildCsvDownloadItem,\n buildPngDownloadItem,\n type DownloadItem,\n} from '../actions/download'\nimport type { PieWidgetData } from './types'\n\n/\n Download menu items for the Pie widget. Always includes a CSV item with\n * `series, name, value` columns (one row per slice; series labels come from\n * `seriesNames` if provided, else `series_<n>`). When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(args: {\n filename: string\n getData: () => PieWidgetData\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 buildCsvDownloadItem({\n filename: args.filename,\n getRows: () => {\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 slice of series) {\n rows.push([seriesName, slice.name, slice.value])\n }\n }\n return rows\n },\n }),\n )\n return items\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"pie.js","names":["Theme","EChartsOption","echarts","CallbackDataParams","buildGridConfig","buildLegendConfig","buildSeriesLabelConfig","createTooltipFormatter","createTooltipPositioner","niceNum","OptionFactory","OptionFactoryContext","mergeOptions","resolveThemeColor","WidgetSeries","PieEChartsOption","PieOptionFactoryInput","PieOptionsInput","PieWidgetData","DEFAULT_RADIUS","pieOptions","theme","formatter","labelFormatter","legend","hasLegend","left","type","itemGap","selectedMode","tooltip","trigger","backgroundColor","palette","grey","borderWidth","padding","parseInt","spacing","textStyle","color","common","white","fontSize","fontFamily","typography","caption","position","buildPieTooltipFormatter","Object","values","qualitative","bold","Record","series","colorBy","avoidLabelOverlap","selectedOffset","legendHoverLink","emphasis","disabled","itemStyle","borderColor","background","paper","label","show","rich","b","fontWeight","lineHeight","c","createPieOptionFactory","options","optionsOverride","radius","selection","selectionSet","undefined","length","Set","option","data","ctx","structural","Partial","seriesArr","Array","isArray","dataset","buildMultiSeriesBarFusion","buildSingleSeriesPieFusion","seriesTemplates","broadcastTemplate","baseTooltip","baseLegend","resolvePaletteColor","params","swatch","dataIndex","colorFn","base","datum","value","name","has","modifyAlpha","templateLabelPosition","isCenterLabel","centerData","centerMaxName","centerMaxValue","Infinity","d","labelTextFormatter","encodeIndex","encode","at","formattedValue","String","formattedName","separator","map","s","source","_","i","template","templateObj","templateLabel","templateItemStyle","const","datasetIndex","center","itemName","selected","fromEntries","baseGrid","grid","niceMinVal","niceMaxVal","computeNiceBounds","barColorFn","seriesIdx","seriesIndex","seriesSwatch","right","containLabel","overrideColor","barMaxWidth","focus","xAxis","min","max","axisLine","axisTick","splitLine","lineStyle","black","divider","axisLabel","overlineDelicate","margin","showMaxLabel","showMinLabel","yAxis","buildHorizontalBarTooltipFormatter","item","x","dimName","dimensionNames","row","raw","marker","seriesName","Number","isFinite","Box","Skeleton","SxProps","Theme","OUTER_SIZE","HOLE_SIZE","styles","root","display","flexDirection","alignItems","justifyContent","minHeight","py","gap","spacing","donut","position","ring","width","height","hole","zIndex","borderRadius","bgcolor","label","legend","legendItem","Record","PieSkeletonProps","count","PieSkeleton","t0","$","_c","t1","t2","Symbol","for","t3","t4","map","_temp","i","buildCsvDownloadItem","buildPngDownloadItem","DownloadItem","PieWidgetData","createPieDownloadConfig","args","filename","getData","seriesNames","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","items","push","pixelRatio","backgroundColor","getRows","data","rows","i","series","entries","seriesName","slice","name","value"],"sources":["../../src/widgets-v2/pie/options.ts","../../src/widgets-v2/pie/skeleton.tsx","../../src/widgets-v2/pie/download.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n buildGridConfig,\n buildLegendConfig,\n buildSeriesLabelConfig,\n createTooltipFormatter,\n createTooltipPositioner,\n niceNum,\n} from '../../widgets/utils/chart-config'\nimport type { OptionFactory, OptionFactoryContext } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport type { WidgetSeries } from '../types'\nimport type {\n PieEChartsOption,\n PieOptionFactoryInput,\n PieOptionsInput,\n PieWidgetData,\n} from './types'\n\nconst DEFAULT_RADIUS: readonly [string, string] = ['58%', '74%']\n\n/*\n Builds the structural ECharts option for a pie / donut widget.\n * Mirrors v1's pie look-and-feel: themed legend (`buildLegendConfig`),\n * themed tooltip via `createTooltipPositioner` / `createTooltipFormatter`,\n * `qualitative.bold` color palette, slice borders against the paper\n * background, hover-emphasis disabled, and a centered rich-text label.\n \n Layered like Bar / Histogram:\n * - Theme-aware bits live here on a series template (slice border,\n * center-label rich style sizes, emphasis-disabled).\n * - Reactive bits (tooltip value formatter, center-label text,\n * selection-driven dim) are re-emitted by\n * {@link createPieOptionFactory} at fusion time so RelativeData's\n * percent override flows through.\n /\nexport function pieOptions({\n theme,\n formatter,\n labelFormatter,\n}: PieOptionsInput): PieEChartsOption {\n return {\n legend: {\n ...buildLegendConfig({ hasLegend: true, labelFormatter }),\n // Pie reads better with a centered legend (the donut is radially\n // symmetric — left-aligning the legend below it visually unbalances\n // the chart). Override `buildLegendConfig`'s `type: 'scroll'` with\n // `'plain'` so long category lists wrap to multiple rows instead\n // of clipping the last visible item against the chart container.\n // The wider `itemGap` gives chips breathing room in the typical\n // 3–6 category case.\n left: 'center',\n type: 'scroll',\n itemGap: 16,\n // The legend is presentational only here — the pie has its own\n // click-to-select affordance on the slices themselves, so legend\n // clicks toggling series visibility would be a second, redundant/\n // conflicting interaction model. Hover-highlight is disabled per\n // series via `legendHoverLink` (ECharts has no legend-level knob\n // for it).\n selectedMode: false,\n },\n tooltip: {\n // Pie uses item-trigger (no axis); the rest of the styling mirrors\n // bar/histogram so the dashboard reads consistently — dark\n // grey[900] bg, white caption-font text, padded, with the shared\n // overflow-aware positioner.\n trigger: 'item',\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 position: createTooltipPositioner(theme),\n formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n },\n // V1 used `qualitative.bold` only (no `secondary.main` prefix) because\n // pie slices are categorical — each slice deserves a distinct palette\n // entry from the start, not a primary highlight.\n color: Object.values(\n (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n .qualitative?.bold ?? {},\n ),\n // Pie template. The merger spreads this into each per-data series it\n // emits — borderColor / borderWidth / emphasis-disabled / label rich\n // sizes all survive through.\n series: [\n {\n type: 'pie',\n colorBy: 'data',\n avoidLabelOverlap: true,\n selectedOffset: 0,\n legendHoverLink: false,\n emphasis: { disabled: true },\n itemStyle: {\n borderColor: theme.palette.background.paper,\n borderWidth: 1,\n },\n label: {\n show: true,\n position: 'center',\n rich: {\n b: { fontSize: 16, fontWeight: 'normal', lineHeight: 20 },\n c: { fontSize: 28, fontWeight: 'bold', lineHeight: 27 },\n },\n },\n },\n ],\n }\n}\n\n/\n Returns the pie widget's {@link OptionFactory} — one closure that owns\n * BOTH phases of option construction:\n \n - Structural phase (`option == null`) — builds the theme-aware\n * structural option via {@link pieOptions}, optionally merging the\n * consumer-supplied `optionsOverride` on top. Called once by Provider\n * to seed `rawOptions` in the store.\n * - Merge phase (`option != null`) — fuses post-pipeline `state.data`\n * (`PieWidgetData`) into the option via the dataset API. Single-series\n * → donut (one dataset, `series[i].encode = { itemName: 'name', value: 'value' }`).\n * Multi-series → horizontal-bar fallback (mirrors v1 pie). Reactive\n * formatters from `ctx` drive the tooltip + center label at fusion\n * time so RelativeData's percent formatter flows through without a\n * structural rebuild.\n /\nexport function createPieOptionFactory(\n options: PieOptionFactoryInput,\n): OptionFactory {\n const { theme, formatter, labelFormatter, optionsOverride, series } = options\n const radius = options.radius ?? DEFAULT_RADIUS\n const selection = options.selection\n // An explicit `[]` (deselected down to zero via chart clicks) is treated\n // the same as no selection: the pie has no bar/histogram-style \"nothing\n // selected\" affordance, so dimming every slice would just look broken —\n // it renders fully active, same as the no-interaction state.\n const selectionSet =\n selection === undefined \|\| selection === null \|\| selection.length === 0\n ? null\n : new Set<string \| number>(selection)\n return (option, data, ctx) => {\n if (option == null) {\n const structural = pieOptions({ theme, formatter, labelFormatter })\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 = Array.isArray(data) ? (data as PieWidgetData) : []\n if (seriesArr.length === 0) {\n return { ...option, dataset: [], series: [] }\n }\n if (seriesArr.length > 1) {\n return buildMultiSeriesBarFusion(\n option,\n seriesArr,\n theme,\n series,\n ctx,\n selectionSet,\n )\n }\n return buildSingleSeriesPieFusion(\n option,\n seriesArr,\n radius,\n series,\n ctx,\n selectionSet,\n )\n }\n}\n\n/\n Single-series donut fusion. Spreads the structural pie series template\n * into per-data series with center/radius/encoding, wires the reactive\n * center-label / tooltip formatters and the per-data palette-aware\n * selection-dim callback.\n /\nfunction buildSingleSeriesPieFusion(\n option: EChartsOption,\n seriesArr: PieWidgetData,\n radius: readonly [string, string],\n series: readonly WidgetSeries[] \| undefined,\n ctx: OptionFactoryContext \| undefined,\n selectionSet: Set<string \| number> \| null,\n): EChartsOption {\n const seriesTemplates = Array.isArray(option.series) ? option.series : []\n const broadcastTemplate = seriesTemplates[0] ?? {}\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 const formatter = ctx?.formatter\n const labelFormatter = ctx?.labelFormatter\n\n // Pie wants `colorBy: 'data'` — each slice draws from the option's\n // `color` palette by data index. But installing an `itemStyle.color`\n // callback disables ECharts' automatic per-data cycling, and\n // `params.color` collapses to the series color (so every slice goes\n // the same color). We re-implement the per-data palette resolution\n // here so the multicolor look survives selection-driven dimming.\n const palette = Array.isArray(option.color)\n ? (option.color as readonly (string \| undefined)[])\n : []\n const resolvePaletteColor = (params: CallbackDataParams): string => {\n const swatch =\n palette.length > 0\n ? palette[params.dataIndex % palette.length]\n : undefined\n return swatch ?? (params.color as string)\n }\n\n // Always emit `itemStyle.color` (passthrough when nothing is selected),\n // not conditionally — same anti-stale-callback rationale as bar /\n // histogram. The slice border + width come from the structural\n // template's `itemStyle` and survive via the spread below.\n //\n // `selectionSet` is the included* set, same direct semantics as\n // bar/histogram/timeseries (no ADR-014 exclusion inversion). Dim a slice\n // when its name is NOT in the set. `selectionSet` is never a non-null\n // empty Set — the collapse above (`selection.length === 0 → null`) rules\n // that out — so there's no \"dim everything\" case here, unlike a widget\n // that gives `[]` its own \"selected down to nothing\" meaning.\n const colorFn = (params: CallbackDataParams): string => {\n const base = resolvePaletteColor(params)\n if (!selectionSet) return base\n const datum = params.value as { name?: string \| number } \| undefined\n const name = datum?.name ?? params.name\n return name != null && selectionSet.has(name)\n ? base\n : echarts.color.modifyAlpha(base, 0.15)\n }\n\n // ECharts anchors EVERY slice's `position: 'center'` label at the same\n // point, so at most one of them can ever be legible — the donut design\n // leans into that (one KPI inside the ring) and picks a single slice\n // below. A consumer that moves the labels off the centre gives each\n // slice its own anchor (`'outside'` with leader lines is what the PDF\n // export uses, `'inside'` / `'insideTop'` … likewise), and there the\n // single-label rule is simply wrong: every slice must render its own\n // label. Read the position off the structural template, which already\n // carries the consumer's `optionsOverride`.\n const templateLabelPosition = (\n broadcastTemplate as { label?: { position?: unknown } }\n ).label?.position\n const isCenterLabel =\n templateLabelPosition === undefined \|\| templateLabelPosition === 'center'\n\n // Which slice renders the centre value+name: the greatest value among\n // the included slices (all of them when there's no active\n // selection), computed locally — no query round-trip. Only that one\n // slice's formatter call returns text; every other slice returns ''\n // so exactly one label ever renders at the shared centre anchor. Only\n // `typeof value === 'number'` participates — if every included slice's\n // value is non-numeric, `centerMaxName` stays `undefined` and no slice\n // matches it in `labelTextFormatter` below, so the chart renders with no\n // centre label at all (graceful no-op, not a crash). Skipped entirely\n // for off-centre labels, where every slice labels itself.\n const centerData = seriesArr[0] ?? []\n let centerMaxName: string \| number \| undefined\n let centerMaxValue = -Infinity\n for (const d of centerData) {\n if (selectionSet && !selectionSet.has(d.name)) continue\n if (typeof d.value === 'number' && d.value > centerMaxValue) {\n centerMaxValue = d.value\n centerMaxName = d.name\n }\n }\n\n // Slice label formatter — lives in the merger because it reads\n // reactive `formatter` / `labelFormatter` from ctx. The rich tags\n // `{c\|…}` and `{b\|…}` reference the rich styles baked into the\n // structural label template.\n const labelTextFormatter = (params: CallbackDataParams): string => {\n const { name } = params\n if (name == null) return ''\n if (isCenterLabel && name !== centerMaxName) return ''\n const encodeIndex = params.encode?.value?.[0]\n if (encodeIndex === undefined) return ''\n const value = (Object.values(params.data ?? {}) as unknown[]).at(\n encodeIndex,\n )\n // `value` here is the resolved dataset cell — for pie data it's a\n // `string \| number` primitive. Anything else is a misuse we won't\n // dress up with `String(...)` (would render \"[object Object]\").\n const formattedValue =\n typeof value === 'number'\n ? formatter\n ? formatter(value)\n : String(value)\n : typeof value === 'string'\n ? value\n : ''\n const formattedName = labelFormatter\n ? String(labelFormatter(name ?? ''))\n : String(name ?? '')\n // The blank line is what separates the big centre KPI from its\n // caption. Off-centre labels sit next to their own slice and are\n // laid out against their neighbours, so the spacer only inflates\n // each label's bounding box — enough, with a hidden `{b\|…}` block,\n // to make ECharts drop colliding labels altogether.\n const separator = isCenterLabel ? '\\n\\n' : '\\n'\n return `{c\|${formattedValue}}${separator}{b\|${formattedName}}`\n }\n\n return {\n ...option,\n dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n series: seriesArr.map((_, i) => {\n const template =\n (seriesTemplates[i] as object \| undefined) ??\n (broadcastTemplate as object)\n const templateObj = typeof template === 'object' ? template : {}\n const templateLabel = (templateObj as { label?: object }).label ?? {}\n const templateItemStyle =\n (templateObj as { itemStyle?: object }).itemStyle ?? {}\n return {\n ...templateObj,\n type: 'pie' as const,\n legendHoverLink: false,\n datasetIndex: i,\n name: series?.[i]?.name ?? `Series ${i + 1}`,\n radius: [...radius],\n // Lift the donut up so the bottom-anchored legend has the\n // vertical real estate to wrap to multiple rows for long\n // category lists — at exactly `50%` the bottom slices crowd\n // the chips and `type: 'plain'` legends can't expand upward\n // without overlapping the donut.\n center: ['50%', '38%'] as [string, string],\n encode: { itemName: 'name', value: 'value' },\n label: {\n ...templateLabel,\n formatter: labelTextFormatter,\n },\n itemStyle: {\n ...templateItemStyle,\n color: colorFn,\n },\n }\n }),\n // Legend always shows for pie (mirrors v1) — slice names drive the\n // entries, so even a single donut benefits from a category list.\n //\n // Exclusion is conveyed purely via `colorFn`/`labelTextFormatter`\n // dimming above, never via the legend's `selected` map: for a pie\n // series, ECharts treats `legend.selected[name] = false` as \"remove\n // this data point,\" which recomputes every remaining slice's angle —\n // the excluded slice disappears instead of rendering dimmed. Forcing\n // every name to `true` on every render also overrides ECharts' own\n // internal toggle state from a native legend click (which flips a\n // name to `false` and hides it before our `legendselectchanged`\n // handler gets a chance to react), so a legend click never leaves a\n // slice structurally removed — only the color/label dimming reflects\n // exclusion, and it stays in sync with the slice itself since both\n // read `selectionSet` on the same render.\n legend: {\n ...baseLegend,\n show: true,\n selectedMode: false,\n selected: Object.fromEntries(\n (seriesArr[0] ?? []).map((d) => [String(d.name), true]),\n ),\n },\n tooltip: {\n ...baseTooltip,\n formatter: buildPieTooltipFormatter(formatter, labelFormatter),\n },\n }\n}\n\n/*\n Multi-series horizontal-bar fusion. Mirrors v1 pie's \"pie data with\n * >1 series collapses into a horizontal bar chart\" behavior — side-by-\n * side donuts don't read well when you're comparing the same categories\n * across cohorts, so swap to a value-on-x / category-on-y bar layout.\n \n Pie data shape is identical to bar's (`{ name, value }[][]`), so the\n * same dataset feeds either layout without transformation.\n /\nfunction buildMultiSeriesBarFusion(\n option: EChartsOption,\n seriesArr: PieWidgetData,\n theme: Theme,\n series: readonly WidgetSeries[] \| undefined,\n ctx: OptionFactoryContext \| undefined,\n selectionSet: Set<string \| number> \| null,\n): EChartsOption {\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 const baseGrid =\n typeof option.grid === 'object' && !Array.isArray(option.grid)\n ? option.grid\n : {}\n const formatter = ctx?.formatter\n const labelFormatter = ctx?.labelFormatter\n\n const { niceMinVal, niceMaxVal } = computeNiceBounds(seriesArr)\n\n // Per-series palette — multi-series bars take one color per series\n // (not per-data, unlike donut slices). Same anti-stale-callback rule:\n // always emit the callback so a transition to/from a selection\n // replaces the previous closure cleanly.\n const palette = Array.isArray(option.color)\n ? (option.color as readonly (string \| undefined)[])\n : []\n const barColorFn = (params: CallbackDataParams): string => {\n const seriesIdx = params.seriesIndex ?? 0\n const seriesSwatch =\n palette.length > 0 ? palette[seriesIdx % palette.length] : undefined\n const base = (seriesSwatch ?? params.color) as string\n if (!selectionSet) return base\n const datum = params.value as { name?: string \| number } \| undefined\n const name = datum?.name ?? params.name\n return name != null && selectionSet.has(name)\n ? base\n : echarts.color.modifyAlpha(base, 0.15)\n }\n\n return {\n ...option,\n dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n grid: {\n ...baseGrid,\n ...buildGridConfig(true, theme),\n right: parseInt(theme.spacing(4)),\n containLabel: true,\n },\n // Drop pie-specific structural keys that shouldn't render in the\n // bar fallback. ECharts ignores undefined keys, so this is a clean\n // override.\n series: seriesArr.map((_, i) => {\n const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n return {\n datasetIndex: i,\n type: 'bar' as const,\n name: series?.[i]?.name ?? `Series ${i + 1}`,\n barMaxWidth: 100,\n legendHoverLink: false,\n emphasis: { focus: 'series' },\n ...buildSeriesLabelConfig(formatter, 'x'),\n itemStyle: { color: barColorFn },\n ...(overrideColor ? { color: overrideColor } : {}),\n }\n }),\n xAxis: {\n type: 'value',\n // Closures over the pre-computed nice bounds — ECharts calls them\n // once per render to resolve the axis extents.\n min: () => niceMinVal,\n max: () => niceMaxVal,\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 // Value labels render BELOW the axis line (default placement),\n // NOT inside the plot. Bar/histogram use `inside: true` +\n // `verticalAlign: 'bottom'` for their vertical* y-axis where the\n // axis is the left wall — labels inside read like grid annotations.\n // A horizontal bar chart's value axis is the x-axis, and `inside`\n // there pushes the max label behind the bar (it visually\n // disappears once a bar reaches the right edge). Use the default\n // below-the-axis placement so the rounded extents stay readable.\n axisLabel: {\n fontSize: theme.typography.overlineDelicate?.fontSize,\n fontFamily: theme.typography.overlineDelicate?.fontFamily,\n margin: parseInt(theme.spacing(1)),\n showMaxLabel: true,\n showMinLabel: true,\n formatter: (value: number) => {\n if (value !== niceMaxVal && value !== niceMinVal) return ''\n if (value === 0) return ''\n return formatter ? formatter(value) : String(value)\n },\n },\n },\n yAxis: {\n type: 'category',\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n ...(labelFormatter && {\n formatter: (value: string \| number) => String(labelFormatter(value)),\n }),\n },\n },\n // Mirrors the donut branch's `selected` reset above — `selectedMode:\n // false` blocks the native legend click that would otherwise undo an\n // ECharts-internal toggle, so without forcing every entry back to\n // `true` here a prior native toggle (from before `selectedMode` took\n // effect, or a stale `keepAlive` instance) would stay hidden forever\n // with no way to restore it.\n legend: {\n ...baseLegend,\n show: true,\n selectedMode: false,\n selected: Object.fromEntries(\n seriesArr.map((_, i) => [series?.[i]?.name ?? `Series ${i + 1}`, true]),\n ),\n },\n tooltip: {\n ...baseTooltip,\n trigger: 'axis',\n formatter: buildHorizontalBarTooltipFormatter(formatter, labelFormatter),\n },\n } as EChartsOption\n}\n\n/*\n Tooltip formatter for the horizontal-bar fallback. Reads the value by\n * `encode.x` dimension index (v1 parity) so it stays robust to\n * downstream changes that rename dataset columns.\n /\nfunction buildHorizontalBarTooltipFormatter(\n formatter: ((value: number) => string) \| undefined,\n labelFormatter: ((value: string \| number) => string \| number) \| undefined,\n) {\n return createTooltipFormatter((item) => {\n const encodeIndex = item.encode?.x?.at(0)\n const dimName =\n encodeIndex !== undefined ? item.dimensionNames?.[encodeIndex] : undefined\n const row =\n item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n ? (item.value as Record<string, string \| number>)\n : undefined\n const raw = dimName && row ? row[dimName] : undefined\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 const name = labelFormatter\n ? String(labelFormatter(item.name ?? ''))\n : String(item.name ?? '')\n return { name, seriesName, marker, value: formattedValue }\n })\n}\n\n/\n Min/max bounds over every datum's `.value` across all series. Used by\n * the horizontal-bar fallback's x-axis label formatter so we only render\n * labels at the rounded extents (matches v1 + bar / histogram).\n /\nfunction computeNiceBounds(seriesArr: PieWidgetData): {\n niceMinVal: number\n niceMaxVal: number\n} {\n let min = 0\n let max = -Infinity\n for (const series of seriesArr) {\n for (const d of series) {\n if (typeof d?.value !== 'number' \|\| !Number.isFinite(d.value)) continue\n if (d.value < min) min = d.value\n if (d.value > max) max = d.value\n }\n }\n return {\n niceMinVal: min < 0 ? niceNum(min) : 0,\n niceMaxVal: max <= 0 ? 1 : niceNum(max),\n }\n}\n\n/\n Tooltip formatter for pie slices. `item.value` is the dataset row\n * object (e.g. `{ name: 'A', value: 10 }`); we pull the value by\n * `encode.value`'s dimension index, formatted via the reactive `formatter`\n * if present. Slice name passes through `labelFormatter`.\n /\nfunction buildPieTooltipFormatter(\n formatter: ((value: number) => string) \| undefined,\n labelFormatter: ((value: string \| number) => string \| number) \| undefined,\n) {\n return createTooltipFormatter((item) => {\n const encodeIndex = item.encode?.value?.at(0) ?? 1\n const values =\n item.value && typeof item.value === 'object' && !Array.isArray(item.value)\n ? (Object.values(item.value) as (string \| number)[])\n : []\n const raw = values[encodeIndex]\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 const name = labelFormatter\n ? String(labelFormatter(item.name ?? ''))\n : String(item.name ?? '')\n return { name, seriesName, marker, value: formattedValue }\n })\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst OUTER_SIZE = 160\nconst HOLE_SIZE = 96\n\nconst styles = {\n root: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n minHeight: 200,\n py: 1,\n gap: ({ spacing }) => spacing(2),\n },\n donut: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n ring: {\n width: OUTER_SIZE,\n height: OUTER_SIZE,\n },\n hole: {\n position: 'absolute',\n zIndex: 1,\n width: HOLE_SIZE,\n height: HOLE_SIZE,\n borderRadius: '50%',\n bgcolor: 'background.paper',\n },\n label: {\n position: 'absolute',\n zIndex: 2,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: ({ spacing }) => spacing(0.5),\n },\n legend: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(2),\n },\n legendItem: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(1.5),\n },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface PieSkeletonProps {\n count?: number\n}\n\n/\n Loading state for the Pie widget. Mirrors the donut silhouette — a ring\n * (gray circle with a background-coloured hole punched out), a stacked\n * value/name stub in the centre, and a centered legend stub below — so the\n * skeleton reads as \"a donut chart\" rather than a solid disc.\n \n Single donut only: multi-series pie loads as a horizontal bar chart, so\n * rendering one ring stays honest regardless of `count`.\n /\nexport function PieSkeleton({ count }: PieSkeletonProps) {\n // `count` is accepted for API compatibility but intentionally unused: the\n // skeleton always renders a single donut, since multi-series pie loads as a\n // horizontal bar chart rather than multiple donuts.\n void count\n return (\n <Box sx={styles.root}>\n <Box sx={styles.donut}>\n <Skeleton variant='circular' sx={styles.ring} />\n <Box sx={styles.hole} />\n <Box sx={styles.label}>\n <Skeleton width={56} height={18} />\n <Skeleton width={36} height={8} />\n </Box>\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 buildCsvDownloadItem,\n buildPngDownloadItem,\n type DownloadItem,\n} from '../actions/download'\nimport type { PieWidgetData } from './types'\n\n/\n Download menu items for the Pie widget. Always includes a CSV item with\n * `series, name, value` columns (one row per slice; series labels come from\n * `seriesNames` if provided, else `series_<n>`). When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createPieDownloadConfig(args: {\n filename: string\n getData: () => PieWidgetData\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 buildCsvDownloadItem({\n filename: args.filename,\n getRows: () => {\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 slice of series) {\n rows.push([seriesName, slice.name, slice.value])\n }\n }\n return rows\n },\n }),\n )\n return items\n}\n"],"mappings":"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"}

package/dist/widgets-v2/scatterplot.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { r as e } from "../zoom-toggle-CA0ifG23.js";
-import { n as t, t as n } from "../download-BT6qBamM.js";
-import { r, t as i } from "../utils-DtvTjjMq.js";
-import { a, d as o, f as s, i as c, s as l, u } from "../chart-config-BGt7wkK7.js";
+import { r as e } from "../zoom-toggle-KA63b6-J.js";
+import { n as t, t as n } from "../download-C7he8mSh.js";
+import { r, t as i } from "../utils-ClB6nn4w.js";
+import { a, d as o, f as s, i as c, s as l, u } from "../chart-config-BWxjodlt.js";
 import { c as d } from "react/compiler-runtime";
 import { Box as f, Skeleton as p } from "@mui/material";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";

package/dist/widgets-v2/spread.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../spread-Dy8pshpN.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../spread-C8T12Nfh.js";
 export { r as Separator, t as Spread, i as SpreadSkeleton, e as SpreadUI, n as createSpreadDownloadConfig, a as getSpreadBand };

package/dist/widgets-v2/table.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../table-BfTG6rrs.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "../table-CNQijNNB.js";
 export { o as DEFAULT_TABLE_LABELS, r as DEFAULT_TABLE_PAGE_SIZE, l as DEFAULT_TABLE_PAGE_SIZE_OPTIONS, i as Table, u as TableSkeleton, n as TableUI, e as compareValues, s as createTableDownloadConfig, c as deriveVisibleRows, f as filterTableByLockedRows, d as paginateRows, t as resolveColumns, a as sortRows, p as tableDataToCsv };

package/dist/widgets-v2/timeseries.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { r as e } from "../zoom-toggle-CA0ifG23.js";
-import { n as t, t as n } from "../download-BT6qBamM.js";
-import { n as r, r as i, t as a } from "../utils-DtvTjjMq.js";
-import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BGt7wkK7.js";
+import { r as e } from "../zoom-toggle-KA63b6-J.js";
+import { n as t, t as n } from "../download-C7he8mSh.js";
+import { n as r, r as i, t as a } from "../utils-ClB6nn4w.js";
+import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BWxjodlt.js";
 import { c as f } from "react/compiler-runtime";
 import { Box as p, Skeleton as m } from "@mui/material";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";

package/dist/widgets-v2/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../utils-DtvTjjMq.js";
+import { n as e, r as t, t as n } from "../utils-ClB6nn4w.js";
 export { t as mergeOptions, e as positionDataZoomForLegend, n as resolveThemeColor };

package/dist/widgets-v2.js CHANGED Viewed

@@ -1,18 +1,18 @@
 import { t as e } from "./tooltip-DJUGNZxY.js";
-import "./components-DDt4mOQn.js";
+import "./components-DKjBezcJ.js";
 import { t } from "./smart-tooltip-CwGHCqab.js";
 import { C as n, S as r, T as i, _ as a, h as o, l as s, m as c, p as l, w as u, x as d, y as f } from "./stores-BVFMfgyo.js";
 import { i as p, n as m, o as h, r as g } from "./echart-DSz2Tu0z.js";
 import { t as _ } from "./markdown-content-BzKoX3eu.js";
-import { C as v, S as y, c as b, f as x, g as S, o as C, r as w, t as T, y as E } from "./actions-Dy9JVr7F.js";
-import { t as D } from "./zoom-toggle-CA0ifG23.js";
-import { s as O } from "./download-BT6qBamM.js";
-import { i as k, r as A } from "./formula-Dsru_p-g.js";
-import { i as j, r as M } from "./markdown-DnSJMPjQ.js";
-import { a as N, i as P } from "./spread-Dy8pshpN.js";
+import { C as v, S as y, c as b, f as x, g as S, o as C, r as w, t as T, y as E } from "./actions-C7ZAO0FG.js";
+import { t as D } from "./zoom-toggle-KA63b6-J.js";
+import { s as O } from "./download-C7he8mSh.js";
+import { i as k, r as A } from "./formula-Cqj84ZGX.js";
+import { i as j, r as M } from "./markdown-CV_KP-at.js";
+import { a as N, i as P } from "./spread-C8T12Nfh.js";
 import { n as F, r as I } from "./range-BPWVrAsY.js";
-import { i as L, r as R } from "./category-DHZscHaS.js";
-import { d as z, i as B } from "./table-BfTG6rrs.js";
+import { i as L, r as R } from "./category-DZt6yiST.js";
+import { d as z, i as B } from "./table-CNQijNNB.js";
 import { c as V } from "react/compiler-runtime";
 import { Children as H, Component as U, isValidElement as W, useEffect as G, useLayoutEffect as K, useRef as q, useState as J } from "react";
 import { Accordion as ee, AccordionDetails as te, AccordionSummary as ne, Alert as re, AlertTitle as ie, Box as Y, Button as ae, Divider as oe, Grow as se, IconButton as ce, LinearProgress as le, Link as ue, Paper as de, Popper as fe, Typography as X } from "@mui/material";

package/dist/{zoom-toggle-CA0ifG23.js → zoom-toggle-KA63b6-J.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as e } from "./tooltip-DJUGNZxY.js";
-import "./components-DDt4mOQn.js";
+import "./components-DKjBezcJ.js";
 import { T as t, f as n, n as r } from "./stores-BVFMfgyo.js";
 import { c as i } from "react/compiler-runtime";
 import "react";
@@ -161,4 +161,4 @@ function y(l) {
 //#endregion
 export { f as a, p as i, g as n, h as r, y as t };
-//# sourceMappingURL=zoom-toggle-CA0ifG23.js.map
+//# sourceMappingURL=zoom-toggle-KA63b6-J.js.map

package/dist/{zoom-toggle-CA0ifG23.js.map → zoom-toggle-KA63b6-J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"zoom-toggle-CA0ifG23.js","names":["Theme","SLIDER_HANDLE_ICON","SLIDER_HEIGHT","SLIDER_BOTTOM","ZoomAxis","CreateAddZoomOptions","axes","createAddZoom","theme","options","option","includeX","includes","includeY","sliderStyles","getZoomSliderStyles","baseSliderProps","throttle","showDetail","brushSelect","moveHandleSize","handleSize","cfg","Record","dataZoom","push","type","xAxisIndex","yAxisIndex","height","bottom","handleIcon","width","right","addZoom","secondary","palette","main","fillerColor","borderColor","borderWidth","backgroundColor","borderRadius","dataBackground","lineStyle","opacity","areaStyle","color","selectedDataBackground","handleStyle","common","white","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","textStyle","black","text","primary","fontSize","parseInt","typography","overlineDelicate","fontFamily","caption","ZOOM_LAYOUT","sliderHeight","sliderGap","sliderBottomWithLegend","const","ZoomToggleLabels","on","off","DEFAULT_ZOOM_TOGGLE_LABELS","SxProps","Theme","styles","toggle","p","fontSize","toggleActive","background","theme","palette","primary","relatedLight","Record","useCallback","useMemo","ComponentType","IconButton","useTheme","SvgIconProps","ZoomIn","ZoomInIcon","Tooltip","getEchartInstance","useSingleTransform","useWidgetId","createAddZoom","ZoomAxis","DEFAULT_ZOOM_TOGGLE_LABELS","ZoomToggleLabels","styles","ZOOM_DESCRIPTOR","id","type","const","order","ZoomToggleProps","initialEnabled","labels","Partial","icon","iconProps","axes","ZoomToggle","t0","$","_c","t1","t2","undefined","Icon","theme","t3","_labels","t4","includes","includeX","t5","includeY","t6","resolved","push","transform","t7","enabled","toggle","t8","setOption","replaceMerge","handleToggle","tooltip","on","off","t9","t10","toggleActive","t11","t12","t13","t14"],"sources":["../src/widgets-v2/actions/zoom-toggle/transforms.ts","../src/widgets-v2/actions/zoom-toggle/labels.ts","../src/widgets-v2/actions/zoom-toggle/style.ts","../src/widgets-v2/actions/zoom-toggle/zoom-toggle.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\n\n/*\n v1's slider handle — 9×36 SVG with a white pill body, secondary-colored\n * stroke, and three grip lines. Inlined as a data URL so the chart can\n * render it without a network fetch.\n /\nconst SLIDER_HANDLE_ICON =\n 'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4='\n\nconst SLIDER_HEIGHT = 32\nconst SLIDER_BOTTOM = 0\n\n/* Which chart axis (or axes) zoom applies to. /\nexport type ZoomAxis = 'x' \| 'y'\n\nexport interface CreateAddZoomOptions {\n /\n Axes to enable zoom on. Default `['x']` (matches bar / histogram /\n * timeseries — horizontal pan/zoom on the category axis). Pass\n * `['x', 'y']` for a scatterplot-style 2D zoom (mouse-wheel scales both\n * axes; a horizontal slider sits at the bottom for x-range and a\n * vertical slider sits on the right for y-range).\n /\n axes?: readonly ZoomAxis[]\n}\n\n/\n Theme-bound zoom config transform: adds one inside `dataZoom`\n * (mouse-wheel + drag) per axis plus a styled slider per axis with the\n * v1 chrome (blue-tinted filler, secondary-color data preview, white\n * pill handles, CARTO typography). The x-slider is horizontal at the\n * bottom; the y-slider is vertical on the right.\n \n Returned function has stable identity for a given theme + axes\n * combination; pair with `useMemo` at the call site.\n \n No `start` / `end` are emitted: ECharts defaults to `0–100` on the\n * first `setOption` and then keeps the runtime slider state across\n * subsequent merges (no `replaceMerge` for `dataZoom`). Re-running the\n * transform on data/formatter/RelativeData updates therefore preserves the\n * user's dragged range instead of snapping it back.\n /\nexport function createAddZoom(\n theme: Theme,\n options: CreateAddZoomOptions = {},\n): (option: unknown) => unknown {\n const axes = options.axes ?? ['x']\n const includeX = axes.includes('x')\n const includeY = axes.includes('y')\n const sliderStyles = getZoomSliderStyles(theme)\n const baseSliderProps = {\n throttle: 0,\n showDetail: false,\n brushSelect: false,\n moveHandleSize: 8,\n handleSize: '100%',\n ...sliderStyles,\n }\n return (option: unknown): unknown => {\n if (option == null \|\| typeof option !== 'object') return option\n const cfg = option as Record<string, unknown>\n const dataZoom: object[] = []\n if (includeX) {\n dataZoom.push({ type: 'inside', xAxisIndex: [0], throttle: 0 })\n }\n if (includeY) {\n dataZoom.push({ type: 'inside', yAxisIndex: [0], throttle: 0 })\n }\n if (includeX) {\n dataZoom.push({\n type: 'slider',\n xAxisIndex: [0],\n height: SLIDER_HEIGHT,\n bottom: SLIDER_BOTTOM,\n handleIcon: SLIDER_HANDLE_ICON,\n ...baseSliderProps,\n })\n }\n if (includeY) {\n // Vertical slider — `width` is its thickness, `right` pins it to\n // the right edge. We omit `handleIcon` so ECharts renders its\n // default vertical handle (the inline SVG is shaped for a\n // horizontal slider and looks wrong when rotated).\n dataZoom.push({\n type: 'slider',\n yAxisIndex: [0],\n width: SLIDER_HEIGHT,\n right: SLIDER_BOTTOM,\n ...baseSliderProps,\n })\n }\n return { ...cfg, dataZoom }\n }\n}\n\n/\n Back-compat untyped transform — produces the bare `dataZoom` config from\n * the original v2 implementation. Use {@link createAddZoom} when a theme is\n * available so the slider matches the v1 styling.\n \n `start` / `end` are intentionally omitted so ECharts preserves the user's\n * runtime range across subsequent `setOption` merges (see {@link createAddZoom}).\n /\nexport const addZoom = (option: unknown): unknown => {\n if (option == null \|\| typeof option !== 'object') return option\n const cfg = option as Record<string, unknown>\n return {\n ...cfg,\n dataZoom: [\n { type: 'inside' },\n {\n type: 'slider',\n height: SLIDER_HEIGHT,\n bottom: SLIDER_BOTTOM,\n },\n ],\n }\n}\n\n/* Style block matching v1's `getEChartZoomSliderStyles`. /\nfunction getZoomSliderStyles(theme: Theme) {\n const secondary = theme.palette.secondary?.main ?? '#358BE7'\n return {\n fillerColor: 'rgba(53, 139, 231, 0.25)',\n borderColor: 'rgba(53, 139, 231, 0.3)',\n borderWidth: 0.5,\n backgroundColor: 'transparent',\n borderRadius: 4,\n dataBackground: {\n lineStyle: { opacity: 0 },\n areaStyle: { opacity: 1, color: secondary },\n },\n selectedDataBackground: {\n lineStyle: { opacity: 0 },\n areaStyle: { opacity: 1, color: secondary },\n },\n handleStyle: {\n color: theme.palette.common?.white ?? '#fff',\n borderColor: 'rgba(3, 111, 226, 0.08)',\n borderWidth: 1,\n shadowBlur: 3,\n shadowColor: 'rgba(0, 0, 0, 0.1)',\n shadowOffsetX: 0,\n shadowOffsetY: 1,\n },\n textStyle: {\n color: theme.palette.black?.[60] ?? theme.palette.text?.primary,\n fontSize: parseInt(\n (theme.typography.overlineDelicate?.fontSize as string \| undefined) ??\n '11',\n ),\n fontFamily:\n theme.typography.overlineDelicate?.fontFamily ??\n theme.typography.caption?.fontFamily,\n },\n }\n}\n\n/\n Visual layout constants used by the data-fusion mergers (bar, histogram,\n * timeseries) when laying out the slider against the legend / grid.\n /\nexport const ZOOM_LAYOUT = {\n /* Slider height in px (matches `createAddZoom` output). /\n sliderHeight: SLIDER_HEIGHT,\n /* Vertical gap between chart grid and the slider. /\n sliderGap: 8,\n /* Slider `bottom` when a legend is shown — sits above the legend row. /\n sliderBottomWithLegend: 28,\n} as const\n","export interface ZoomToggleLabels {\n on: string\n off: string\n}\n\nexport const DEFAULT_ZOOM_TOGGLE_LABELS: ZoomToggleLabels = {\n on: 'Disable zoom',\n off: 'Enable zoom',\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n toggle: {\n p: 0.5,\n '& .MuiSvgIcon-root': { fontSize: 20 },\n },\n toggleActive: {\n background: (theme: Theme) => theme.palette.primary.relatedLight,\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { useCallback, useMemo, type ComponentType } from 'react'\nimport { IconButton, useTheme, type SvgIconProps } from '@mui/material'\nimport { ZoomIn as ZoomInIcon } from '@mui/icons-material'\nimport { Tooltip } from '../../../components'\nimport {\n getEchartInstance,\n useSingleTransform,\n useWidgetId,\n} from '../../stores'\nimport { createAddZoom, type ZoomAxis } from './transforms'\nimport { DEFAULT_ZOOM_TOGGLE_LABELS, type ZoomToggleLabels } from './labels'\nimport { styles } from './style'\n\nconst ZOOM_DESCRIPTOR = {\n id: 'zoom-toggle',\n type: 'config' as const,\n order: 20,\n}\n\nexport interface ZoomToggleProps {\n initialEnabled?: boolean\n labels?: Partial<ZoomToggleLabels>\n icon?: ComponentType<SvgIconProps>\n iconProps?: SvgIconProps\n /\n Which axes the zoom controls. Default `['x']` — matches bar /\n * histogram / timeseries (horizontal pan on the category axis). Pass\n * `['x', 'y']` for 2D zoom on a scatterplot-style chart (mouse-wheel\n * scales both axes; horizontal slider at bottom + vertical slider on\n * the right).\n /\n axes?: readonly ZoomAxis[]\n}\n\n/\n Toggle a `dataZoom` slider + wheel-zoom on the chart. The transform is\n * theme-bound so the slider gets v1's CARTO chrome (blue-tinted filler,\n * secondary-color preview, white pill handles).\n \n `dataZoom` is intentionally NOT in `replaceMergeKeys` — ECharts merges\n * subsequent `setOption` calls so the user's dragged range survives\n * unrelated re-renders (data updates, formatter swaps, RelativeData toggles).\n \n On disable the transform is unregistered, but ECharts' merge semantics\n * would otherwise keep the live `dataZoom` component visible. To remove\n * the slider immediately we issue a one-shot\n * `setOption({}, { replaceMerge: ['dataZoom'] })` against the live chart\n * instance via {@link getEchartInstance} — this bypasses the pipeline so\n * unrelated transforms aren't disturbed.\n */\nexport function ZoomToggle({\n initialEnabled = false,\n labels,\n icon: Icon = ZoomInIcon,\n iconProps,\n axes,\n}: ZoomToggleProps) {\n const id = useWidgetId()\n const theme = useTheme()\n const _labels = { ...DEFAULT_ZOOM_TOGGLE_LABELS, ...labels }\n // Reduce `axes` to two structural booleans before memoizing so the memo\n // depends on stable primitive values, not an array reference (callers\n // typically pass an inline `axes={['x', 'y']}` literal that changes\n // identity each render). Default — no `axes` prop — is x-axis only,\n // matching `createAddZoom`'s default.\n const includeX = axes ? axes.includes('x') : true\n const includeY = axes ? axes.includes('y') : false\n const transform = useMemo(() => {\n const resolved: ZoomAxis[] = []\n if (includeX) resolved.push('x')\n if (includeY) resolved.push('y')\n return createAddZoom(theme, { axes: resolved })\n }, [theme, includeX, includeY])\n const { enabled, toggle } = useSingleTransform(\n id,\n ZOOM_DESCRIPTOR,\n transform,\n { initialEnabled },\n )\n\n const handleToggle = useCallback(() => {\n if (enabled) {\n // About to disable — clear the dataZoom component on the live\n // instance so the slider disappears immediately.\n getEchartInstance(id)?.setOption({}, { replaceMerge: ['dataZoom'] })\n }\n toggle()\n }, [enabled, toggle, id])\n\n const tooltip = enabled ? _labels.on : _labels.off\n\n return (\n <Tooltip title={tooltip}>\n <IconButton\n size='small'\n aria-label={tooltip}\n aria-pressed={enabled}\n onClick={handleToggle}\n className={enabled ? 'active' : undefined}\n sx={{ ...styles.toggle, ...(enabled && styles.toggleActive) }}\n >\n <Icon fontSize='small' {...iconProps} />\n </IconButton>\n </Tooltip>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"zoom-toggle-KA63b6-J.js","names":["Theme","SLIDER_HANDLE_ICON","SLIDER_HEIGHT","SLIDER_BOTTOM","ZoomAxis","CreateAddZoomOptions","axes","createAddZoom","theme","options","option","includeX","includes","includeY","sliderStyles","getZoomSliderStyles","baseSliderProps","throttle","showDetail","brushSelect","moveHandleSize","handleSize","cfg","Record","dataZoom","push","type","xAxisIndex","yAxisIndex","height","bottom","handleIcon","width","right","addZoom","secondary","palette","main","fillerColor","borderColor","borderWidth","backgroundColor","borderRadius","dataBackground","lineStyle","opacity","areaStyle","color","selectedDataBackground","handleStyle","common","white","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","textStyle","black","text","primary","fontSize","parseInt","typography","overlineDelicate","fontFamily","caption","ZOOM_LAYOUT","sliderHeight","sliderGap","sliderBottomWithLegend","const","ZoomToggleLabels","on","off","DEFAULT_ZOOM_TOGGLE_LABELS","SxProps","Theme","styles","toggle","p","fontSize","toggleActive","background","theme","palette","primary","relatedLight","Record","useCallback","useMemo","ComponentType","IconButton","useTheme","SvgIconProps","ZoomIn","ZoomInIcon","Tooltip","getEchartInstance","useSingleTransform","useWidgetId","createAddZoom","ZoomAxis","DEFAULT_ZOOM_TOGGLE_LABELS","ZoomToggleLabels","styles","ZOOM_DESCRIPTOR","id","type","const","order","ZoomToggleProps","initialEnabled","labels","Partial","icon","iconProps","axes","ZoomToggle","t0","$","_c","t1","t2","undefined","Icon","theme","t3","_labels","t4","includes","includeX","t5","includeY","t6","resolved","push","transform","t7","enabled","toggle","t8","setOption","replaceMerge","handleToggle","tooltip","on","off","t9","t10","toggleActive","t11","t12","t13","t14"],"sources":["../src/widgets-v2/actions/zoom-toggle/transforms.ts","../src/widgets-v2/actions/zoom-toggle/labels.ts","../src/widgets-v2/actions/zoom-toggle/style.ts","../src/widgets-v2/actions/zoom-toggle/zoom-toggle.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\n\n/*\n v1's slider handle — 9×36 SVG with a white pill body, secondary-colored\n * stroke, and three grip lines. Inlined as a data URL so the chart can\n * render it without a network fetch.\n /\nconst SLIDER_HANDLE_ICON =\n 'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4='\n\nconst SLIDER_HEIGHT = 32\nconst SLIDER_BOTTOM = 0\n\n/* Which chart axis (or axes) zoom applies to. /\nexport type ZoomAxis = 'x' \| 'y'\n\nexport interface CreateAddZoomOptions {\n /\n Axes to enable zoom on. Default `['x']` (matches bar / histogram /\n * timeseries — horizontal pan/zoom on the category axis). Pass\n * `['x', 'y']` for a scatterplot-style 2D zoom (mouse-wheel scales both\n * axes; a horizontal slider sits at the bottom for x-range and a\n * vertical slider sits on the right for y-range).\n /\n axes?: readonly ZoomAxis[]\n}\n\n/\n Theme-bound zoom config transform: adds one inside `dataZoom`\n * (mouse-wheel + drag) per axis plus a styled slider per axis with the\n * v1 chrome (blue-tinted filler, secondary-color data preview, white\n * pill handles, CARTO typography). The x-slider is horizontal at the\n * bottom; the y-slider is vertical on the right.\n \n Returned function has stable identity for a given theme + axes\n * combination; pair with `useMemo` at the call site.\n \n No `start` / `end` are emitted: ECharts defaults to `0–100` on the\n * first `setOption` and then keeps the runtime slider state across\n * subsequent merges (no `replaceMerge` for `dataZoom`). Re-running the\n * transform on data/formatter/RelativeData updates therefore preserves the\n * user's dragged range instead of snapping it back.\n /\nexport function createAddZoom(\n theme: Theme,\n options: CreateAddZoomOptions = {},\n): (option: unknown) => unknown {\n const axes = options.axes ?? ['x']\n const includeX = axes.includes('x')\n const includeY = axes.includes('y')\n const sliderStyles = getZoomSliderStyles(theme)\n const baseSliderProps = {\n throttle: 0,\n showDetail: false,\n brushSelect: false,\n moveHandleSize: 8,\n handleSize: '100%',\n ...sliderStyles,\n }\n return (option: unknown): unknown => {\n if (option == null \|\| typeof option !== 'object') return option\n const cfg = option as Record<string, unknown>\n const dataZoom: object[] = []\n if (includeX) {\n dataZoom.push({ type: 'inside', xAxisIndex: [0], throttle: 0 })\n }\n if (includeY) {\n dataZoom.push({ type: 'inside', yAxisIndex: [0], throttle: 0 })\n }\n if (includeX) {\n dataZoom.push({\n type: 'slider',\n xAxisIndex: [0],\n height: SLIDER_HEIGHT,\n bottom: SLIDER_BOTTOM,\n handleIcon: SLIDER_HANDLE_ICON,\n ...baseSliderProps,\n })\n }\n if (includeY) {\n // Vertical slider — `width` is its thickness, `right` pins it to\n // the right edge. We omit `handleIcon` so ECharts renders its\n // default vertical handle (the inline SVG is shaped for a\n // horizontal slider and looks wrong when rotated).\n dataZoom.push({\n type: 'slider',\n yAxisIndex: [0],\n width: SLIDER_HEIGHT,\n right: SLIDER_BOTTOM,\n ...baseSliderProps,\n })\n }\n return { ...cfg, dataZoom }\n }\n}\n\n/\n Back-compat untyped transform — produces the bare `dataZoom` config from\n * the original v2 implementation. Use {@link createAddZoom} when a theme is\n * available so the slider matches the v1 styling.\n \n `start` / `end` are intentionally omitted so ECharts preserves the user's\n * runtime range across subsequent `setOption` merges (see {@link createAddZoom}).\n /\nexport const addZoom = (option: unknown): unknown => {\n if (option == null \|\| typeof option !== 'object') return option\n const cfg = option as Record<string, unknown>\n return {\n ...cfg,\n dataZoom: [\n { type: 'inside' },\n {\n type: 'slider',\n height: SLIDER_HEIGHT,\n bottom: SLIDER_BOTTOM,\n },\n ],\n }\n}\n\n/* Style block matching v1's `getEChartZoomSliderStyles`. /\nfunction getZoomSliderStyles(theme: Theme) {\n const secondary = theme.palette.secondary?.main ?? '#358BE7'\n return {\n fillerColor: 'rgba(53, 139, 231, 0.25)',\n borderColor: 'rgba(53, 139, 231, 0.3)',\n borderWidth: 0.5,\n backgroundColor: 'transparent',\n borderRadius: 4,\n dataBackground: {\n lineStyle: { opacity: 0 },\n areaStyle: { opacity: 1, color: secondary },\n },\n selectedDataBackground: {\n lineStyle: { opacity: 0 },\n areaStyle: { opacity: 1, color: secondary },\n },\n handleStyle: {\n color: theme.palette.common?.white ?? '#fff',\n borderColor: 'rgba(3, 111, 226, 0.08)',\n borderWidth: 1,\n shadowBlur: 3,\n shadowColor: 'rgba(0, 0, 0, 0.1)',\n shadowOffsetX: 0,\n shadowOffsetY: 1,\n },\n textStyle: {\n color: theme.palette.black?.[60] ?? theme.palette.text?.primary,\n fontSize: parseInt(\n (theme.typography.overlineDelicate?.fontSize as string \| undefined) ??\n '11',\n ),\n fontFamily:\n theme.typography.overlineDelicate?.fontFamily ??\n theme.typography.caption?.fontFamily,\n },\n }\n}\n\n/\n Visual layout constants used by the data-fusion mergers (bar, histogram,\n * timeseries) when laying out the slider against the legend / grid.\n /\nexport const ZOOM_LAYOUT = {\n /* Slider height in px (matches `createAddZoom` output). /\n sliderHeight: SLIDER_HEIGHT,\n /* Vertical gap between chart grid and the slider. /\n sliderGap: 8,\n /* Slider `bottom` when a legend is shown — sits above the legend row. /\n sliderBottomWithLegend: 28,\n} as const\n","export interface ZoomToggleLabels {\n on: string\n off: string\n}\n\nexport const DEFAULT_ZOOM_TOGGLE_LABELS: ZoomToggleLabels = {\n on: 'Disable zoom',\n off: 'Enable zoom',\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n toggle: {\n p: 0.5,\n '& .MuiSvgIcon-root': { fontSize: 20 },\n },\n toggleActive: {\n background: (theme: Theme) => theme.palette.primary.relatedLight,\n },\n} satisfies Record<string, SxProps<Theme>>\n","import { useCallback, useMemo, type ComponentType } from 'react'\nimport { IconButton, useTheme, type SvgIconProps } from '@mui/material'\nimport { ZoomIn as ZoomInIcon } from '@mui/icons-material'\nimport { Tooltip } from '../../../components'\nimport {\n getEchartInstance,\n useSingleTransform,\n useWidgetId,\n} from '../../stores'\nimport { createAddZoom, type ZoomAxis } from './transforms'\nimport { DEFAULT_ZOOM_TOGGLE_LABELS, type ZoomToggleLabels } from './labels'\nimport { styles } from './style'\n\nconst ZOOM_DESCRIPTOR = {\n id: 'zoom-toggle',\n type: 'config' as const,\n order: 20,\n}\n\nexport interface ZoomToggleProps {\n initialEnabled?: boolean\n labels?: Partial<ZoomToggleLabels>\n icon?: ComponentType<SvgIconProps>\n iconProps?: SvgIconProps\n /\n Which axes the zoom controls. Default `['x']` — matches bar /\n * histogram / timeseries (horizontal pan on the category axis). Pass\n * `['x', 'y']` for 2D zoom on a scatterplot-style chart (mouse-wheel\n * scales both axes; horizontal slider at bottom + vertical slider on\n * the right).\n /\n axes?: readonly ZoomAxis[]\n}\n\n/\n Toggle a `dataZoom` slider + wheel-zoom on the chart. The transform is\n * theme-bound so the slider gets v1's CARTO chrome (blue-tinted filler,\n * secondary-color preview, white pill handles).\n \n `dataZoom` is intentionally NOT in `replaceMergeKeys` — ECharts merges\n * subsequent `setOption` calls so the user's dragged range survives\n * unrelated re-renders (data updates, formatter swaps, RelativeData toggles).\n \n On disable the transform is unregistered, but ECharts' merge semantics\n * would otherwise keep the live `dataZoom` component visible. To remove\n * the slider immediately we issue a one-shot\n * `setOption({}, { replaceMerge: ['dataZoom'] })` against the live chart\n * instance via {@link getEchartInstance} — this bypasses the pipeline so\n * unrelated transforms aren't disturbed.\n */\nexport function ZoomToggle({\n initialEnabled = false,\n labels,\n icon: Icon = ZoomInIcon,\n iconProps,\n axes,\n}: ZoomToggleProps) {\n const id = useWidgetId()\n const theme = useTheme()\n const _labels = { ...DEFAULT_ZOOM_TOGGLE_LABELS, ...labels }\n // Reduce `axes` to two structural booleans before memoizing so the memo\n // depends on stable primitive values, not an array reference (callers\n // typically pass an inline `axes={['x', 'y']}` literal that changes\n // identity each render). Default — no `axes` prop — is x-axis only,\n // matching `createAddZoom`'s default.\n const includeX = axes ? axes.includes('x') : true\n const includeY = axes ? axes.includes('y') : false\n const transform = useMemo(() => {\n const resolved: ZoomAxis[] = []\n if (includeX) resolved.push('x')\n if (includeY) resolved.push('y')\n return createAddZoom(theme, { axes: resolved })\n }, [theme, includeX, includeY])\n const { enabled, toggle } = useSingleTransform(\n id,\n ZOOM_DESCRIPTOR,\n transform,\n { initialEnabled },\n )\n\n const handleToggle = useCallback(() => {\n if (enabled) {\n // About to disable — clear the dataZoom component on the live\n // instance so the slider disappears immediately.\n getEchartInstance(id)?.setOption({}, { replaceMerge: ['dataZoom'] })\n }\n toggle()\n }, [enabled, toggle, id])\n\n const tooltip = enabled ? _labels.on : _labels.off\n\n return (\n <Tooltip title={tooltip}>\n <IconButton\n size='small'\n aria-label={tooltip}\n aria-pressed={enabled}\n onClick={handleToggle}\n className={enabled ? 'active' : undefined}\n sx={{ ...styles.toggle, ...(enabled && styles.toggleActive) }}\n >\n <Icon fontSize='small' {...iconProps} />\n </IconButton>\n </Tooltip>\n )\n}\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.20.1",
+  "version": "4.21.1",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {
@@ -17,8 +17,8 @@
     "react-dom": "19.2.8",
     "react-markdown": "10.1.0",
     "zustand": "5.0.15",
-    "@carto/ps-common-types": "1.0.0",
-    "@carto/ps-utils": "2.1.0"
+    "@carto/ps-utils": "2.1.1",
+    "@carto/ps-common-types": "1.0.0"
   },
   "peerDependencies": {
     "@carto/meridian-ds": "^2.0.0",
@@ -35,7 +35,7 @@
     "react-dom": "^19.2.0",
     "react-markdown": "^10.0.0",
     "zustand": "^5.0.0",
-    "@carto/ps-utils": "2.1.0"
+    "@carto/ps-utils": "2.1.1"
   },
   "exports": {
     "./chat": {
@@ -244,7 +244,8 @@
   "dependencies": {
     "rehype-raw": "7.0.0",
     "rehype-sanitize": "6.0.0",
-    "remark-gfm": "4.0.1"
+    "remark-gfm": "4.0.1",
+    "type-fest": "5.8.0"
   },
   "scripts": {
     "dev": "vite build --watch --emptyOutDir=false",

package/src/chat/bubbles/styles.ts CHANGED Viewed

@@ -1,15 +1,34 @@
-import { styled, Typography, type SxProps, type Theme } from '@mui/material'
+import {
+  styled,
+  Typography,
+  type SxProps,
+  type Theme,
+  type TypographyProps,
+} from '@mui/material'
+import type { CSSObject } from '@mui/material/styles'
+import type { FC } from 'react'
-export const ChatMessageOverflow = styled(Typography)(() => ({
-  whiteSpace: 'pre-wrap',
-  overflowX: 'clip',
-  overflowWrap: 'break-word',
-  maxWidth: '100%',
-}))
+// The explicit annotation is what keeps this file's .d.ts emittable: the type
+// `styled()` infers can only be named through a pnpm-internal @mui/system path
+// (TS2742), and vite-plugin-dts drops the whole declaration when that happens.
+//
+// ponytail: `component` and `ref` still typecheck, but the prop re-typing that
+// comes with them does not — `component="a" href="#"` is rejected here and
+// accepted on `Typography` itself. Restoring it needs `OverridableComponent`,
+// which a MUI v5 `styled()` result isn't assignable to under React 19 types.
+// Consumers who need the polymorphism use `Typography` directly.
+export const ChatMessageOverflow: FC<TypographyProps> = styled(Typography)(
+  () => ({
+    whiteSpace: 'pre-wrap',
+    overflowX: 'clip',
+    overflowWrap: 'break-word',
+    maxWidth: '100%',
+  }),
+)
 ChatMessageOverflow.displayName = 'ChatMessageOverflow'
 export const styles = {
-  agentMessageContainer: (theme: Theme) => ({
+  agentMessageContainer: (theme: Theme): CSSObject => ({
     ...theme.typography.body2,
     width: '100%',
     display: 'flex',

package/src/chat/feedback/chat-actions-container.tsx CHANGED Viewed

@@ -1,6 +1,9 @@
-import { Box, styled } from '@mui/material'
+import { Box, styled, type BoxProps } from '@mui/material'
+import type { FC } from 'react'
-export const ChatActionsContainer = styled(Box)(({ theme }) => ({
+// See chat/bubbles/styles.ts: the annotation keeps the declaration emittable,
+// and what it gives up on `component=`.
+export const ChatActionsContainer: FC<BoxProps> = styled(Box)(({ theme }) => ({
   display: 'flex',
   alignItems: 'center',
   gap: theme.spacing(0.5),

package/src/chat/feedback/styles.ts CHANGED Viewed

@@ -121,12 +121,14 @@ export const styles = {
     padding: ({ spacing }) => spacing(1),
     borderRadius: ({ spacing }) => spacing(0.5),
     backgroundColor: ({ palette }) => palette.background.default,
-    fontFamily: ({ typography }) =>
+    fontFamily: ({ typography }): string =>
       typography.code3?.fontFamily ??
       typography.code1?.fontFamily ??
       'monospace',
-    fontSize: ({ typography }) => typography.code3?.fontSize ?? '0.75rem',
-    lineHeight: ({ typography }) => typography.code3?.lineHeight ?? 1.333,
+    fontSize: ({ typography }): string | number =>
+      typography.code3?.fontSize ?? '0.75rem',
+    lineHeight: ({ typography }): string | number =>
+      typography.code3?.lineHeight ?? 1.333,
     whiteSpace: 'pre-wrap',
     wordBreak: 'break-word',
     overflowY: 'auto',
@@ -164,11 +166,12 @@ export const styles = {
     padding: ({ spacing }) => spacing(1),
     background: ({ palette, spacing }) =>
       `linear-gradient(to right, ${palette.action.hover} calc(${spacing(1)} + 3em), ${palette.background.default} calc(${spacing(1)} + 3em))`,
-    fontFamily: ({ typography }) =>
+    fontFamily: ({ typography }): string =>
       typography.code3?.fontFamily ??
       typography.code1?.fontFamily ??
       'monospace',
-    fontSize: ({ typography }) => typography.code3?.fontSize ?? '0.75rem',
+    fontSize: ({ typography }): string | number =>
+      typography.code3?.fontSize ?? '0.75rem',
     whiteSpace: 'pre-wrap',
     wordBreak: 'break-word',
     lineHeight: 1.6,

package/src/components/basemaps/basemaps.tsx CHANGED Viewed

@@ -40,7 +40,7 @@ export function BasemapsUI({
   onChange,
   TooltipProps,
 }: BasemapsUIProps): JSX.Element {
-  const [toggleRef, setToggleRef] = useState<HTMLButtonElement | null>(null)
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)
   const [isOpen, setIsOpen] = useState(false)
   const timeoutRef = useRef<NodeJS.Timeout | null>(null)
   const [timer, setTimer] = useState<number | null>(null)
@@ -55,7 +55,7 @@ export function BasemapsUI({
   const groupCount = Object.keys(groups).length
   const handleClose = () => {
-    setToggleRef(null)
+    setAnchorEl(null)
     setIsOpen(false)
   }
@@ -93,7 +93,7 @@ export function BasemapsUI({
         <IconButton
           sx={styles.toggle}
           onClick={(e) => {
-            setToggleRef(e.currentTarget as HTMLButtonElement)
+            setAnchorEl(e.currentTarget as HTMLButtonElement)
             setIsOpen(true)
           }}
         >
@@ -105,7 +105,7 @@ export function BasemapsUI({
       </Tooltip>
       <ResponsiveDrawer
-        ref={toggleRef}
+        anchorEl={anchorEl}
         slotProps={{
           paper: {
             sx: {