@carto/ps-react-ui 6.3.0 → 6.5.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-D_PVFZaM.js +1272 -0
- package/dist/actions-D_PVFZaM.js.map +1 -0
- package/dist/{category-DULnoxvk.js → category-UIGvFN3D.js} +263 -246
- package/dist/category-UIGvFN3D.js.map +1 -0
- package/dist/chat.js +472 -470
- package/dist/chat.js.map +1 -1
- package/dist/{components-CTUpdQuj.js → components-DDJU4m0t.js} +8 -8
- package/dist/components-DDJU4m0t.js.map +1 -0
- package/dist/components.js +2 -2
- package/dist/{download-B4sykOFm.js → download-DIj1Iz0t.js} +2 -2
- package/dist/{download-B4sykOFm.js.map → download-DIj1Iz0t.js.map} +1 -1
- package/dist/{formula-DJS-JLpk.js → formula-CSHhAoyW.js} +4 -4
- package/dist/{formula-DJS-JLpk.js.map → formula-CSHhAoyW.js.map} +1 -1
- package/dist/{item-color-B7xkIpDZ.js → item-color-7o7pFBR2.js} +26 -18
- package/dist/item-color-7o7pFBR2.js.map +1 -0
- package/dist/markdown-B8lLR-NY.js +106 -0
- package/dist/markdown-B8lLR-NY.js.map +1 -0
- package/dist/scale-Bhx8HKEB.js +29 -0
- package/dist/scale-Bhx8HKEB.js.map +1 -0
- package/dist/{spread-CQwFIwuz.js → spread-BRfPPIep.js} +3 -3
- package/dist/{spread-CQwFIwuz.js.map → spread-BRfPPIep.js.map} +1 -1
- package/dist/style-DTLuIo84.js +87 -0
- package/dist/style-DTLuIo84.js.map +1 -0
- package/dist/{styles-BCEBm7xh.js → styles-yKcpfyNV.js} +5 -5
- package/dist/styles-yKcpfyNV.js.map +1 -0
- package/dist/{table-DEdW_fDj.js → table-Col_FRvb.js} +2 -2
- package/dist/{table-DEdW_fDj.js.map → table-Col_FRvb.js.map} +1 -1
- package/dist/theme/tailwind.css +373 -0
- package/dist/theme.js +123 -0
- package/dist/theme.js.map +1 -0
- package/dist/types/components/lasso-tool/styles.d.ts +4 -4
- package/dist/types/theme/create-carto-theme.d.ts +7 -0
- package/dist/types/theme/deep-merge.d.ts +6 -0
- package/dist/types/theme/generate-tailwind-css.d.ts +8 -0
- package/dist/types/theme/index.d.ts +2 -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/category/category.d.ts +2 -1
- package/dist/types/widgets/index.d.ts +1 -1
- package/dist/types/widgets/markdown/style.d.ts +74 -0
- package/dist/types/widgets/utils/spacing-px.d.ts +13 -0
- package/dist/{utils-C-eWwOhE.js → utils-Dw4y8tiq.js} +2 -2
- package/dist/{utils-C-eWwOhE.js.map → utils-Dw4y8tiq.js.map} +1 -1
- package/dist/widgets/actions.js +3 -3
- package/dist/widgets/bar.js +85 -84
- package/dist/widgets/bar.js.map +1 -1
- package/dist/widgets/category.js +1 -1
- package/dist/widgets/formula.js +1 -1
- package/dist/widgets/histogram.js +109 -108
- package/dist/widgets/histogram.js.map +1 -1
- package/dist/widgets/markdown.js +1 -1
- package/dist/widgets/pie.js +78 -78
- package/dist/widgets/pie.js.map +1 -1
- package/dist/widgets/scatterplot.js +121 -120
- package/dist/widgets/scatterplot.js.map +1 -1
- package/dist/widgets/spread.js +1 -1
- package/dist/widgets/table.js +1 -1
- package/dist/widgets/timeseries.js +91 -90
- package/dist/widgets/timeseries.js.map +1 -1
- package/dist/widgets/utils.js +1 -1
- package/dist/widgets.js +283 -279
- package/dist/widgets.js.map +1 -1
- package/dist/{zoom-toggle-MmLjMTEw.js → zoom-toggle-DqrV_0Ji.js} +2 -2
- package/dist/{zoom-toggle-MmLjMTEw.js.map → zoom-toggle-DqrV_0Ji.js.map} +1 -1
- package/package.json +8 -1
- package/src/chat/bubbles/styles.ts +2 -0
- package/src/components/lasso-tool/lasso-tool-inline.test.tsx +4 -4
- package/src/components/lasso-tool/lasso-tool-inline.tsx +6 -6
- package/src/components/lasso-tool/styles.ts +4 -4
- package/src/theme/create-carto-theme.test.ts +53 -0
- package/src/theme/create-carto-theme.ts +21 -0
- package/src/theme/deep-merge.test.ts +25 -0
- package/src/theme/deep-merge.ts +22 -0
- package/src/theme/generate-tailwind-css.test.ts +87 -0
- package/src/theme/generate-tailwind-css.ts +178 -0
- package/src/theme/index.ts +2 -0
- package/src/theme/tailwind-compile.test.ts +71 -0
- package/src/theme/tailwind.css +373 -0
- 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 +16 -0
- package/src/widgets/bar/options.ts +13 -8
- package/src/widgets/category/category.relative-data.test.tsx +51 -63
- package/src/widgets/category/category.tsx +25 -11
- package/src/widgets/histogram/options.ts +13 -8
- package/src/widgets/index.ts +1 -0
- package/src/widgets/markdown/style.ts +40 -0
- package/src/widgets/note/widget-note.tsx +4 -1
- package/src/widgets/pie/options.ts +5 -4
- package/src/widgets/scatterplot/options.test.ts +12 -0
- package/src/widgets/scatterplot/options.ts +25 -10
- package/src/widgets/timeseries/options.ts +13 -8
- package/src/widgets/utils/css-variables-theme.test.ts +32 -0
- package/src/widgets/utils/option-builders.ts +4 -6
- package/src/widgets/utils/spacing-px.test.ts +42 -0
- package/src/widgets/utils/spacing-px.ts +24 -0
- package/dist/actions-CkxKe8-J.js +0 -1160
- package/dist/actions-CkxKe8-J.js.map +0 -1
- package/dist/category-DULnoxvk.js.map +0 -1
- package/dist/components-CTUpdQuj.js.map +0 -1
- package/dist/item-color-B7xkIpDZ.js.map +0 -1
- package/dist/markdown-DmvLi3vx.js +0 -159
- package/dist/markdown-DmvLi3vx.js.map +0 -1
- package/dist/styles-BCEBm7xh.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","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","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","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'\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 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 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 { 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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"}
|
|
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","spacingPx","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 { spacingPx } from '../utils/spacing-px'\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: spacingPx(theme, 1),\n top: spacingPx(theme, 3),\n right: spacingPx(theme, 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: [spacingPx(theme, 1), spacingPx(theme, 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: [spacingPx(theme, 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: spacingPx(theme, 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/markdown.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { t as e } from "../markdown-content-BpAH_V6S.js";
|
|
2
|
-
import { i as t, n, r, t as i } from "../markdown-
|
|
2
|
+
import { i as t, n, r, t as i } from "../markdown-B8lLR-NY.js";
|
|
3
3
|
export { r as Markdown, e as MarkdownContent, n as MarkdownSkeleton, t as MarkdownUI, i as createMarkdownDownloadConfig };
|
package/dist/widgets/pie.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { n as e, t } from "../download-
|
|
2
|
-
import { r as n, t as r } from "../utils-
|
|
3
|
-
import { a as i, c as a, i as o,
|
|
4
|
-
import { c as
|
|
5
|
-
import { Box as
|
|
6
|
-
import { jsx as
|
|
7
|
-
import * as
|
|
1
|
+
import { n as e, t } from "../download-DIj1Iz0t.js";
|
|
2
|
+
import { r as n, t as r } from "../utils-Dw4y8tiq.js";
|
|
3
|
+
import { a as i, c as a, i as o, l as s, o as c, r as l, s as u, t as d } from "../item-color-7o7pFBR2.js";
|
|
4
|
+
import { c as f } from "react/compiler-runtime";
|
|
5
|
+
import { Box as p, Skeleton as m } from "@mui/material";
|
|
6
|
+
import { jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
7
|
+
import * as _ from "echarts";
|
|
8
8
|
//#region src/widgets/pie/options.ts
|
|
9
|
-
var
|
|
10
|
-
function
|
|
9
|
+
var v = ["58%", "74%"];
|
|
10
|
+
function y({ theme: e, formatter: t, labelFormatter: n }) {
|
|
11
11
|
return {
|
|
12
12
|
legend: {
|
|
13
13
|
...o({
|
|
@@ -22,14 +22,14 @@ function v({ theme: e, formatter: t, labelFormatter: n }) {
|
|
|
22
22
|
trigger: "item",
|
|
23
23
|
backgroundColor: e.palette.grey[900],
|
|
24
24
|
borderWidth: 0,
|
|
25
|
-
padding: [
|
|
25
|
+
padding: [s(e, 1), s(e, 1)],
|
|
26
26
|
textStyle: {
|
|
27
27
|
color: e.palette.common.white,
|
|
28
28
|
fontSize: 11,
|
|
29
29
|
fontFamily: e.typography.caption.fontFamily
|
|
30
30
|
},
|
|
31
|
-
position:
|
|
32
|
-
formatter:
|
|
31
|
+
position: u(e),
|
|
32
|
+
formatter: T(t, n)
|
|
33
33
|
},
|
|
34
34
|
color: Object.values(e.palette.qualitative?.bold ?? {}),
|
|
35
35
|
series: [{
|
|
@@ -62,11 +62,11 @@ function v({ 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 b(e) {
|
|
66
|
+
let { theme: t, formatter: r, labelFormatter: i, optionsOverride: a, series: o } = e, s = e.radius ?? v, 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 = y({
|
|
70
70
|
theme: t,
|
|
71
71
|
formatter: r,
|
|
72
72
|
labelFormatter: i
|
|
@@ -78,12 +78,12 @@ function y(e) {
|
|
|
78
78
|
...e,
|
|
79
79
|
dataset: [],
|
|
80
80
|
series: []
|
|
81
|
-
} : d.length > 1 ?
|
|
81
|
+
} : d.length > 1 ? S(e, d, t, o, u, l) : x(e, d, t, s, o, u, l);
|
|
82
82
|
};
|
|
83
83
|
}
|
|
84
|
-
function
|
|
85
|
-
let s = Array.isArray(e.series) ? e.series : [], c = s[0] ?? {}, l = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {},
|
|
86
|
-
let r =
|
|
84
|
+
function x(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 : {}, u = 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, g = (e, t) => {
|
|
86
|
+
let r = d({
|
|
87
87
|
theme: n,
|
|
88
88
|
datums: e,
|
|
89
89
|
template: t,
|
|
@@ -93,7 +93,7 @@ function b(e, t, n, r, i, a, o) {
|
|
|
93
93
|
let t = r(e);
|
|
94
94
|
if (!o) return t;
|
|
95
95
|
let n = e.value?.name ?? e.name;
|
|
96
|
-
return n != null && o.has(n) ? t :
|
|
96
|
+
return n != null && o.has(n) ? t : _.color.modifyAlpha(t, .15);
|
|
97
97
|
};
|
|
98
98
|
}, v = c.label?.position, y = v === void 0 || v === "center", b = t[0] ?? [], x, S = -Infinity;
|
|
99
99
|
for (let e of b) (!o || o.has(e.name)) && typeof e.value == "number" && e.value > S && (S = e.value, x = e.name);
|
|
@@ -128,47 +128,47 @@ function b(e, t, n, r, i, a, o) {
|
|
|
128
128
|
},
|
|
129
129
|
itemStyle: {
|
|
130
130
|
...l,
|
|
131
|
-
color:
|
|
131
|
+
color: g(e, a)
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
134
|
}),
|
|
135
135
|
legend: {
|
|
136
|
-
...
|
|
136
|
+
...u,
|
|
137
137
|
show: !0,
|
|
138
138
|
selectedMode: !1,
|
|
139
139
|
selected: Object.fromEntries((t[0] ?? []).map((e) => [String(e.name), !0]))
|
|
140
140
|
},
|
|
141
141
|
tooltip: {
|
|
142
142
|
...l,
|
|
143
|
-
formatter:
|
|
143
|
+
formatter: T(f, p)
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
146
|
}
|
|
147
|
-
function
|
|
148
|
-
let
|
|
147
|
+
function S(e, t, n, a, o, c) {
|
|
148
|
+
let u = typeof e.tooltip == "object" && !Array.isArray(e.tooltip) ? e.tooltip : {}, f = typeof e.legend == "object" && !Array.isArray(e.legend) ? e.legend : {}, p = typeof e.grid == "object" && !Array.isArray(e.grid) ? e.grid : {}, m = o?.formatter, h = o?.labelFormatter, { niceMinVal: g, niceMaxVal: v } = w(t), y = Array.isArray(e.color) ? e.color : [], b = Array.isArray(e.series) ? e.series : [], x = (e) => {
|
|
149
149
|
let t = e.seriesIndex ?? 0;
|
|
150
|
-
return (
|
|
151
|
-
},
|
|
152
|
-
let r =
|
|
150
|
+
return (y.length > 0 ? y[t % y.length] : void 0) ?? e.color;
|
|
151
|
+
}, S = (e, t) => {
|
|
152
|
+
let r = d({
|
|
153
153
|
theme: n,
|
|
154
154
|
datums: e,
|
|
155
155
|
template: t,
|
|
156
|
-
fallback:
|
|
156
|
+
fallback: x
|
|
157
157
|
});
|
|
158
158
|
return (e) => {
|
|
159
159
|
let t = r(e);
|
|
160
|
-
if (!
|
|
160
|
+
if (!c) return t;
|
|
161
161
|
let n = e.value?.name ?? e.name;
|
|
162
|
-
return n != null &&
|
|
162
|
+
return n != null && c.has(n) ? t : _.color.modifyAlpha(t, .15);
|
|
163
163
|
};
|
|
164
164
|
};
|
|
165
165
|
return {
|
|
166
166
|
...e,
|
|
167
167
|
dataset: t.map((e) => ({ source: e })),
|
|
168
168
|
grid: {
|
|
169
|
-
...
|
|
170
|
-
...
|
|
171
|
-
right:
|
|
169
|
+
...p,
|
|
170
|
+
...l(!0, n),
|
|
171
|
+
right: s(n, 4),
|
|
172
172
|
containLabel: !0
|
|
173
173
|
},
|
|
174
174
|
series: t.map((e, t) => {
|
|
@@ -180,15 +180,15 @@ function x(e, t, n, a, o, s) {
|
|
|
180
180
|
barMaxWidth: 100,
|
|
181
181
|
legendHoverLink: !1,
|
|
182
182
|
emphasis: { focus: "series" },
|
|
183
|
-
...i(
|
|
184
|
-
itemStyle: { color:
|
|
183
|
+
...i(m, "x"),
|
|
184
|
+
itemStyle: { color: S(e, b[t] ?? b[0]) },
|
|
185
185
|
...o ? { color: o } : {}
|
|
186
186
|
};
|
|
187
187
|
}),
|
|
188
188
|
xAxis: {
|
|
189
189
|
type: "value",
|
|
190
|
-
min: () =>
|
|
191
|
-
max: () =>
|
|
190
|
+
min: () => g,
|
|
191
|
+
max: () => v,
|
|
192
192
|
axisLine: { show: !1 },
|
|
193
193
|
axisTick: { show: !1 },
|
|
194
194
|
splitLine: {
|
|
@@ -198,10 +198,10 @@ function x(e, t, n, a, o, s) {
|
|
|
198
198
|
axisLabel: {
|
|
199
199
|
fontSize: n.typography.overlineDelicate?.fontSize,
|
|
200
200
|
fontFamily: n.typography.overlineDelicate?.fontFamily,
|
|
201
|
-
margin:
|
|
201
|
+
margin: s(n, 1),
|
|
202
202
|
showMaxLabel: !0,
|
|
203
203
|
showMinLabel: !0,
|
|
204
|
-
formatter: (e) => e !==
|
|
204
|
+
formatter: (e) => e !== v && e !== g || e === 0 ? "" : m ? m(e) : String(e)
|
|
205
205
|
}
|
|
206
206
|
},
|
|
207
207
|
yAxis: {
|
|
@@ -210,29 +210,29 @@ function x(e, t, n, a, o, s) {
|
|
|
210
210
|
axisTick: { show: !1 },
|
|
211
211
|
axisLabel: {
|
|
212
212
|
padding: [
|
|
213
|
-
|
|
213
|
+
s(n, .5),
|
|
214
214
|
0,
|
|
215
215
|
0,
|
|
216
216
|
0
|
|
217
217
|
],
|
|
218
|
-
...
|
|
218
|
+
...h && { formatter: (e) => String(h(e)) }
|
|
219
219
|
}
|
|
220
220
|
},
|
|
221
221
|
legend: {
|
|
222
|
-
...
|
|
222
|
+
...f,
|
|
223
223
|
show: !0,
|
|
224
224
|
selectedMode: !1,
|
|
225
225
|
selected: Object.fromEntries(t.map((e, t) => [a?.[t]?.name ?? `Series ${t + 1}`, !0]))
|
|
226
226
|
},
|
|
227
227
|
tooltip: {
|
|
228
|
-
...
|
|
228
|
+
...u,
|
|
229
229
|
trigger: "axis",
|
|
230
|
-
formatter:
|
|
230
|
+
formatter: C(m, h)
|
|
231
231
|
}
|
|
232
232
|
};
|
|
233
233
|
}
|
|
234
|
-
function
|
|
235
|
-
return
|
|
234
|
+
function C(e, t) {
|
|
235
|
+
return c((n) => {
|
|
236
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}: ` : "";
|
|
237
237
|
return {
|
|
238
238
|
name: String(t ? t(n.name ?? "") : n.name ?? ""),
|
|
@@ -242,7 +242,7 @@ function S(e, t) {
|
|
|
242
242
|
};
|
|
243
243
|
});
|
|
244
244
|
}
|
|
245
|
-
function
|
|
245
|
+
function w(e) {
|
|
246
246
|
let t = 0, n = -Infinity;
|
|
247
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));
|
|
248
248
|
return {
|
|
@@ -250,8 +250,8 @@ function C(e) {
|
|
|
250
250
|
niceMaxVal: n <= 0 ? 1 : a(n)
|
|
251
251
|
};
|
|
252
252
|
}
|
|
253
|
-
function
|
|
254
|
-
return
|
|
253
|
+
function T(e, t) {
|
|
254
|
+
return c((n) => {
|
|
255
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}: ` : "";
|
|
256
256
|
return {
|
|
257
257
|
name: String(t ? t(n.name ?? "") : n.name ?? ""),
|
|
@@ -263,7 +263,7 @@ function w(e, t) {
|
|
|
263
263
|
}
|
|
264
264
|
//#endregion
|
|
265
265
|
//#region src/widgets/pie/skeleton.tsx
|
|
266
|
-
var
|
|
266
|
+
var E = 160, D = 96, O = {
|
|
267
267
|
root: {
|
|
268
268
|
display: "flex",
|
|
269
269
|
flexDirection: "column",
|
|
@@ -280,14 +280,14 @@ var T = 160, E = 96, D = {
|
|
|
280
280
|
justifyContent: "center"
|
|
281
281
|
},
|
|
282
282
|
ring: {
|
|
283
|
-
width:
|
|
284
|
-
height:
|
|
283
|
+
width: E,
|
|
284
|
+
height: E
|
|
285
285
|
},
|
|
286
286
|
hole: {
|
|
287
287
|
position: "absolute",
|
|
288
288
|
zIndex: 1,
|
|
289
|
-
width:
|
|
290
|
-
height:
|
|
289
|
+
width: D,
|
|
290
|
+
height: D,
|
|
291
291
|
borderRadius: "50%",
|
|
292
292
|
bgcolor: "background.paper"
|
|
293
293
|
},
|
|
@@ -311,24 +311,24 @@ var T = 160, E = 96, D = {
|
|
|
311
311
|
gap: ({ spacing: e }) => e(1.5)
|
|
312
312
|
}
|
|
313
313
|
};
|
|
314
|
-
function
|
|
315
|
-
let t =
|
|
316
|
-
t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m
|
|
314
|
+
function k(e) {
|
|
315
|
+
let t = f(4), n, r;
|
|
316
|
+
t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ h(m, {
|
|
317
317
|
variant: "circular",
|
|
318
|
-
sx:
|
|
319
|
-
}), r = /* @__PURE__ */
|
|
318
|
+
sx: O.ring
|
|
319
|
+
}), r = /* @__PURE__ */ h(p, { sx: O.hole }), t[0] = n, t[1] = r) : (n = t[0], r = t[1]);
|
|
320
320
|
let i;
|
|
321
|
-
t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */
|
|
322
|
-
sx:
|
|
321
|
+
t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ g(p, {
|
|
322
|
+
sx: O.donut,
|
|
323
323
|
children: [
|
|
324
324
|
n,
|
|
325
325
|
r,
|
|
326
|
-
/* @__PURE__ */
|
|
327
|
-
sx:
|
|
328
|
-
children: [/* @__PURE__ */ m
|
|
326
|
+
/* @__PURE__ */ g(p, {
|
|
327
|
+
sx: O.label,
|
|
328
|
+
children: [/* @__PURE__ */ h(m, {
|
|
329
329
|
width: 56,
|
|
330
330
|
height: 18
|
|
331
|
-
}), /* @__PURE__ */ m
|
|
331
|
+
}), /* @__PURE__ */ h(m, {
|
|
332
332
|
width: 36,
|
|
333
333
|
height: 8
|
|
334
334
|
})]
|
|
@@ -336,22 +336,22 @@ function O(e) {
|
|
|
336
336
|
]
|
|
337
337
|
}), t[2] = i) : i = t[2];
|
|
338
338
|
let a;
|
|
339
|
-
return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */
|
|
340
|
-
sx:
|
|
341
|
-
children: [i, /* @__PURE__ */
|
|
342
|
-
sx:
|
|
343
|
-
children: [0, 1].map(
|
|
339
|
+
return t[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ g(p, {
|
|
340
|
+
sx: O.root,
|
|
341
|
+
children: [i, /* @__PURE__ */ h(p, {
|
|
342
|
+
sx: O.legend,
|
|
343
|
+
children: [0, 1].map(A)
|
|
344
344
|
})]
|
|
345
345
|
}), t[3] = a) : a = t[3], a;
|
|
346
346
|
}
|
|
347
|
-
function
|
|
348
|
-
return /* @__PURE__ */
|
|
349
|
-
sx:
|
|
350
|
-
children: [/* @__PURE__ */ m
|
|
347
|
+
function A(e) {
|
|
348
|
+
return /* @__PURE__ */ g(p, {
|
|
349
|
+
sx: O.legendItem,
|
|
350
|
+
children: [/* @__PURE__ */ h(m, {
|
|
351
351
|
variant: "circular",
|
|
352
352
|
width: 8,
|
|
353
353
|
height: 8
|
|
354
|
-
}), /* @__PURE__ */ m
|
|
354
|
+
}), /* @__PURE__ */ h(m, {
|
|
355
355
|
width: 48,
|
|
356
356
|
height: 8
|
|
357
357
|
})]
|
|
@@ -359,7 +359,7 @@ function k(e) {
|
|
|
359
359
|
}
|
|
360
360
|
//#endregion
|
|
361
361
|
//#region src/widgets/pie/download.ts
|
|
362
|
-
function
|
|
362
|
+
function j(n) {
|
|
363
363
|
return t(n, e({
|
|
364
364
|
filename: n.filename,
|
|
365
365
|
getRows: (e) => {
|
|
@@ -381,6 +381,6 @@ function A(n) {
|
|
|
381
381
|
}));
|
|
382
382
|
}
|
|
383
383
|
//#endregion
|
|
384
|
-
export {
|
|
384
|
+
export { k as PieSkeleton, j as createPieDownloadConfig, b as createPieOptionFactory, y as pieOptions };
|
|
385
385
|
|
|
386
386
|
//# sourceMappingURL=pie.js.map
|