@carto/ps-react-ui 6.2.0 → 6.4.0
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.
- package/dist/actions-DyWNwvLu.js +1272 -0
- package/dist/actions-DyWNwvLu.js.map +1 -0
- package/dist/{category-DULnoxvk.js → category-BHBd5Pcc.js} +262 -245
- package/dist/category-BHBd5Pcc.js.map +1 -0
- package/dist/{option-builders-DQivvvbb.js → item-color-B7xkIpDZ.js} +26 -9
- package/dist/item-color-B7xkIpDZ.js.map +1 -0
- package/dist/scale-Bhx8HKEB.js +29 -0
- package/dist/scale-Bhx8HKEB.js.map +1 -0
- package/dist/types/widgets/actions/index.d.ts +1 -1
- package/dist/types/widgets/actions/relative-data/index.d.ts +1 -0
- package/dist/types/widgets/actions/relative-data/labels.d.ts +3 -0
- package/dist/types/widgets/actions/relative-data/relative-data.d.ts +16 -2
- package/dist/types/widgets/actions/relative-data/scale.d.ts +26 -0
- package/dist/types/widgets/actions/relative-data/style.d.ts +12 -0
- package/dist/types/widgets/bar/types.d.ts +6 -0
- package/dist/types/widgets/category/category.d.ts +2 -1
- package/dist/types/widgets/histogram/bins.d.ts +7 -0
- package/dist/types/widgets/histogram/download.d.ts +2 -2
- package/dist/types/widgets/histogram/index.d.ts +2 -1
- package/dist/types/widgets/histogram/options.d.ts +1 -1
- package/dist/types/widgets/histogram/transforms.d.ts +5 -4
- package/dist/types/widgets/histogram/types.d.ts +22 -5
- package/dist/types/widgets/index.d.ts +2 -2
- package/dist/types/widgets/pie/types.d.ts +6 -0
- package/dist/types/widgets/scatterplot/download.d.ts +2 -2
- package/dist/types/widgets/scatterplot/index.d.ts +2 -1
- package/dist/types/widgets/scatterplot/points.d.ts +7 -0
- package/dist/types/widgets/scatterplot/transforms.d.ts +4 -3
- package/dist/types/widgets/scatterplot/types.d.ts +21 -2
- package/dist/types/widgets/timeseries/types.d.ts +6 -0
- package/dist/types/widgets/utils/item-color.d.ts +26 -0
- package/dist/widgets/actions.js +1 -1
- package/dist/widgets/bar.js +87 -78
- package/dist/widgets/bar.js.map +1 -1
- package/dist/widgets/category.js +1 -1
- package/dist/widgets/histogram.js +129 -97
- package/dist/widgets/histogram.js.map +1 -1
- package/dist/widgets/pie.js +108 -89
- package/dist/widgets/pie.js.map +1 -1
- package/dist/widgets/scatterplot.js +147 -107
- package/dist/widgets/scatterplot.js.map +1 -1
- package/dist/widgets/timeseries.js +92 -83
- package/dist/widgets/timeseries.js.map +1 -1
- package/dist/widgets.js +2 -2
- package/dist/widgets.js.map +1 -1
- package/package.json +1 -1
- package/src/widgets/actions/fullscreen/fullscreen-store.test.tsx +77 -13
- package/src/widgets/actions/fullscreen/fullscreen.tsx +48 -5
- package/src/widgets/actions/index.ts +1 -0
- package/src/widgets/actions/relative-data/index.ts +1 -0
- package/src/widgets/actions/relative-data/labels.ts +6 -0
- package/src/widgets/actions/relative-data/relative-data.test.tsx +78 -1
- package/src/widgets/actions/relative-data/relative-data.tsx +137 -20
- package/src/widgets/actions/relative-data/scale.ts +48 -0
- package/src/widgets/actions/relative-data/style.ts +10 -0
- package/src/widgets/bar/options.test.ts +122 -0
- package/src/widgets/bar/options.ts +31 -16
- package/src/widgets/bar/types.ts +6 -0
- package/src/widgets/category/category.relative-data.test.tsx +51 -63
- package/src/widgets/category/category.tsx +25 -11
- package/src/widgets/histogram/bins.ts +22 -0
- package/src/widgets/histogram/download.test.ts +10 -0
- package/src/widgets/histogram/download.ts +7 -3
- package/src/widgets/histogram/index.ts +3 -0
- package/src/widgets/histogram/options.test.ts +62 -0
- package/src/widgets/histogram/options.ts +44 -19
- package/src/widgets/histogram/transforms.test.ts +21 -7
- package/src/widgets/histogram/transforms.ts +26 -12
- package/src/widgets/histogram/types.ts +25 -5
- package/src/widgets/index.ts +7 -1
- package/src/widgets/pie/options.test.ts +91 -0
- package/src/widgets/pie/options.ts +50 -20
- package/src/widgets/pie/types.ts +6 -0
- package/src/widgets/scatterplot/download.test.ts +9 -0
- package/src/widgets/scatterplot/download.ts +5 -3
- package/src/widgets/scatterplot/index.ts +3 -0
- package/src/widgets/scatterplot/options.test.ts +90 -0
- package/src/widgets/scatterplot/options.ts +53 -15
- package/src/widgets/scatterplot/points.ts +35 -0
- package/src/widgets/scatterplot/transforms.test.ts +19 -0
- package/src/widgets/scatterplot/transforms.ts +23 -18
- package/src/widgets/scatterplot/types.ts +25 -2
- package/src/widgets/timeseries/options.test.ts +65 -0
- package/src/widgets/timeseries/options.ts +37 -16
- package/src/widgets/timeseries/types.ts +6 -0
- package/src/widgets/utils/item-color.test.ts +74 -0
- package/src/widgets/utils/item-color.ts +55 -0
- package/dist/actions-CueYrfVr.js +0 -1150
- package/dist/actions-CueYrfVr.js.map +0 -1
- package/dist/category-DULnoxvk.js.map +0 -1
- package/dist/option-builders-DQivvvbb.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"histogram.js","names":["{ bins = 12 }: HistogramSkeletonProps","bins = 12","Box","styles.grid","heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))","styles.container","(h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n )","<Box sx={styles.grid}>\n {heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))}\n </Box>","<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>","(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 )","<Box sx={styles.container}>\n <Box sx={styles.grid}>\n {heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))}\n </Box>\n <Box sx={styles.legend}>\n {[0, 1].map((i) => (\n <Box key={`legend-${i}`} sx={styles.legendItem}>\n <Skeleton variant='circular' width={8} height={8} />\n <Skeleton width={48} height={8} />\n </Box>\n ))}\n </Box>\n </Box>","i","_c","ZOOM_LAYOUT","buildCsvDownloadItem","withPngItem","positionDataZoomForLegend","mergeOptions","resolveThemeColor","createTooltipFormatter","buildGridConfig","createTooltipPositioner","buildLegendConfig","niceNum","buildAxisLabelStyle","echarts","histogramOptions","niceMin","niceMax","theme","buildHistogramTooltipFormatter","formatter","extent","value","createHistogramOptionFactory","options","optionsOverride","lockedItems","selectionSet","selection","binLabels","i","ticks","lo","hi","raw","formatNumber","labelFormatter","lockedRange","indices","min","max","option","structural","seriesArr","data","hasLegend","seriesTemplates","broadcastTemplate","baseYAxis","baseGrid","baseTooltip","baseLegend","liveFormatter","ctx","dataZoomLayout","fallbackBottom","baseBottom","gridBottom","dimItemStyle","base","params","currentAxis","lockedRangeAxis","nextXAxis","label","counts","template","overrideColor","series","item","formattedValue","marker","seriesName","n","styles","spacing","barSx","height","HistogramSkeleton","$","c","t1","t0","bins","T0","T1","t2","t3","t4","heights","t","Box","_temp","t5","t6","_temp2","t7","Skeleton","i_1","h","i_0","createHistogramDownloadConfig","args","seriesCount","header","rows","bin","row","s","toRelativeHistogramData","input","isFlatNumberArray","total","acc","v","filterHistogramByLockedBins","locked","count"],"sources":["../../src/widgets/histogram/options.ts","../../src/widgets/histogram/skeleton.tsx","../../src/widgets/histogram/download.ts","../../src/widgets/histogram/transforms.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n buildAxisLabelStyle,\n buildGridConfig,\n buildLegendConfig,\n createTooltipFormatter,\n createTooltipPositioner,\n niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n HistogramEChartsOption,\n HistogramOptionFactoryInput,\n HistogramOptionsInput,\n HistogramWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a histogram widget — axes,\n * grid, tooltip, value-axis label formatter, themed legend. Mirrors\n * {@link import('../bar/options').barOptions} so the two widgets share v1\n * look-and-feel: themed dark tooltip with positioner, CARTO color palette,\n * structural legend (`show` toggled by the merger based on series count),\n * y-axis labels rendered inside the plot via the `niceNum` closure pattern.\n *\n * Intentional deviations from bar (histogram-specific):\n * - **No `xAxis.axisLabel.formatter`.** Bin labels are pre-formatted in\n * the merger via `formatNumber(lo)–formatNumber(hi)` and optionally\n * the consumer's `labelFormatter`. The strings on the axis are\n * already display-ready, so there's nothing to post-format here.\n * - **Tooltip formatter reads the array-tuple row shape.** The dataset\n * uses positional `encode: { x: 0, y: 1 }`, so `item.value` comes in\n * as `[binLabel, count]` rather than bar's `{ name, value }` object.\n *\n * Intentionally data-agnostic: no series, no dataset, no x-axis category\n * data (those depend on data + ticks and are added by the option factory's\n * merge phase via {@link createHistogramOptionFactory}).\n */\nexport function histogramOptions({\n theme,\n formatter,\n}: HistogramOptionsInput): HistogramEChartsOption {\n // Closure shared between yAxis min/max callbacks and the label formatter,\n // so only the rounded extents are labelled (matches v1 + bar).\n let niceMin = 0\n let niceMax = 1\n\n return {\n grid: {\n left: parseInt(theme.spacing(1)),\n top: parseInt(theme.spacing(3)),\n right: parseInt(theme.spacing(1)),\n // Default: no legend. Merger bumps this when there are >1 series.\n ...buildGridConfig(false, theme),\n containLabel: true,\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: theme.palette.grey[900],\n borderWidth: 0,\n padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n textStyle: {\n color: theme.palette.common.white,\n fontSize: 11,\n fontFamily: theme.typography.caption.fontFamily,\n },\n axisPointer: { type: 'line' },\n position: createTooltipPositioner(theme),\n formatter: buildHistogramTooltipFormatter(formatter),\n },\n // Legend styling baked here; `show` is toggled by the merger based on\n // series count. Histogram doesn't accept `labelFormatter` at the\n // options layer (bin labels are pre-formatted in the merger), so we\n // skip the legend `labelFormatter` argument too.\n legend: {\n ...buildLegendConfig({ hasLegend: false }),\n },\n axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n color: [\n theme.palette.secondary.main,\n ...Object.values(\n (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n .qualitative?.bold ?? {},\n ),\n ],\n xAxis: {\n type: 'category',\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n ...buildAxisLabelStyle(theme),\n padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n margin: 0,\n // `interval: 0` makes every bin label a candidate so `hideOverlap`\n // can pack the maximum number that physically fit. The category-axis\n // default (`'auto'`) sub-samples first and leaves only one/two labels\n // even when there's room for more.\n interval: 0,\n hideOverlap: true,\n },\n },\n yAxis: {\n type: 'value',\n min: (extent: { min: number }) => {\n niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n return niceMin\n },\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n return niceMax\n },\n axisLine: { show: false },\n axisTick: { show: false },\n splitLine: {\n show: true,\n lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n },\n axisLabel: {\n ...buildAxisLabelStyle(theme),\n margin: parseInt(theme.spacing(1)),\n show: true,\n showMaxLabel: true,\n showMinLabel: true,\n verticalAlign: 'bottom',\n inside: true,\n formatter: (value: number) => {\n if (value !== niceMax && value !== niceMin) return ''\n if (value === 0) return ''\n return formatter ? formatter(value) : String(value)\n },\n },\n },\n } as HistogramEChartsOption\n}\n\n/**\n * Returns the histogram widget's {@link OptionFactory} — one closure that\n * owns BOTH phases of option construction:\n *\n * - **Structural phase** (`option == null`) — builds the theme-aware\n * structural option via {@link histogramOptions}, optionally merging\n * the consumer-supplied `optionsOverride`. Called once by Provider to\n * seed `rawOptions` in the store.\n * - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n * (`HistogramWidgetData` — `number[][]`) into the option via the\n * dataset API. Each series gets its own dataset of `[binLabel, count]`\n * pairs derived from `ticks`; series reference their dataset by\n * `datasetIndex` and are encoded by column position. Reactive\n * `ctx.formatter` (driven by RelativeData → `%`) plus `niceMin`/`niceMax`\n * are re-derived here so the y-axis label formatter and the tooltip\n * pick up live store values, mirroring bar.\n */\nexport function createHistogramOptionFactory(\n options: HistogramOptionFactoryInput,\n): OptionFactory {\n const { theme, formatter, ticks, series, labelFormatter, selection } = options\n const optionsOverride = options.optionsOverride\n const lockedItems = options.lockedItems\n const selectionSet =\n selection && selection.length > 0 ? new Set<number>(selection) : null\n\n const binLabels: string[] = []\n for (let i = 0; i < ticks.length - 1; i++) {\n const lo = ticks[i]!\n const hi = ticks[i + 1]!\n const raw = `${formatNumber(lo)}–${formatNumber(hi)}`\n binLabels.push(labelFormatter ? labelFormatter(raw) : raw)\n }\n\n // Locked range → x-axis crop. `min`/`max` on a category axis accept a\n // category value (the bin label string), bounding the visible window\n // without touching `dataset`/`series` — the zeroed-out bins from\n // `filterHistogramByLockedBins` stay in the data, just scrolled out of\n // view. `null` (not omitted) on unlock, since ECharts' option merge skips\n // `undefined` keys and would otherwise leave a stale crop in place.\n const lockedRange =\n lockedItems && lockedItems.length > 0\n ? (() => {\n const indices = lockedItems.map(Number)\n const min = binLabels[Math.min(...indices)]\n const max = binLabels[Math.max(...indices)]\n return min != null && max != null ? { min, max } : null\n })()\n : null\n\n return (option, data, ctx) => {\n if (option == null) {\n const structural = histogramOptions({ theme, formatter })\n return optionsOverride\n ? (mergeOptions(\n structural as unknown as Record<string, unknown>,\n optionsOverride as Partial<Record<string, unknown>>,\n ) as EChartsOption)\n : structural\n }\n\n const seriesArr: HistogramWidgetData = Array.isArray(data)\n ? (data as HistogramWidgetData)\n : []\n if (seriesArr.length === 0 || binLabels.length === 0) {\n return { ...option, dataset: [], series: [] }\n }\n\n const hasLegend = seriesArr.length > 1\n const seriesTemplates = Array.isArray(option.series) ? option.series : []\n const broadcastTemplate = seriesTemplates[0] ?? {}\n const baseYAxis =\n typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n ? option.yAxis\n : {}\n const baseGrid =\n typeof option.grid === 'object' && !Array.isArray(option.grid)\n ? option.grid\n : {}\n const baseTooltip =\n typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n ? option.tooltip\n : {}\n const baseLegend =\n typeof option.legend === 'object' && !Array.isArray(option.legend)\n ? option.legend\n : {}\n // Reactive (live store) formatter from ctx — distinct from the\n // closure-time `formatter` captured for the structural-build branch\n // above. RelativeData can install a percent formatter on the store\n // after the factory was constructed; the merge phase reads `ctx` to\n // pick that up.\n const liveFormatter = ctx?.formatter\n\n // Closure shared between the yAxis min/max callbacks and the label\n // formatter, so only the rounded extents are labelled (matches v1 +\n // bar). Delegating the extent to ECharts (rather than precomputing\n // scalars from the raw counts) keeps stacked bins inside the plot:\n // when StackToggle marks the series, ECharts feeds the *post-stack*\n // extent to these callbacks, so `niceNum` rounds the stacked total.\n let niceMin = 0\n let niceMax = 1\n\n // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push\n // the slider above the legend (if any) and reserve room in the grid.\n const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n const fallbackBottom =\n typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n const baseBottom = hasLegend ? 56 : fallbackBottom\n const gridBottom = dataZoomLayout\n ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n : baseBottom\n\n // Dim non-selected bins via `series.itemStyle.color`. Per-row\n // `itemStyle` on dataset sources is silently ignored when\n // `series.encode` is in play.\n //\n // We *always* emit `itemStyle.color` (a passthrough when nothing is\n // selected), not conditionally — dropping the key between renders\n // would let ECharts' default merge keep the previous callback alive\n // and bins would stay dimmed forever after an external clear. Always\n // emitting lets normal merge swap the callback in place, no\n // `replaceMerge` and no entry-animation flash on selection on/off.\n const dimItemStyle = {\n color: (params: CallbackDataParams) => {\n const base = params.color as string\n if (!selectionSet) return base\n return selectionSet.has(params.dataIndex)\n ? base\n : echarts.color.modifyAlpha(base, 0.15)\n },\n }\n\n // A consumer's `optionsOverride.xAxis` may legitimately be an array\n // (ECharts supports multiple x-axes on one grid). Merge the locked-range\n // crop into the primary (first) axis instead of discarding the rest via\n // an object fallback — `min`/`max` here bound a category axis by label\n // string, which is only ambiguous if `labelFormatter` produces duplicate\n // labels across bins (a structural limitation of label-string bounds,\n // not fixed here).\n //\n // `min`/`max` are ALWAYS written explicitly below (never omitted) —\n // ECharts' merge silently keeps whatever value it last received for an\n // omitted key, so omitting them while unlocked would leave a stale crop\n // in place from a previous locked render. But the fallback when there's\n // no active crop must be the CONSUMER's own `optionsOverride.xAxis.min/max`\n // (if they set one), not an unconditional `null` — `option.xAxis` here\n // is the post-structural-phase axis, which only ever carries the\n // consumer's static override (never our own prior crop — the structural\n // phase is rebuilt from scratch on every factory recreation, so it can't\n // have picked up a merge-phase write from a previous render).\n const currentAxis = (\n Array.isArray(option.xAxis) ? option.xAxis[0] : option.xAxis\n ) as { min?: unknown; max?: unknown } | undefined\n const lockedRangeAxis = {\n min: lockedRange?.min ?? currentAxis?.min ?? null,\n max: lockedRange?.max ?? currentAxis?.max ?? null,\n }\n const nextXAxis = Array.isArray(option.xAxis)\n ? [{ ...option.xAxis[0], ...lockedRangeAxis }, ...option.xAxis.slice(1)]\n : {\n ...(typeof option.xAxis === 'object' ? option.xAxis : {}),\n ...lockedRangeAxis,\n }\n\n return {\n ...option,\n xAxis: nextXAxis,\n dataset: seriesArr.map((counts) => ({\n source: binLabels.map(\n (label, i) => [label, counts[i] ?? 0] as [string, number],\n ),\n })),\n series: seriesArr.map((_, i) => {\n const template =\n (seriesTemplates[i] as object | undefined) ??\n (broadcastTemplate as object)\n const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n return {\n ...(typeof template === 'object' ? template : {}),\n type: 'bar' as const,\n datasetIndex: i,\n name: series?.[i]?.name ?? `Series ${i + 1}`,\n encode: { x: 0, y: 1 },\n barCategoryGap: '0%',\n emphasis: { focus: 'series' },\n itemStyle: dimItemStyle,\n ...(overrideColor ? { color: overrideColor } : {}),\n }\n }),\n legend: { ...baseLegend, show: hasLegend },\n grid: { ...baseGrid, bottom: gridBottom },\n ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n yAxis: {\n ...baseYAxis,\n min: (extent: { min: number }) => {\n niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n return niceMin\n },\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n return niceMax\n },\n axisLabel: {\n ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n formatter: (value: number) => {\n if (value !== niceMax && value !== niceMin) return ''\n if (value === 0) return ''\n return liveFormatter ? liveFormatter(value) : String(value)\n },\n },\n } as EChartsOption['yAxis'],\n tooltip: {\n ...baseTooltip,\n formatter: buildHistogramTooltipFormatter(liveFormatter),\n },\n } as EChartsOption\n }\n}\n\n/**\n * Tooltip formatter for the histogram's positional `[binLabel, count]`\n * row shape. ECharts surfaces the x-axis category through `item.name`\n * (already pre-formatted by the bin-label generator), and `item.value`\n * comes in as the array tuple — distinct from bar's `{ name, value }`\n * object row.\n */\nfunction buildHistogramTooltipFormatter(\n formatter: ((value: number) => string) | undefined,\n) {\n return createTooltipFormatter((item) => {\n const row = item.value as [string, number] | undefined\n const raw = row?.[1]\n const formattedValue =\n typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n const marker = typeof item.marker === 'string' ? item.marker : ''\n const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n return {\n name: String(item.name ?? ''),\n seriesName,\n marker,\n value: formattedValue,\n }\n })\n}\n\nfunction formatNumber(n: number): string {\n if (Number.isInteger(n)) return String(n)\n return Number(n.toFixed(2)).toString()\n}\n","import { Box, Skeleton, type SxProps, type Theme } from '@mui/material'\n\nconst styles = {\n container: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexDirection: 'column',\n gap: ({ spacing }) => spacing(1),\n height: ({ spacing }) => spacing(38),\n },\n grid: {\n display: 'flex',\n alignItems: 'flex-end',\n flex: '1 1 auto',\n gap: 0.5,\n width: '100%',\n },\n legend: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(2),\n height: ({ spacing }) => spacing(5),\n },\n legendItem: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(1.5),\n },\n} satisfies Record<string, SxProps<Theme>>\n\nconst barSx = (height: number): SxProps<Theme> => ({\n flex: 1,\n height: `${height}%`,\n minWidth: 8,\n})\n\nexport interface HistogramSkeletonProps {\n bins?: number\n}\n\n/**\n * Loading state for the Histogram widget. Mirrors Bar's skeleton structure\n * — a grid of bars (bin-shaped silhouette, anchored to the bottom) plus a\n * legend stub — so the placeholder reads consistently with Bar.\n */\nexport function HistogramSkeleton({ bins = 12 }: HistogramSkeletonProps) {\n // Sample heights mimicking a typical bell-shaped distribution.\n const heights = Array.from({ length: bins }, (_, i) => {\n const t = i / Math.max(1, bins - 1)\n return Math.round(20 + 80 * Math.exp(-((t - 0.5) ** 2) * 8))\n })\n return (\n <Box sx={styles.container}>\n <Box sx={styles.grid}>\n {heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))}\n </Box>\n <Box sx={styles.legend}>\n {[0, 1].map((i) => (\n <Box key={`legend-${i}`} sx={styles.legendItem}>\n <Skeleton variant='circular' width={8} height={8} />\n <Skeleton width={48} height={8} />\n </Box>\n ))}\n </Box>\n </Box>\n )\n}\n","import {\n buildCsvDownloadItem,\n withPngItem,\n type DownloadItem,\n type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { HistogramWidgetData } from './types'\n\n/**\n * Download menu items for histograms. Always includes a CSV item with\n * `bin_low, bin_high, series_1_count, series_2_count, …` columns (one row\n * per bin). When `getCaptureEl` is given, prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createHistogramDownloadConfig(\n args: WidgetDownloadArgs<HistogramWidgetData> & {\n getTicks: () => readonly number[]\n seriesNames?: readonly string[]\n },\n): DownloadItem[] {\n return withPngItem(\n args,\n buildCsvDownloadItem({\n filename: args.filename,\n getRows: (ctx) => {\n const data = args.getData(ctx)\n const ticks = args.getTicks()\n const seriesCount = data.length\n const header: unknown[] = ['bin_low', 'bin_high']\n for (let i = 0; i < seriesCount; i++) {\n header.push(args.seriesNames?.[i] ?? `series_${i + 1}`)\n }\n const rows: unknown[][] = [header]\n for (let bin = 0; bin < Math.max(0, ticks.length - 1); bin++) {\n const row: unknown[] = [ticks[bin], ticks[bin + 1]]\n for (let s = 0; s < seriesCount; s++) row.push(data[s]?.[bin] ?? 0)\n rows.push(row)\n }\n return rows\n },\n }),\n )\n}\n","/**\n * Histogram-specific `RelativeData` transform. Histogram data is\n * `number[][]` — each series is a flat list of bin counts. This\n * rewrites each count to its share of the series total (0–100), so\n * pairing with `createPercentFormatter` renders the y-axis as\n * percentages.\n *\n * Pass to `<Widget.RelativeData transform={toRelativeHistogramData} />`.\n *\n * The denominator is the sum of |value| across the series so mixed-sign\n * inputs produce sane signed shares-of-magnitude. A series whose total\n * magnitude is zero (all-zero or empty input) is returned unchanged so\n * a stalled or empty data set doesn't show misleading 0% values. Inputs\n * whose shape isn't `number[][]` fall through untouched (same defensive\n * shape-check pattern as the default transform).\n */\nexport const toRelativeHistogramData = (input: unknown): unknown => {\n if (!Array.isArray(input)) return input\n return input.map((series: unknown): unknown => {\n if (!isFlatNumberArray(series)) return series\n const total = series.reduce((acc, v) => acc + Math.abs(v), 0)\n if (total <= 0) return series\n return series.map((v) => (v / total) * 100)\n })\n}\n\nfunction isFlatNumberArray(v: unknown): v is number[] {\n if (!Array.isArray(v)) return false\n return v.every((item) => typeof item === 'number' && Number.isFinite(item))\n}\n\n/**\n * `LockSelection` filter for Histogram. Data is `number[][]` — a flat list\n * of bin counts per series, positionally paired with `ticks` (bin `i` covers\n * `[ticks[i], ticks[i+1])`). Unlike name-keyed widgets, locked-out bins can't\n * be REMOVED — that would shift every later bin's index and desync it from\n * its `ticks` range. Zeroing them out instead preserves array length/position,\n * so locked bins just render as empty (height 0) rather than disappearing.\n *\n * `lockedItems` holds bin indices (numbers, from Histogram's `selection`).\n */\nexport function filterHistogramByLockedBins(\n input: unknown,\n lockedItems: readonly (string | number)[],\n): unknown {\n if (lockedItems.length === 0) return input\n if (!Array.isArray(input)) return input\n const locked = new Set<number>(lockedItems.map(Number))\n return input.map((series: unknown): unknown => {\n if (!isFlatNumberArray(series)) return series\n return series.map((count, i) => (locked.has(i) ? count : 0))\n })\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"histogram.js","names":["{ bins = 12 }: HistogramSkeletonProps","bins = 12","Box","styles.grid","heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))","styles.container","(h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n )","<Box sx={styles.grid}>\n {heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))}\n </Box>","<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>","(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 )","<Box sx={styles.container}>\n <Box sx={styles.grid}>\n {heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))}\n </Box>\n <Box sx={styles.legend}>\n {[0, 1].map((i) => (\n <Box key={`legend-${i}`} sx={styles.legendItem}>\n <Skeleton variant='circular' width={8} height={8} />\n <Skeleton width={48} height={8} />\n </Box>\n ))}\n </Box>\n </Box>","i","_c","ZOOM_LAYOUT","fixedAxisBounds","withPngItem","positionDataZoomForLegend","mergeOptions","resolveThemeColor","niceNum","buildLegendConfig","buildAxisLabelStyle","createTooltipFormatter","buildGridConfig","createTooltipPositioner","createItemColorResolver","echarts","getHistogramBinValue","bin","isHistogramBin","v","value","withHistogramBinValue","histogramOptions","niceMin","niceMax","theme","buildHistogramTooltipFormatter","formatter","extent","createHistogramOptionFactory","options","optionsOverride","lockedItems","selectionSet","selection","binLabels","i","ticks","lo","hi","raw","formatNumber","labelFormatter","lockedRange","indices","min","max","option","structural","seriesArr","data","hasLegend","seriesTemplates","broadcastTemplate","baseYAxis","fixedY","baseGrid","baseTooltip","baseLegend","liveFormatter","ctx","dataZoomLayout","fallbackBottom","baseBottom","gridBottom","makeDimItemStyle","baseColor","params","base","currentAxis","lockedRangeAxis","nextXAxis","bins","label","template","overrideColor","series","item","formattedValue","marker","seriesName","n","styles","spacing","barSx","height","HistogramSkeleton","$","c","t1","t0","T0","T1","t2","t3","t4","heights","t","Box","_temp","t5","t6","_temp2","t7","Skeleton","i_1","h","i_0","createHistogramDownloadConfig","args","buildCsvDownloadItem","seriesCount","header","rows","row","s","toRelativeHistogramData","input","isBinArray","total","acc","b","filterHistogramByLockedBins","locked"],"sources":["../../src/widgets/histogram/bins.ts","../../src/widgets/histogram/options.ts","../../src/widgets/histogram/skeleton.tsx","../../src/widgets/histogram/download.ts","../../src/widgets/histogram/transforms.ts"],"sourcesContent":["import type { HistogramBin } from './types'\n\n/** Count of a {@link HistogramBin}, whichever form it takes. */\nexport function getHistogramBinValue(bin: HistogramBin): number {\n return typeof bin === 'number' ? bin : bin.value\n}\n\n/** Whether `v` is a valid {@link HistogramBin} with a finite count. */\nexport function isHistogramBin(v: unknown): v is HistogramBin {\n if (typeof v === 'number') return Number.isFinite(v)\n if (v == null || typeof v !== 'object') return false\n const value = (v as { value?: unknown }).value\n return typeof value === 'number' && Number.isFinite(value)\n}\n\n/** Same bin with its count replaced; keeps the object form (and `color`). */\nexport function withHistogramBinValue(\n bin: HistogramBin,\n value: number,\n): HistogramBin {\n return typeof bin === 'number' ? value : { ...bin, value }\n}\n","import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n buildAxisLabelStyle,\n buildGridConfig,\n buildLegendConfig,\n createTooltipFormatter,\n createTooltipPositioner,\n niceNum,\n} from '../utils/option-builders'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { createItemColorResolver } from '../utils/item-color'\nimport { getHistogramBinValue } from './bins'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n HistogramEChartsOption,\n HistogramOptionFactoryInput,\n HistogramOptionsInput,\n HistogramBin,\n HistogramWidgetData,\n} from './types'\nimport { fixedAxisBounds } from '../actions/relative-data/scale'\n\n/**\n * Builds the **structural** ECharts option for a histogram widget — axes,\n * grid, tooltip, value-axis label formatter, themed legend. Mirrors\n * {@link import('../bar/options').barOptions} so the two widgets share v1\n * look-and-feel: themed dark tooltip with positioner, CARTO color palette,\n * structural legend (`show` toggled by the merger based on series count),\n * y-axis labels rendered inside the plot via the `niceNum` closure pattern.\n *\n * Intentional deviations from bar (histogram-specific):\n * - **No `xAxis.axisLabel.formatter`.** Bin labels are pre-formatted in\n * the merger via `formatNumber(lo)–formatNumber(hi)` and optionally\n * the consumer's `labelFormatter`. The strings on the axis are\n * already display-ready, so there's nothing to post-format here.\n * - **Tooltip formatter reads the array-tuple row shape.** The dataset\n * uses positional `encode: { x: 0, y: 1 }`, so `item.value` comes in\n * as `[binLabel, count]` rather than bar's `{ name, value }` object.\n *\n * Intentionally data-agnostic: no series, no dataset, no x-axis category\n * data (those depend on data + ticks and are added by the option factory's\n * merge phase via {@link createHistogramOptionFactory}).\n */\nexport function histogramOptions({\n theme,\n formatter,\n}: HistogramOptionsInput): HistogramEChartsOption {\n // Closure shared between yAxis min/max callbacks and the label formatter,\n // so only the rounded extents are labelled (matches v1 + bar).\n let niceMin = 0\n let niceMax = 1\n\n return {\n grid: {\n left: parseInt(theme.spacing(1)),\n top: parseInt(theme.spacing(3)),\n right: parseInt(theme.spacing(1)),\n // Default: no legend. Merger bumps this when there are >1 series.\n ...buildGridConfig(false, theme),\n containLabel: true,\n },\n tooltip: {\n trigger: 'axis',\n backgroundColor: theme.palette.grey[900],\n borderWidth: 0,\n padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n textStyle: {\n color: theme.palette.common.white,\n fontSize: 11,\n fontFamily: theme.typography.caption.fontFamily,\n },\n axisPointer: { type: 'line' },\n position: createTooltipPositioner(theme),\n formatter: buildHistogramTooltipFormatter(formatter),\n },\n // Legend styling baked here; `show` is toggled by the merger based on\n // series count. Histogram doesn't accept `labelFormatter` at the\n // options layer (bin labels are pre-formatted in the merger), so we\n // skip the legend `labelFormatter` argument too.\n legend: {\n ...buildLegendConfig({ hasLegend: false }),\n },\n axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n color: [\n theme.palette.secondary.main,\n ...Object.values(\n (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n .qualitative?.bold ?? {},\n ),\n ],\n xAxis: {\n type: 'category',\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n ...buildAxisLabelStyle(theme),\n padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n margin: 0,\n // `interval: 0` makes every bin label a candidate so `hideOverlap`\n // can pack the maximum number that physically fit. The category-axis\n // default (`'auto'`) sub-samples first and leaves only one/two labels\n // even when there's room for more.\n interval: 0,\n hideOverlap: true,\n },\n },\n yAxis: {\n type: 'value',\n min: (extent: { min: number }) => {\n niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n return niceMin\n },\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n return niceMax\n },\n axisLine: { show: false },\n axisTick: { show: false },\n splitLine: {\n show: true,\n lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n },\n axisLabel: {\n ...buildAxisLabelStyle(theme),\n margin: parseInt(theme.spacing(1)),\n show: true,\n showMaxLabel: true,\n showMinLabel: true,\n verticalAlign: 'bottom',\n inside: true,\n formatter: (value: number) => {\n if (value !== niceMax && value !== niceMin) return ''\n if (value === 0) return ''\n return formatter ? formatter(value) : String(value)\n },\n },\n },\n } as HistogramEChartsOption\n}\n\n/**\n * Returns the histogram widget's {@link OptionFactory} — one closure that\n * owns BOTH phases of option construction:\n *\n * - **Structural phase** (`option == null`) — builds the theme-aware\n * structural option via {@link histogramOptions}, optionally merging\n * the consumer-supplied `optionsOverride`. Called once by Provider to\n * seed `rawOptions` in the store.\n * - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n * (`HistogramWidgetData` — `HistogramBin[][]`) into the option via the\n * dataset API. Each series gets its own dataset of `[binLabel, count]`\n * pairs derived from `ticks`; series reference their dataset by\n * `datasetIndex` and are encoded by column position. Reactive\n * `ctx.formatter` (driven by RelativeData → `%`) plus `niceMin`/`niceMax`\n * are re-derived here so the y-axis label formatter and the tooltip\n * pick up live store values, mirroring bar.\n */\nexport function createHistogramOptionFactory(\n options: HistogramOptionFactoryInput,\n): OptionFactory {\n const { theme, formatter, ticks, series, labelFormatter, selection } = options\n const optionsOverride = options.optionsOverride\n const lockedItems = options.lockedItems\n const selectionSet =\n selection && selection.length > 0 ? new Set<number>(selection) : null\n\n const binLabels: string[] = []\n for (let i = 0; i < ticks.length - 1; i++) {\n const lo = ticks[i]!\n const hi = ticks[i + 1]!\n const raw = `${formatNumber(lo)}–${formatNumber(hi)}`\n binLabels.push(labelFormatter ? labelFormatter(raw) : raw)\n }\n\n // Locked range → x-axis crop. `min`/`max` on a category axis accept a\n // category value (the bin label string), bounding the visible window\n // without touching `dataset`/`series` — the zeroed-out bins from\n // `filterHistogramByLockedBins` stay in the data, just scrolled out of\n // view. `null` (not omitted) on unlock, since ECharts' option merge skips\n // `undefined` keys and would otherwise leave a stale crop in place.\n const lockedRange =\n lockedItems && lockedItems.length > 0\n ? (() => {\n const indices = lockedItems.map(Number)\n const min = binLabels[Math.min(...indices)]\n const max = binLabels[Math.max(...indices)]\n return min != null && max != null ? { min, max } : null\n })()\n : null\n\n return (option, data, ctx) => {\n if (option == null) {\n const structural = histogramOptions({ theme, formatter })\n return optionsOverride\n ? (mergeOptions(\n structural as unknown as Record<string, unknown>,\n optionsOverride as Partial<Record<string, unknown>>,\n ) as EChartsOption)\n : structural\n }\n\n const seriesArr: HistogramWidgetData<HistogramBin> = Array.isArray(data)\n ? (data as HistogramWidgetData<HistogramBin>)\n : []\n if (seriesArr.length === 0 || binLabels.length === 0) {\n return { ...option, dataset: [], series: [] }\n }\n\n const hasLegend = seriesArr.length > 1\n const seriesTemplates = Array.isArray(option.series) ? option.series : []\n const broadcastTemplate = seriesTemplates[0] ?? {}\n const baseYAxis =\n typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n ? option.yAxis\n : {}\n const fixedY = fixedAxisBounds(baseYAxis)\n const baseGrid =\n typeof option.grid === 'object' && !Array.isArray(option.grid)\n ? option.grid\n : {}\n const baseTooltip =\n typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n ? option.tooltip\n : {}\n const baseLegend =\n typeof option.legend === 'object' && !Array.isArray(option.legend)\n ? option.legend\n : {}\n // Reactive (live store) formatter from ctx — distinct from the\n // closure-time `formatter` captured for the structural-build branch\n // above. RelativeData can install a percent formatter on the store\n // after the factory was constructed; the merge phase reads `ctx` to\n // pick that up.\n const liveFormatter = ctx?.formatter\n\n // Closure shared between the yAxis min/max callbacks and the label\n // formatter, so only the rounded extents are labelled (matches v1 +\n // bar). Delegating the extent to ECharts (rather than precomputing\n // scalars from the raw counts) keeps stacked bins inside the plot:\n // when StackToggle marks the series, ECharts feeds the *post-stack*\n // extent to these callbacks, so `niceNum` rounds the stacked total.\n let niceMin = 0\n let niceMax = 1\n\n // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push\n // the slider above the legend (if any) and reserve room in the grid.\n const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n const fallbackBottom =\n typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n const baseBottom = hasLegend ? 56 : fallbackBottom\n const gridBottom = dataZoomLayout\n ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n : baseBottom\n\n // Dim non-selected bins via `series.itemStyle.color`. Per-row\n // `itemStyle` on dataset sources is silently ignored when\n // `series.encode` is in play.\n //\n // We *always* emit `itemStyle.color` (a passthrough when nothing is\n // selected), not conditionally — dropping the key between renders\n // would let ECharts' default merge keep the previous callback alive\n // and bins would stay dimmed forever after an external clear. Always\n // emitting lets normal merge swap the callback in place, no\n // `replaceMerge` and no entry-animation flash on selection on/off.\n //\n // The base colour is the bin's own `color` (object bins), else the\n // template's `itemStyle.color`, else the series colour / palette.\n const makeDimItemStyle = (\n datums: readonly unknown[],\n template: unknown,\n ) => {\n const baseColor = createItemColorResolver({\n theme,\n datums,\n template,\n fallback: (params) => params.color as string,\n })\n return {\n color: (params: CallbackDataParams) => {\n const base = baseColor(params)\n if (!selectionSet) return base\n return selectionSet.has(params.dataIndex)\n ? base\n : echarts.color.modifyAlpha(base, 0.15)\n },\n }\n }\n\n // A consumer's `optionsOverride.xAxis` may legitimately be an array\n // (ECharts supports multiple x-axes on one grid). Merge the locked-range\n // crop into the primary (first) axis instead of discarding the rest via\n // an object fallback — `min`/`max` here bound a category axis by label\n // string, which is only ambiguous if `labelFormatter` produces duplicate\n // labels across bins (a structural limitation of label-string bounds,\n // not fixed here).\n //\n // `min`/`max` are ALWAYS written explicitly below (never omitted) —\n // ECharts' merge silently keeps whatever value it last received for an\n // omitted key, so omitting them while unlocked would leave a stale crop\n // in place from a previous locked render. But the fallback when there's\n // no active crop must be the CONSUMER's own `optionsOverride.xAxis.min/max`\n // (if they set one), not an unconditional `null` — `option.xAxis` here\n // is the post-structural-phase axis, which only ever carries the\n // consumer's static override (never our own prior crop — the structural\n // phase is rebuilt from scratch on every factory recreation, so it can't\n // have picked up a merge-phase write from a previous render).\n const currentAxis = (\n Array.isArray(option.xAxis) ? option.xAxis[0] : option.xAxis\n ) as { min?: unknown; max?: unknown } | undefined\n const lockedRangeAxis = {\n min: lockedRange?.min ?? currentAxis?.min ?? null,\n max: lockedRange?.max ?? currentAxis?.max ?? null,\n }\n const nextXAxis = Array.isArray(option.xAxis)\n ? [{ ...option.xAxis[0], ...lockedRangeAxis }, ...option.xAxis.slice(1)]\n : {\n ...(typeof option.xAxis === 'object' ? option.xAxis : {}),\n ...lockedRangeAxis,\n }\n\n return {\n ...option,\n xAxis: nextXAxis,\n dataset: seriesArr.map((bins) => ({\n source: binLabels.map((label, i) => {\n const bin = bins[i]\n return [label, bin == null ? 0 : getHistogramBinValue(bin)] as [\n string,\n number,\n ]\n }),\n })),\n series: seriesArr.map((bins, i) => {\n const template =\n (seriesTemplates[i] as object | undefined) ??\n (broadcastTemplate as object)\n const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n return {\n ...(typeof template === 'object' ? template : {}),\n type: 'bar' as const,\n datasetIndex: i,\n name: series?.[i]?.name ?? `Series ${i + 1}`,\n encode: { x: 0, y: 1 },\n barCategoryGap: '0%',\n emphasis: { focus: 'series' },\n itemStyle: makeDimItemStyle(bins, template),\n ...(overrideColor ? { color: overrideColor } : {}),\n }\n }),\n legend: { ...baseLegend, show: hasLegend },\n grid: { ...baseGrid, bottom: gridBottom },\n ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n yAxis: {\n ...baseYAxis,\n // A config transform (RelativeData's `'total'` scale) may pin the\n // ends; each applies only on the side the data reaches.\n min: (extent: { min: number }) => {\n niceMin = extent.min < 0 ? (fixedY.min ?? niceNum(extent.min)) : 0\n return niceMin\n },\n max: (extent: { min: number; max: number }) => {\n niceMax = extent.max <= 0 ? 1 : (fixedY.max ?? niceNum(extent.max))\n return niceMax\n },\n axisLabel: {\n ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n formatter: (value: number) => {\n if (value !== niceMax && value !== niceMin) return ''\n if (value === 0) return ''\n return liveFormatter ? liveFormatter(value) : String(value)\n },\n },\n } as EChartsOption['yAxis'],\n tooltip: {\n ...baseTooltip,\n formatter: buildHistogramTooltipFormatter(liveFormatter),\n },\n } as EChartsOption\n }\n}\n\n/**\n * Tooltip formatter for the histogram's positional `[binLabel, count]`\n * row shape. ECharts surfaces the x-axis category through `item.name`\n * (already pre-formatted by the bin-label generator), and `item.value`\n * comes in as the array tuple — distinct from bar's `{ name, value }`\n * object row.\n */\nfunction buildHistogramTooltipFormatter(\n formatter: ((value: number) => string) | undefined,\n) {\n return createTooltipFormatter((item) => {\n const row = item.value as [string, number] | undefined\n const raw = row?.[1]\n const formattedValue =\n typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\n const marker = typeof item.marker === 'string' ? item.marker : ''\n const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n return {\n name: String(item.name ?? ''),\n seriesName,\n marker,\n value: formattedValue,\n }\n })\n}\n\nfunction formatNumber(n: number): string {\n if (Number.isInteger(n)) return String(n)\n return Number(n.toFixed(2)).toString()\n}\n","import { Box, Skeleton, type SxProps, type Theme } from '@mui/material'\n\nconst styles = {\n container: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexDirection: 'column',\n gap: ({ spacing }) => spacing(1),\n height: ({ spacing }) => spacing(38),\n },\n grid: {\n display: 'flex',\n alignItems: 'flex-end',\n flex: '1 1 auto',\n gap: 0.5,\n width: '100%',\n },\n legend: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(2),\n height: ({ spacing }) => spacing(5),\n },\n legendItem: {\n display: 'flex',\n alignItems: 'center',\n gap: ({ spacing }) => spacing(1.5),\n },\n} satisfies Record<string, SxProps<Theme>>\n\nconst barSx = (height: number): SxProps<Theme> => ({\n flex: 1,\n height: `${height}%`,\n minWidth: 8,\n})\n\nexport interface HistogramSkeletonProps {\n bins?: number\n}\n\n/**\n * Loading state for the Histogram widget. Mirrors Bar's skeleton structure\n * — a grid of bars (bin-shaped silhouette, anchored to the bottom) plus a\n * legend stub — so the placeholder reads consistently with Bar.\n */\nexport function HistogramSkeleton({ bins = 12 }: HistogramSkeletonProps) {\n // Sample heights mimicking a typical bell-shaped distribution.\n const heights = Array.from({ length: bins }, (_, i) => {\n const t = i / Math.max(1, bins - 1)\n return Math.round(20 + 80 * Math.exp(-((t - 0.5) ** 2) * 8))\n })\n return (\n <Box sx={styles.container}>\n <Box sx={styles.grid}>\n {heights.map((h, i) => (\n <Skeleton key={`bar-${i}`} variant='rectangular' sx={barSx(h)} />\n ))}\n </Box>\n <Box sx={styles.legend}>\n {[0, 1].map((i) => (\n <Box key={`legend-${i}`} sx={styles.legendItem}>\n <Skeleton variant='circular' width={8} height={8} />\n <Skeleton width={48} height={8} />\n </Box>\n ))}\n </Box>\n </Box>\n )\n}\n","import {\n buildCsvDownloadItem,\n withPngItem,\n type DownloadItem,\n type WidgetDownloadArgs,\n} from '../actions/download'\nimport { getHistogramBinValue } from './bins'\nimport type { HistogramBin, HistogramWidgetData } from './types'\n\n/**\n * Download menu items for histograms. Always includes a CSV item with\n * `bin_low, bin_high, series_1_count, series_2_count, …` columns (one row\n * per bin). When `getCaptureEl` is given, prepends a PNG item that\n * rasterises the captured element via `html2canvas`.\n */\nexport function createHistogramDownloadConfig(\n args: WidgetDownloadArgs<HistogramWidgetData<HistogramBin>> & {\n getTicks: () => readonly number[]\n seriesNames?: readonly string[]\n },\n): DownloadItem[] {\n return withPngItem(\n args,\n buildCsvDownloadItem({\n filename: args.filename,\n getRows: (ctx) => {\n const data = args.getData(ctx)\n const ticks = args.getTicks()\n const seriesCount = data.length\n const header: unknown[] = ['bin_low', 'bin_high']\n for (let i = 0; i < seriesCount; i++) {\n header.push(args.seriesNames?.[i] ?? `series_${i + 1}`)\n }\n const rows: unknown[][] = [header]\n for (let bin = 0; bin < Math.max(0, ticks.length - 1); bin++) {\n const row: unknown[] = [ticks[bin], ticks[bin + 1]]\n for (let s = 0; s < seriesCount; s++) {\n const value = data[s]?.[bin]\n row.push(value == null ? 0 : getHistogramBinValue(value))\n }\n rows.push(row)\n }\n return rows\n },\n }),\n )\n}\n","import {\n getHistogramBinValue,\n isHistogramBin,\n withHistogramBinValue,\n} from './bins'\nimport type { HistogramBin } from './types'\n\n/**\n * Histogram-specific `RelativeData` transform. Histogram data is\n * `HistogramBin[][]` — each series is a flat list of bin counts (plain\n * numbers or `{ value, color? }`, whose shape is kept). This\n * rewrites each count to its share of the series total (0–100), so\n * pairing with `createPercentFormatter` renders the y-axis as\n * percentages.\n *\n * Pass to `<Widget.RelativeData transform={toRelativeHistogramData} />`.\n *\n * The denominator is the sum of |value| across the series so mixed-sign\n * inputs produce sane signed shares-of-magnitude. A series whose total\n * magnitude is zero (all-zero or empty input) is returned unchanged so\n * a stalled or empty data set doesn't show misleading 0% values. Inputs\n * whose shape isn't `HistogramBin[][]` fall through untouched (same defensive\n * shape-check pattern as the default transform).\n */\nexport const toRelativeHistogramData = (input: unknown): unknown => {\n if (!Array.isArray(input)) return input\n return input.map((series: unknown): unknown => {\n if (!isBinArray(series)) return series\n const total = series.reduce<number>(\n (acc, b) => acc + Math.abs(getHistogramBinValue(b)),\n 0,\n )\n if (total <= 0) return series\n return series.map((b) =>\n withHistogramBinValue(b, (getHistogramBinValue(b) / total) * 100),\n )\n })\n}\n\nfunction isBinArray(v: unknown): v is HistogramBin[] {\n return Array.isArray(v) && v.every(isHistogramBin)\n}\n\n/**\n * `LockSelection` filter for Histogram. Data is `HistogramBin[][]` — a flat\n * list of bin counts per series, positionally paired with `ticks` (bin `i` covers\n * `[ticks[i], ticks[i+1])`). Unlike name-keyed widgets, locked-out bins can't\n * be REMOVED — that would shift every later bin's index and desync it from\n * its `ticks` range. Zeroing them out instead preserves array length/position,\n * so locked bins just render as empty (height 0) rather than disappearing.\n *\n * `lockedItems` holds bin indices (numbers, from Histogram's `selection`).\n */\nexport function filterHistogramByLockedBins(\n input: unknown,\n lockedItems: readonly (string | number)[],\n): unknown {\n if (lockedItems.length === 0) return input\n if (!Array.isArray(input)) return input\n const locked = new Set<number>(lockedItems.map(Number))\n return input.map((series: unknown): unknown => {\n if (!isBinArray(series)) return series\n return series.map((bin, i) =>\n locked.has(i) ? bin : withHistogramBinValue(bin, 0),\n )\n })\n}\n"],"mappings":"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"}
|
package/dist/widgets/pie.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { n as e, t } from "../download-B4sykOFm.js";
|
|
2
2
|
import { r as n, t as r } from "../utils-C-eWwOhE.js";
|
|
3
|
-
import { a as i,
|
|
4
|
-
import { c as
|
|
5
|
-
import { Box as
|
|
6
|
-
import { jsx as
|
|
7
|
-
import * as
|
|
3
|
+
import { a as i, c as a, i as o, o as s, r as c, s as l, t as u } from "../item-color-B7xkIpDZ.js";
|
|
4
|
+
import { c as d } from "react/compiler-runtime";
|
|
5
|
+
import { Box as f, Skeleton as p } from "@mui/material";
|
|
6
|
+
import { jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
7
|
+
import * as g from "echarts";
|
|
8
8
|
//#region src/widgets/pie/options.ts
|
|
9
|
-
var
|
|
10
|
-
function
|
|
9
|
+
var _ = ["58%", "74%"];
|
|
10
|
+
function v({ theme: e, formatter: t, labelFormatter: n }) {
|
|
11
11
|
return {
|
|
12
12
|
legend: {
|
|
13
|
-
...
|
|
13
|
+
...o({
|
|
14
14
|
hasLegend: !0,
|
|
15
15
|
labelFormatter: n
|
|
16
16
|
}),
|
|
@@ -28,8 +28,8 @@ function _({ theme: e, formatter: t, labelFormatter: n }) {
|
|
|
28
28
|
fontSize: 11,
|
|
29
29
|
fontFamily: e.typography.caption.fontFamily
|
|
30
30
|
},
|
|
31
|
-
position:
|
|
32
|
-
formatter:
|
|
31
|
+
position: l(e),
|
|
32
|
+
formatter: w(t, n)
|
|
33
33
|
},
|
|
34
34
|
color: Object.values(e.palette.qualitative?.bold ?? {}),
|
|
35
35
|
series: [{
|
|
@@ -62,11 +62,11 @@ function _({ theme: e, formatter: t, labelFormatter: n }) {
|
|
|
62
62
|
}]
|
|
63
63
|
};
|
|
64
64
|
}
|
|
65
|
-
function
|
|
66
|
-
let { theme: t, formatter: r, labelFormatter: i, optionsOverride: a, series: o } = e, s = e.radius ??
|
|
65
|
+
function y(e) {
|
|
66
|
+
let { theme: t, formatter: r, labelFormatter: i, optionsOverride: a, series: o } = e, s = e.radius ?? _, c = e.selection, l = c == null || c.length === 0 ? null : new Set(c);
|
|
67
67
|
return (e, c, u) => {
|
|
68
68
|
if (e == null) {
|
|
69
|
-
let e =
|
|
69
|
+
let e = v({
|
|
70
70
|
theme: t,
|
|
71
71
|
formatter: r,
|
|
72
72
|
labelFormatter: i
|
|
@@ -78,98 +78,117 @@ function v(e) {
|
|
|
78
78
|
...e,
|
|
79
79
|
dataset: [],
|
|
80
80
|
series: []
|
|
81
|
-
} : d.length > 1 ?
|
|
81
|
+
} : d.length > 1 ? x(e, d, t, o, u, l) : b(e, d, t, s, o, u, l);
|
|
82
82
|
};
|
|
83
83
|
}
|
|
84
|
-
function
|
|
85
|
-
let
|
|
86
|
-
let
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
84
|
+
function b(e, t, n, r, i, a, o) {
|
|
85
|
+
let s = Array.isArray(e.series) ? e.series : [], c = s[0] ?? {}, l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, f = a?.formatter, p = a?.labelFormatter, m = Array.isArray(e.color) ? e.color : [], h = (e) => (m.length > 0 ? m[e.dataIndex % m.length] : void 0) ?? e.color, _ = (e, t) => {
|
|
86
|
+
let r = u({
|
|
87
|
+
theme: n,
|
|
88
|
+
datums: e,
|
|
89
|
+
template: t,
|
|
90
|
+
fallback: h
|
|
91
|
+
});
|
|
92
|
+
return (e) => {
|
|
93
|
+
let t = r(e);
|
|
94
|
+
if (!o) return t;
|
|
95
|
+
let n = e.value?.name ?? e.name;
|
|
96
|
+
return n != null && o.has(n) ? t : g.color.modifyAlpha(t, .15);
|
|
97
|
+
};
|
|
98
|
+
}, v = c.label?.position, y = v === void 0 || v === "center", b = t[0] ?? [], x, S = -Infinity;
|
|
99
|
+
for (let e of b) (!o || o.has(e.name)) && typeof e.value == "number" && e.value > S && (S = e.value, x = e.name);
|
|
100
|
+
let C = (e) => {
|
|
93
101
|
let { name: t } = e;
|
|
94
|
-
if (t == null ||
|
|
102
|
+
if (t == null || y && t !== x) return "";
|
|
95
103
|
let n = e.encode?.value?.[0];
|
|
96
104
|
if (n === void 0) return "";
|
|
97
|
-
let r = Object.values(e.data ?? {}).at(n), i = typeof r == "number" ?
|
|
98
|
-
return `{c|${i}}${
|
|
105
|
+
let r = Object.values(e.data ?? {}).at(n), i = typeof r == "number" ? f ? f(r) : String(r) : typeof r == "string" ? r : "", a = String(p ? p(t ?? "") : t ?? "");
|
|
106
|
+
return `{c|${i}}${y ? "\n\n" : "\n"}{b|${a}}`;
|
|
99
107
|
};
|
|
100
108
|
return {
|
|
101
109
|
...e,
|
|
102
110
|
dataset: t.map((e) => ({ source: e })),
|
|
103
111
|
series: t.map((e, t) => {
|
|
104
|
-
let
|
|
112
|
+
let n = s[t] ?? c, a = typeof n == "object" ? n : {}, o = a.label ?? {}, l = a.itemStyle ?? {};
|
|
105
113
|
return {
|
|
106
114
|
...a,
|
|
107
115
|
type: "pie",
|
|
108
116
|
legendHoverLink: !1,
|
|
109
117
|
datasetIndex: t,
|
|
110
|
-
name:
|
|
111
|
-
radius: [...
|
|
118
|
+
name: i?.[t]?.name ?? `Series ${t + 1}`,
|
|
119
|
+
radius: [...r],
|
|
112
120
|
center: ["50%", "38%"],
|
|
113
121
|
encode: {
|
|
114
122
|
itemName: "name",
|
|
115
123
|
value: "value"
|
|
116
124
|
},
|
|
117
125
|
label: {
|
|
118
|
-
...
|
|
119
|
-
formatter:
|
|
126
|
+
...o,
|
|
127
|
+
formatter: C
|
|
120
128
|
},
|
|
121
129
|
itemStyle: {
|
|
122
130
|
...l,
|
|
123
|
-
color:
|
|
131
|
+
color: _(e, a)
|
|
124
132
|
}
|
|
125
133
|
};
|
|
126
134
|
}),
|
|
127
135
|
legend: {
|
|
128
|
-
...
|
|
136
|
+
...d,
|
|
129
137
|
show: !0,
|
|
130
138
|
selectedMode: !1,
|
|
131
139
|
selected: Object.fromEntries((t[0] ?? []).map((e) => [String(e.name), !0]))
|
|
132
140
|
},
|
|
133
141
|
tooltip: {
|
|
134
|
-
...
|
|
135
|
-
formatter:
|
|
142
|
+
...l,
|
|
143
|
+
formatter: w(f, p)
|
|
136
144
|
}
|
|
137
145
|
};
|
|
138
146
|
}
|
|
139
|
-
function
|
|
140
|
-
let l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {},
|
|
141
|
-
let t = e.seriesIndex ?? 0
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
147
|
+
function x(e, t, n, a, o, s) {
|
|
148
|
+
let l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, d = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, f = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, p = o?.formatter, m = o?.labelFormatter, { niceMinVal: h, niceMaxVal: _ } = C(t), v = Array.isArray(e.color) ? e.color : [], y = Array.isArray(e.series) ? e.series : [], b = (e) => {
|
|
149
|
+
let t = e.seriesIndex ?? 0;
|
|
150
|
+
return (v.length > 0 ? v[t % v.length] : void 0) ?? e.color;
|
|
151
|
+
}, x = (e, t) => {
|
|
152
|
+
let r = u({
|
|
153
|
+
theme: n,
|
|
154
|
+
datums: e,
|
|
155
|
+
template: t,
|
|
156
|
+
fallback: b
|
|
157
|
+
});
|
|
158
|
+
return (e) => {
|
|
159
|
+
let t = r(e);
|
|
160
|
+
if (!s) return t;
|
|
161
|
+
let n = e.value?.name ?? e.name;
|
|
162
|
+
return n != null && s.has(n) ? t : g.color.modifyAlpha(t, .15);
|
|
163
|
+
};
|
|
145
164
|
};
|
|
146
165
|
return {
|
|
147
166
|
...e,
|
|
148
167
|
dataset: t.map((e) => ({ source: e })),
|
|
149
168
|
grid: {
|
|
150
|
-
...
|
|
151
|
-
...
|
|
169
|
+
...f,
|
|
170
|
+
...c(!0, n),
|
|
152
171
|
right: parseInt(n.spacing(4)),
|
|
153
172
|
containLabel: !0
|
|
154
173
|
},
|
|
155
174
|
series: t.map((e, t) => {
|
|
156
|
-
let o = r(n,
|
|
175
|
+
let o = r(n, a?.[t]?.color);
|
|
157
176
|
return {
|
|
158
177
|
datasetIndex: t,
|
|
159
178
|
type: "bar",
|
|
160
|
-
name:
|
|
179
|
+
name: a?.[t]?.name ?? `Series ${t + 1}`,
|
|
161
180
|
barMaxWidth: 100,
|
|
162
181
|
legendHoverLink: !1,
|
|
163
182
|
emphasis: { focus: "series" },
|
|
164
|
-
...
|
|
165
|
-
itemStyle: { color:
|
|
183
|
+
...i(p, "x"),
|
|
184
|
+
itemStyle: { color: x(e, y[t] ?? y[0]) },
|
|
166
185
|
...o ? { color: o } : {}
|
|
167
186
|
};
|
|
168
187
|
}),
|
|
169
188
|
xAxis: {
|
|
170
189
|
type: "value",
|
|
171
|
-
min: () =>
|
|
172
|
-
max: () =>
|
|
190
|
+
min: () => h,
|
|
191
|
+
max: () => _,
|
|
173
192
|
axisLine: { show: !1 },
|
|
174
193
|
axisTick: { show: !1 },
|
|
175
194
|
splitLine: {
|
|
@@ -182,7 +201,7 @@ function b(e, t, n, i, s, c) {
|
|
|
182
201
|
margin: parseInt(n.spacing(1)),
|
|
183
202
|
showMaxLabel: !0,
|
|
184
203
|
showMinLabel: !0,
|
|
185
|
-
formatter: (e) => e !==
|
|
204
|
+
formatter: (e) => e !== _ && e !== h || e === 0 ? "" : p ? p(e) : String(e)
|
|
186
205
|
}
|
|
187
206
|
},
|
|
188
207
|
yAxis: {
|
|
@@ -196,24 +215,24 @@ function b(e, t, n, i, s, c) {
|
|
|
196
215
|
0,
|
|
197
216
|
0
|
|
198
217
|
],
|
|
199
|
-
...
|
|
218
|
+
...m && { formatter: (e) => String(m(e)) }
|
|
200
219
|
}
|
|
201
220
|
},
|
|
202
221
|
legend: {
|
|
203
|
-
...
|
|
222
|
+
...d,
|
|
204
223
|
show: !0,
|
|
205
224
|
selectedMode: !1,
|
|
206
|
-
selected: Object.fromEntries(t.map((e, t) => [
|
|
225
|
+
selected: Object.fromEntries(t.map((e, t) => [a?.[t]?.name ?? `Series ${t + 1}`, !0]))
|
|
207
226
|
},
|
|
208
227
|
tooltip: {
|
|
209
228
|
...l,
|
|
210
229
|
trigger: "axis",
|
|
211
|
-
formatter:
|
|
230
|
+
formatter: S(p, m)
|
|
212
231
|
}
|
|
213
232
|
};
|
|
214
233
|
}
|
|
215
|
-
function
|
|
216
|
-
return
|
|
234
|
+
function S(e, t) {
|
|
235
|
+
return s((n) => {
|
|
217
236
|
let r = n.encode?.x?.at(0), i = r === void 0 ? void 0 : n.dimensionNames?.[r], a = n.value && typeof n.value == "object" && !Array.isArray(n.value) ? n.value : void 0, o = i && a ? a[i] : void 0, s = typeof o == "number" && e ? e(o) : o ?? "", c = typeof n.marker == "string" ? n.marker : "", l = n.seriesName ? `${n.seriesName}: ` : "";
|
|
218
237
|
return {
|
|
219
238
|
name: String(t ? t(n.name ?? "") : n.name ?? ""),
|
|
@@ -223,16 +242,16 @@ function x(e, t) {
|
|
|
223
242
|
};
|
|
224
243
|
});
|
|
225
244
|
}
|
|
226
|
-
function
|
|
245
|
+
function C(e) {
|
|
227
246
|
let t = 0, n = -Infinity;
|
|
228
247
|
for (let r of e) for (let e of r) typeof e?.value == "number" && Number.isFinite(e.value) && (e.value < t && (t = e.value), e.value > n && (n = e.value));
|
|
229
248
|
return {
|
|
230
|
-
niceMinVal: t < 0 ?
|
|
231
|
-
niceMaxVal: n <= 0 ? 1 :
|
|
249
|
+
niceMinVal: t < 0 ? a(t) : 0,
|
|
250
|
+
niceMaxVal: n <= 0 ? 1 : a(n)
|
|
232
251
|
};
|
|
233
252
|
}
|
|
234
|
-
function
|
|
235
|
-
return
|
|
253
|
+
function w(e, t) {
|
|
254
|
+
return s((n) => {
|
|
236
255
|
let r = n.encode?.value?.at(0) ?? 1, i = (n.value && typeof n.value == "object" && !Array.isArray(n.value) ? Object.values(n.value) : [])[r], a = typeof i == "number" && e ? e(i) : i ?? "", o = typeof n.marker == "string" ? n.marker : "", s = n.seriesName ? `${n.seriesName}: ` : "";
|
|
237
256
|
return {
|
|
238
257
|
name: String(t ? t(n.name ?? "") : n.name ?? ""),
|
|
@@ -244,7 +263,7 @@ function C(e, t) {
|
|
|
244
263
|
}
|
|
245
264
|
//#endregion
|
|
246
265
|
//#region src/widgets/pie/skeleton.tsx
|
|
247
|
-
var
|
|
266
|
+
var T = 160, E = 96, D = {
|
|
248
267
|
root: {
|
|
249
268
|
display: "flex",
|
|
250
269
|
flexDirection: "column",
|
|
@@ -261,14 +280,14 @@ var w = 160, T = 96, E = {
|
|
|
261
280
|
justifyContent: "center"
|
|
262
281
|
},
|
|
263
282
|
ring: {
|
|
264
|
-
width:
|
|
265
|
-
height:
|
|
283
|
+
width: T,
|
|
284
|
+
height: T
|
|
266
285
|
},
|
|
267
286
|
hole: {
|
|
268
287
|
position: "absolute",
|
|
269
288
|
zIndex: 1,
|
|
270
|
-
width:
|
|
271
|
-
height:
|
|
289
|
+
width: E,
|
|
290
|
+
height: E,
|
|
272
291
|
borderRadius: "50%",
|
|
273
292
|
bgcolor: "background.paper"
|
|
274
293
|
},
|
|
@@ -292,24 +311,24 @@ var w = 160, T = 96, E = {
|
|
|
292
311
|
gap: ({ spacing: e }) => e(1.5)
|
|
293
312
|
}
|
|
294
313
|
};
|
|
295
|
-
function
|
|
296
|
-
let t =
|
|
297
|
-
t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p
|
|
314
|
+
function O(e) {
|
|
315
|
+
let t = d(4), n, r;
|
|
316
|
+
t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m(p, {
|
|
298
317
|
variant: "circular",
|
|
299
|
-
sx:
|
|
300
|
-
}), r = /* @__PURE__ */
|
|
318
|
+
sx: D.ring
|
|
319
|
+
}), r = /* @__PURE__ */ m(f, { sx: D.hole }), t[0] = n, t[1] = r) : (n = t[0], r = t[1]);
|
|
301
320
|
let i;
|
|
302
|
-
t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */
|
|
303
|
-
sx:
|
|
321
|
+
t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ h(f, {
|
|
322
|
+
sx: D.donut,
|
|
304
323
|
children: [
|
|
305
324
|
n,
|
|
306
325
|
r,
|
|
307
|
-
/* @__PURE__ */
|
|
308
|
-
sx:
|
|
309
|
-
children: [/* @__PURE__ */ p
|
|
326
|
+
/* @__PURE__ */ h(f, {
|
|
327
|
+
sx: D.label,
|
|
328
|
+
children: [/* @__PURE__ */ m(p, {
|
|
310
329
|
width: 56,
|
|
311
330
|
height: 18
|
|
312
|
-
}), /* @__PURE__ */ p
|
|
331
|
+
}), /* @__PURE__ */ m(p, {
|
|
313
332
|
width: 36,
|
|
314
333
|
height: 8
|
|
315
334
|
})]
|
|
@@ -317,22 +336,22 @@ function D(e) {
|
|
|
317
336
|
]
|
|
318
337
|
}), t[2] = i) : i = t[2];
|
|
319
338
|
let a;
|
|
320
|
-
return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */
|
|
321
|
-
sx:
|
|
322
|
-
children: [i, /* @__PURE__ */
|
|
323
|
-
sx:
|
|
324
|
-
children: [0, 1].map(
|
|
339
|
+
return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ h(f, {
|
|
340
|
+
sx: D.root,
|
|
341
|
+
children: [i, /* @__PURE__ */ m(f, {
|
|
342
|
+
sx: D.legend,
|
|
343
|
+
children: [0, 1].map(k)
|
|
325
344
|
})]
|
|
326
345
|
}), t[3] = a) : a = t[3], a;
|
|
327
346
|
}
|
|
328
|
-
function
|
|
329
|
-
return /* @__PURE__ */
|
|
330
|
-
sx:
|
|
331
|
-
children: [/* @__PURE__ */ p
|
|
347
|
+
function k(e) {
|
|
348
|
+
return /* @__PURE__ */ h(f, {
|
|
349
|
+
sx: D.legendItem,
|
|
350
|
+
children: [/* @__PURE__ */ m(p, {
|
|
332
351
|
variant: "circular",
|
|
333
352
|
width: 8,
|
|
334
353
|
height: 8
|
|
335
|
-
}), /* @__PURE__ */ p
|
|
354
|
+
}), /* @__PURE__ */ m(p, {
|
|
336
355
|
width: 48,
|
|
337
356
|
height: 8
|
|
338
357
|
})]
|
|
@@ -340,7 +359,7 @@ function O(e) {
|
|
|
340
359
|
}
|
|
341
360
|
//#endregion
|
|
342
361
|
//#region src/widgets/pie/download.ts
|
|
343
|
-
function
|
|
362
|
+
function A(n) {
|
|
344
363
|
return t(n, e({
|
|
345
364
|
filename: n.filename,
|
|
346
365
|
getRows: (e) => {
|
|
@@ -362,6 +381,6 @@ function k(n) {
|
|
|
362
381
|
}));
|
|
363
382
|
}
|
|
364
383
|
//#endregion
|
|
365
|
-
export {
|
|
384
|
+
export { O as PieSkeleton, A as createPieDownloadConfig, y as createPieOptionFactory, v as pieOptions };
|
|
366
385
|
|
|
367
386
|
//# sourceMappingURL=pie.js.map
|