basalt-ui 2.1.0 → 2.3.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/CHANGELOG.md +31 -0
- package/MIGRATING.md +46 -12
- package/configs/oxlint.json +1 -0
- package/dist/charts/BandStrip.d.ts +7 -7
- package/dist/charts/BandStrip.d.ts.map +1 -1
- package/dist/charts/Bars.d.ts +4 -4
- package/dist/charts/Bars.d.ts.map +1 -1
- package/dist/charts/ChartCard.d.ts +10 -10
- package/dist/charts/ChartCard.d.ts.map +1 -1
- package/dist/charts/ChartCard.js +2 -1
- package/dist/charts/Donut.d.ts +5 -5
- package/dist/charts/Donut.d.ts.map +1 -1
- package/dist/charts/DualPanel.d.ts +9 -9
- package/dist/charts/DualPanel.d.ts.map +1 -1
- package/dist/charts/Heatmap.d.ts +18 -16
- package/dist/charts/Heatmap.d.ts.map +1 -1
- package/dist/charts/Heatmap.js +8 -2
- package/dist/charts/MirroredBars.d.ts +9 -9
- package/dist/charts/MirroredBars.d.ts.map +1 -1
- package/dist/charts/Sparkline.d.ts +9 -5
- package/dist/charts/Sparkline.d.ts.map +1 -1
- package/dist/charts/Sparkline.js +18 -12
- package/dist/charts/StackedArea.d.ts +2 -2
- package/dist/charts/StackedArea.d.ts.map +1 -1
- package/dist/charts/compile.d.ts +17 -1
- package/dist/charts/compile.d.ts.map +1 -1
- package/dist/charts/compile.js +56 -2
- package/dist/charts/index.d.ts +1 -0
- package/dist/charts/index.d.ts.map +1 -1
- package/dist/charts/index.js +3 -1
- package/dist/charts/state.d.ts +3 -0
- package/dist/charts/state.d.ts.map +1 -1
- package/dist/charts/state.js +14 -3
- package/dist/charts/types.d.ts +64 -61
- package/dist/charts/types.d.ts.map +1 -1
- package/dist/cli/doctor.js +2 -2
- package/dist/dashboard/index.d.ts +1 -1
- package/dist/dashboard/index.d.ts.map +1 -1
- package/dist/dashboard/index.js +3 -1
- package/dist/dashboard/stat-card.d.ts +16 -1
- package/dist/dashboard/stat-card.d.ts.map +1 -1
- package/dist/dashboard/stat-card.js +14 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/llms.txt +2 -2
- package/package.json +1 -1
- package/src/charts/BandStrip.tsx +12 -10
- package/src/charts/Bars.tsx +4 -4
- package/src/charts/ChartCard.tsx +17 -11
- package/src/charts/Donut.tsx +5 -5
- package/src/charts/DualPanel.tsx +13 -6
- package/src/charts/Heatmap.tsx +23 -15
- package/src/charts/MirroredBars.tsx +8 -8
- package/src/charts/Sparkline.tsx +14 -6
- package/src/charts/StackedArea.tsx +2 -2
- package/src/charts/compile.ts +92 -1
- package/src/charts/index.ts +1 -0
- package/src/charts/state.tsx +15 -3
- package/src/charts/types.ts +70 -57
- package/src/cli/doctor.ts +2 -2
- package/src/dashboard/index.ts +6 -1
- package/src/dashboard/stat-card.tsx +34 -3
- package/src/index.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
# [2.3.0](https://github.com/jkrumm/basalt-ui/compare/v2.2.0...v2.3.0) (2026-10-14)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* accept an explicit undefined on every optional chart prop ([e65ca44](https://github.com/jkrumm/basalt-ui/commit/e65ca447c40d9e38c162e35ca2a2fb98ece43ddf))
|
|
7
|
+
* widen the remaining optional chart props and guard every kind ([fbdb293](https://github.com/jkrumm/basalt-ui/commit/fbdb29371ce7c355a732b8e7f03e5dfd78dcf0be))
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Features
|
|
11
|
+
|
|
12
|
+
* export chartCurve so CartesianChart marks can select a curve ([f4ed0b4](https://github.com/jkrumm/basalt-ui/commit/f4ed0b4aaa9e98f55f919ee5547842df7c57d0ae))
|
|
13
|
+
* zone-coloured area fill via ChartSeries.area 'zones' ([14da3a0](https://github.com/jkrumm/basalt-ui/commit/14da3a08628a644e4fa0ef2f75af35f41aabad0e))
|
|
14
|
+
|
|
15
|
+
# [2.2.0](https://github.com/jkrumm/basalt-ui/compare/v2.1.0...v2.2.0) (2026-10-14)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Bug Fixes
|
|
19
|
+
|
|
20
|
+
* read subpath peers from the app package in a monorepo ([ca1263d](https://github.com/jkrumm/basalt-ui/commit/ca1263d04ceb41e966c0e93ef3243db4f1359bd1))
|
|
21
|
+
* scan the app package for dropped subpaths in a monorepo ([a4a076c](https://github.com/jkrumm/basalt-ui/commit/a4a076ceee33d70a4180c1f45eb1cbd8a43087aa))
|
|
22
|
+
* stride Heatmap x labels to the container class tick count ([00c93b2](https://github.com/jkrumm/basalt-ui/commit/00c93b2aa34d99e1afd67f979e1e39a9f79f3630))
|
|
23
|
+
* stub getBoundingClientRect on Element.prototype in the sparkline state test ([3ceeb9f](https://github.com/jkrumm/basalt-ui/commit/3ceeb9f5041978d85fbb1e696bc142bef8872402))
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
### Features
|
|
27
|
+
|
|
28
|
+
* export StatCardSparklineSize and allow render props in the preset ([29fcc01](https://github.com/jkrumm/basalt-ui/commit/29fcc01b6a9565aad34001a7ac2e281022cb8b1f))
|
|
29
|
+
* give Sparkline a state and derive it from StatCard query ([4fb9b39](https://github.com/jkrumm/basalt-ui/commit/4fb9b394105f28cec4ca7753d755cb99b6154514))
|
|
30
|
+
* re-export StatCardSparklineSize from the root ([2c9629d](https://github.com/jkrumm/basalt-ui/commit/2c9629d2cfe042b2ba18947f8ffdf56915ddedc8))
|
|
31
|
+
|
|
1
32
|
# [2.1.0](https://github.com/jkrumm/basalt-ui/compare/v2.0.5...v2.1.0) (2026-10-14)
|
|
2
33
|
|
|
3
34
|
|
package/MIGRATING.md
CHANGED
|
@@ -66,18 +66,18 @@ There is one row per SURFACE, not per export, and a surface earns a row once any
|
|
|
66
66
|
shipped lefthook preset both changed in 1.30.0 with no row that owned them — which is how a
|
|
67
67
|
consumer read this index, found nothing, and diffed a KPI row that had silently gone 4-up → 2-up.
|
|
68
68
|
|
|
69
|
-
| Surface | 1.27.0 | 1.28.0 | 1.29.0 | 1.30.0 | 1.30.1 | 1.30.2 | 1.31.0 | 1.32.0 | 1.32.1 | 1.33.0 | 1.34.0 | 1.34.1 | 1.35.0 | 1.36.0 | 1.36.1 | 1.37.0 | 1.37.1 | 1.38.0 | 1.38.1 | 1.39.0 | 1.40.0 | 1.40.1 | 1.40.2 | 1.40.3 | 1.41.0 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.0.5 | 2.1.0 | Unreleased |
|
|
70
|
-
| ----------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ---------------------------------- | ------ | ------ | -------------------------------------------------------------------------------------------- | ------ | ------ | ------ | ------ | ------ | ----------------------------------------------- | ------ | ------ | ------ | ------ | ------------------------------------------------------------ | ---------- | --- | --- | --- | --- | --- | --- | --- | --- |
|
|
71
|
-
| **tokens** (`./tokens`) | — | `--vx-divider` → `rgba()` on both schemes (§ Shell) | `--vx-space-touch-target` added (§ Additions) | eight spacing numbers (§ Chrome) | — | — | `--vx-hit` replaces the touch vars; `SIZE_CLASSES` (§ 1.31.0) | — | `SIZE_CLASSES`/`CONTAINER_CLASSES` actually exported (§ Fixes) | `CONTAINER_GRID_BREAKPOINTS`; `raw-breakpoint` trusts it (§ 1.33.0) | `CONTAINER_KEYS` (§ 1.34.0) | — | — | — | — | — | — | — | | `appShellInset` 20 → 16 (§ 1.38.1) | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
72
|
-
| **charts** (`./charts`) | — | phone tier, `curve`, formatters, `state`, log axis (§ preamble) | `ChartState.empty: string`, `AxisBottomNumeric` (§ Additions) | responsive `height`, `legend.maxRows` (§ Charts) | `height` reaches the kinds; `maxRows` beats the `fill` fit (§ Charts) | — | container-class tier + `height` keys (§ 1.31.0) | — | `ResponsiveChartHeight` `sm` → key (§ Container recipes) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
73
|
-
| **shell** (`.`) | — | scrollport, region seams, **the brand left the sidebar** (§§ scrollport, brand, Shell) | `PageTitle`, `BasaltDevDock`, `useBreakpoint` (§ Additions) | More popover, aside pill, the responsive gutter, `useBasaltSpacing` (§ Chrome) | — | — | `theme.breakpoints` derived, `useSizeClass`, `data-basalt-host`, `useBreakpoint` on notice (§ 1.31.0) | `useBreakpoint` removal → 1.33.0; `useSizeClass` is shell-only (§ 1.32.0) | shell-less `shell/` gutter, `AppShell` breakpoints, `useSizeClass` for overlays (§§ Shell-less, `useSizeClass`) | — | `useBreakpoint` removed (§ 1.34.0) | — | — | `useCoarsePointer()` (§ `useCoarsePointer()`) | — | — | — | — | | content gutter 16, block 8 from `sm` (§ 1.38.1) | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
74
|
-
| **controls** (`./controls`) | `NumberFilter`, `field.number` (§ Controls) | sheet renders panel rows; `PanelRow`, `SliderControl` (§ `basalt-ui/controls`) | — | — | — | — | — | — | — | `NumberFilter clearable`; `createSearchStore` `resets` (§ State and controls) | — | — | — | `FormSection`/`FormRow`/`FormGroup`/`FormActions` move here (§ The form layout moves) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
75
|
-
| **forms** (`./forms`) | — | `field` → `inputProps`, **`inputProps` drops `key`**, the layout tier (§ `inputProps`) | `field` DELETED — and the `--fix` recipe no longer works (§ Consolidation) | — | — | — | — | — | `FormGroup` row no longer stretches (§ Fixes) | — | — | — | — | the layout + `useForm`/`schemaResolver` deprecated, removed 1.37.0 (§ The form layout moves) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
76
|
-
| **data** (`./data/table`) | — | root is a `<div>`, row selection, `getItemKey` required (§ `basalt-ui/data`) | `./data` + `./query` + `./connectivity` dropped (§ Consolidation) | — | — | — | — | — | `renderCard` documented (§ `renderCard`) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
77
|
-
| **dashboard** (`.`) | `StatCard`: `unit`, `breakdown`, delta format (§ `StatCard`) | `StatGroup`, `WidgetGrid`, query-aware `StatCard` — additive | — | **the column law keys on the CONTAINER; `cols={4}` is 2-up at `sm`** (§ Dashboard) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
78
|
-
| **toolchain** (`./configs/*`) | — | — | the shipped lefthook preset's `check-theme` BROKE — the CLI resolver stopped ascending (§ CLI) | the preset's default bin, and the `root:` recipe (§ Toolchain) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
79
|
-
| **CLI** (`basalt-ui`) | — | — | **resolver stops relocating; `doctor` loses 6 of 10 checks** (§ CLI) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | the managed block moves `CLAUDE.md` → `AGENTS.md` (§ 1.41.0) | — | — | — | — | — | — | — | — |
|
|
80
|
-
| **guards** | five rules → `error` (§ Guards) | six new ids at `warn` (§ preamble) | `query-dual-import` retired in 1.29.1 (§ Guards) | four rules → `error` (§ Guards) | — | — | — | `raw-breakpoint`: the container-grid answer, `error` at 1.33.0 (§ 1.32.0) | `FormRow`/`FormGroup` homes in both lanes; `basalt-main` dropped (§ Fixes) | C1 + breakpoint pairs → `error`; `unknown-vx-token` `warn` (§ Guards) | — | — | — | `unknown-vx-token` → `error`; the token factories throw (§ Guards) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
69
|
+
| Surface | 1.27.0 | 1.28.0 | 1.29.0 | 1.30.0 | 1.30.1 | 1.30.2 | 1.31.0 | 1.32.0 | 1.32.1 | 1.33.0 | 1.34.0 | 1.34.1 | 1.35.0 | 1.36.0 | 1.36.1 | 1.37.0 | 1.37.1 | 1.38.0 | 1.38.1 | 1.39.0 | 1.40.0 | 1.40.1 | 1.40.2 | 1.40.3 | 1.41.0 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.0.5 | 2.1.0 | 2.2.0 | 2.3.0 | Unreleased |
|
|
70
|
+
| ----------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ---------------------------------- | ------ | ------ | -------------------------------------------------------------------------------------------- | ------ | ------ | ------ | ------ | ------ | ----------------------------------------------- | ------ | ------ | ------ | ------ | ------------------------------------------------------------ | ---------- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
|
|
71
|
+
| **tokens** (`./tokens`) | — | `--vx-divider` → `rgba()` on both schemes (§ Shell) | `--vx-space-touch-target` added (§ Additions) | eight spacing numbers (§ Chrome) | — | — | `--vx-hit` replaces the touch vars; `SIZE_CLASSES` (§ 1.31.0) | — | `SIZE_CLASSES`/`CONTAINER_CLASSES` actually exported (§ Fixes) | `CONTAINER_GRID_BREAKPOINTS`; `raw-breakpoint` trusts it (§ 1.33.0) | `CONTAINER_KEYS` (§ 1.34.0) | — | — | — | — | — | — | — | | `appShellInset` 20 → 16 (§ 1.38.1) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
72
|
+
| **charts** (`./charts`) | — | phone tier, `curve`, formatters, `state`, log axis (§ preamble) | `ChartState.empty: string`, `AxisBottomNumeric` (§ Additions) | responsive `height`, `legend.maxRows` (§ Charts) | `height` reaches the kinds; `maxRows` beats the `fill` fit (§ Charts) | — | container-class tier + `height` keys (§ 1.31.0) | — | `ResponsiveChartHeight` `sm` → key (§ Container recipes) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
73
|
+
| **shell** (`.`) | — | scrollport, region seams, **the brand left the sidebar** (§§ scrollport, brand, Shell) | `PageTitle`, `BasaltDevDock`, `useBreakpoint` (§ Additions) | More popover, aside pill, the responsive gutter, `useBasaltSpacing` (§ Chrome) | — | — | `theme.breakpoints` derived, `useSizeClass`, `data-basalt-host`, `useBreakpoint` on notice (§ 1.31.0) | `useBreakpoint` removal → 1.33.0; `useSizeClass` is shell-only (§ 1.32.0) | shell-less `shell/` gutter, `AppShell` breakpoints, `useSizeClass` for overlays (§§ Shell-less, `useSizeClass`) | — | `useBreakpoint` removed (§ 1.34.0) | — | — | `useCoarsePointer()` (§ `useCoarsePointer()`) | — | — | — | — | | content gutter 16, block 8 from `sm` (§ 1.38.1) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
74
|
+
| **controls** (`./controls`) | `NumberFilter`, `field.number` (§ Controls) | sheet renders panel rows; `PanelRow`, `SliderControl` (§ `basalt-ui/controls`) | — | — | — | — | — | — | — | `NumberFilter clearable`; `createSearchStore` `resets` (§ State and controls) | — | — | — | `FormSection`/`FormRow`/`FormGroup`/`FormActions` move here (§ The form layout moves) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
75
|
+
| **forms** (`./forms`) | — | `field` → `inputProps`, **`inputProps` drops `key`**, the layout tier (§ `inputProps`) | `field` DELETED — and the `--fix` recipe no longer works (§ Consolidation) | — | — | — | — | — | `FormGroup` row no longer stretches (§ Fixes) | — | — | — | — | the layout + `useForm`/`schemaResolver` deprecated, removed 1.37.0 (§ The form layout moves) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
76
|
+
| **data** (`./data/table`) | — | root is a `<div>`, row selection, `getItemKey` required (§ `basalt-ui/data`) | `./data` + `./query` + `./connectivity` dropped (§ Consolidation) | — | — | — | — | — | `renderCard` documented (§ `renderCard`) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
77
|
+
| **dashboard** (`.`) | `StatCard`: `unit`, `breakdown`, delta format (§ `StatCard`) | `StatGroup`, `WidgetGrid`, query-aware `StatCard` — additive | — | **the column law keys on the CONTAINER; `cols={4}` is 2-up at `sm`** (§ Dashboard) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
78
|
+
| **toolchain** (`./configs/*`) | — | — | the shipped lefthook preset's `check-theme` BROKE — the CLI resolver stopped ascending (§ CLI) | the preset's default bin, and the `root:` recipe (§ Toolchain) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
79
|
+
| **CLI** (`basalt-ui`) | — | — | **resolver stops relocating; `doctor` loses 6 of 10 checks** (§ CLI) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | the managed block moves `CLAUDE.md` → `AGENTS.md` (§ 1.41.0) | — | — | — | — | — | — | — | — | — | — |
|
|
80
|
+
| **guards** | five rules → `error` (§ Guards) | six new ids at `warn` (§ preamble) | `query-dual-import` retired in 1.29.1 (§ Guards) | four rules → `error` (§ Guards) | — | — | — | `raw-breakpoint`: the container-grid answer, `error` at 1.33.0 (§ 1.32.0) | `FormRow`/`FormGroup` homes in both lanes; `basalt-main` dropped (§ Fixes) | C1 + breakpoint pairs → `error`; `unknown-vx-token` `warn` (§ Guards) | — | — | — | `unknown-vx-token` → `error`; the token factories throw (§ Guards) | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — | — |
|
|
81
81
|
|
|
82
82
|
---
|
|
83
83
|
|
|
@@ -992,6 +992,40 @@ optional, subpath-required peers.
|
|
|
992
992
|
_Nothing yet. Author the next section under this heading as `## Unreleased — <title>`; the
|
|
993
993
|
release renames it and opens a new one here._
|
|
994
994
|
|
|
995
|
+
## 2.3.0 — optional-safe chart props, `chartCurve`, zone-coloured area
|
|
996
|
+
|
|
997
|
+
- Every optional prop of `ChartState`, `ChartSeries`, `AxisConfig`, the tooltip config and the chart
|
|
998
|
+
kinds' own props accepts an explicit `undefined` under `exactOptionalPropertyTypes`, so
|
|
999
|
+
`state={{ empty: rows.length === 0 ? 'No runs' : undefined }}` type-checks where it needed
|
|
1000
|
+
`cond ? msg : false`. Widening only: no call site changes.
|
|
1001
|
+
- `basalt-ui/charts` exports `chartCurve(name)` and the `CurveName` union (`'monotone'`, `'linear'`,
|
|
1002
|
+
`'step'`, `'stepAfter'`, `'stepBefore'`). A `CartesianChart` `marks` function passes it to the
|
|
1003
|
+
engine mark: `lineY(rows, { x: 'x', y: 'y', curve: chartCurve('monotone') })`. `Lines` already took
|
|
1004
|
+
`ChartSeries.curve` (default `'monotone'`); a hand-written `lineY` without `curve` still draws the
|
|
1005
|
+
engine's default, so argo's fitness-trends RHR/HRV lines add the option there.
|
|
1006
|
+
- `ChartSeries.area` takes `'zones'` (`Lines`): the fill is a vertical gradient coloured by the
|
|
1007
|
+
chart's `zones` on the series' axis, with hard stops at the zone boundaries and the usual area
|
|
1008
|
+
fade strength, light and dark through the zone tokens. Offsets are fractions of the area's own box
|
|
1009
|
+
(the engine's gradients use `objectBoundingBox` units, not `userSpaceOnUse`), computed from the
|
|
1010
|
+
series' values (the area closes to 0 even when the y domain excludes it), so the boundaries land at
|
|
1011
|
+
the zone values on a linear axis. A right-axis series takes the zones with `axisSide: 'right'`
|
|
1012
|
+
(and the left ones when the chart has no `y2`, as the zone underlay does). With no zone in reach the
|
|
1013
|
+
series-colour fade is kept. On a log axis it throws in dev and keeps the fade in production. argo's stress chart: `area: 'zones'` plus its four zones replaces
|
|
1014
|
+
the plain series area and the `thresholds` fill above 75.
|
|
1015
|
+
|
|
1016
|
+
## 2.2.0 — `doctor` in a monorepo, sparkline state, heatmap ticks
|
|
1017
|
+
|
|
1018
|
+
- `Sparkline` takes the same `state` as the other chart kinds (pending fills its box, error and
|
|
1019
|
+
empty show a dash with the label as its name). `StatCard` derives it from `query` and passes it to
|
|
1020
|
+
the `sparkline` render prop as `size.state`, so `<Sparkline {...size} />` is the whole call site.
|
|
1021
|
+
- `StatCardSparklineSize` is exported from `basalt-ui`. The shipped oxlint preset sets
|
|
1022
|
+
`react/no-unstable-nested-components` `allowAsProps: true`, so the documented `sparkline` render
|
|
1023
|
+
prop no longer warns.
|
|
1024
|
+
- `Heatmap` strides its x labels to the container class's tick count (6 at `wide`), where it drew
|
|
1025
|
+
every column.
|
|
1026
|
+
- `doctor`'s `subpath-peers` check scans the app package's source and resolves each peer from the app directory (`basalt.app`, or the single workspace package that depends on basalt-ui), so a monorepo with the peers declared in `apps/<app>` no longer reports every peer missing. No action needed.
|
|
1027
|
+
- `doctor`'s `dropped-subpaths` check likewise scans the app package's source rather than the install root, so a monorepo app's dropped `basalt-ui/<subpath>` imports are found. No action needed.
|
|
1028
|
+
|
|
995
1029
|
## 2.1.0 — the rail reaches folded groups, `toAgentError`
|
|
996
1030
|
|
|
997
1031
|
- `basalt-ui/agent` exports `toAgentError(error: unknown): AgentError`, the classifier
|
package/configs/oxlint.json
CHANGED
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
"react/incompatible-library": "error",
|
|
29
29
|
"react/preserve-manual-memoization": "error",
|
|
30
30
|
"react/refs": "error",
|
|
31
|
+
"react/no-unstable-nested-components": ["warn", { "allowAsProps": true }],
|
|
31
32
|
"react/only-export-components": ["warn", { "allowExportNames": ["Route"] }],
|
|
32
33
|
"react/set-state-in-effect": "error",
|
|
33
34
|
"no-constant-binary-expression": "error"
|
|
@@ -6,29 +6,29 @@ export type BandStripSeries<T> = Pick<ChartSeries<T>, 'key' | 'label' | 'color'
|
|
|
6
6
|
* The tooltip row's value for a band in this state. `null` is an ABSENT reading and renders an
|
|
7
7
|
* em dash; omit the function when the state's name is the whole reading ("Not measured").
|
|
8
8
|
*/
|
|
9
|
-
formatValue?: (d: T) => string | null;
|
|
9
|
+
formatValue?: ((d: T) => string | null) | undefined;
|
|
10
10
|
};
|
|
11
11
|
/** One band: its state, and the two ways to qualify it. */
|
|
12
12
|
export type BandSpan = {
|
|
13
13
|
/** A `states` key: the band's legend entry, fill and tooltip row. */
|
|
14
14
|
state: string;
|
|
15
15
|
/** Overrides the state's fill — an intensity ramp WITHIN a state. `alpha(VX.*, …)`, never a hex. */
|
|
16
|
-
fill?: string;
|
|
16
|
+
fill?: string | undefined;
|
|
17
17
|
/**
|
|
18
18
|
* A shorter, inset bar over the band, for a fact that must not be read off the fill ramp (a
|
|
19
19
|
* renegotiation, a restart). Its color is a `states` entry, so the legend names it.
|
|
20
20
|
*/
|
|
21
21
|
marker?: {
|
|
22
22
|
/** Defaults to the band's own `state`. */
|
|
23
|
-
state?: string;
|
|
23
|
+
state?: string | undefined;
|
|
24
24
|
/** Vertical inset from the band's top and bottom, in px. Default 6. */
|
|
25
|
-
inset?: number;
|
|
26
|
-
};
|
|
25
|
+
inset?: number | undefined;
|
|
26
|
+
} | undefined;
|
|
27
27
|
};
|
|
28
28
|
/** Collapse adjacent data where one band per datum would be thinner than `minBandPx`. */
|
|
29
29
|
export type BandFold<T> = {
|
|
30
30
|
/** Floor on a drawn band's px width. Default 3. */
|
|
31
|
-
minBandPx?: number;
|
|
31
|
+
minBandPx?: number | undefined;
|
|
32
32
|
/**
|
|
33
33
|
* The consumer's merge of a group of adjacent data into the datum drawn in its place — whether
|
|
34
34
|
* that is a max, a sum or a recomputed rate is a question about the measurement. Keep the first
|
|
@@ -40,7 +40,7 @@ export type BandStripProps<T, X extends ChartX = ChartX> = Omit<CartesianChartPr
|
|
|
40
40
|
states: readonly BandStripSeries<T>[];
|
|
41
41
|
/** Which state, fill and marker each datum has. Memoize it: a new function recompiles the chart. */
|
|
42
42
|
getBand: (d: T) => BandSpan;
|
|
43
|
-
fold?: BandFold<T
|
|
43
|
+
fold?: BandFold<T> | undefined;
|
|
44
44
|
};
|
|
45
45
|
export declare function BandStrip<T, X extends ChartX = ChartX>(props: BandStripProps<T, X>): ReactElement;
|
|
46
46
|
//# sourceMappingURL=BandStrip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BandStrip.d.ts","sourceRoot":"","sources":["../../src/charts/BandStrip.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOzC,OAAO,KAAK,EAEV,mBAAmB,EAEnB,WAAW,EACX,MAAM,EAGP,MAAM,SAAS,CAAA;AAEhB,gGAAgG;AAChG,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,IAAI,CACnC,WAAW,CAAC,CAAC,CAAC,EACd,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAC1E,GAAG;IACF;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"BandStrip.d.ts","sourceRoot":"","sources":["../../src/charts/BandStrip.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOzC,OAAO,KAAK,EAEV,mBAAmB,EAEnB,WAAW,EACX,MAAM,EAGP,MAAM,SAAS,CAAA;AAEhB,gGAAgG;AAChG,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,IAAI,CACnC,WAAW,CAAC,CAAC,CAAC,EACd,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAC1E,GAAG;IACF;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAA;CACpD,CAAA;AAED,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG;IACrB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB;;;OAGG;IACH,MAAM,CAAC,EACH;QACE,0CAA0C;QAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC1B,uEAAuE;QACvE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC3B,GACD,SAAS,CAAA;CACd,CAAA;AAED,yFAAyF;AACzF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B;;;;OAIG;IACH,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC7D,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EACzB,OAAO,GAAG,QAAQ,GAAG,GAAG,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAClE,GAAG;IACF,MAAM,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IACrC,oGAAoG;IACpG,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;CAC/B,CAAA;AAuHD,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,YAAY,CA0EjG"}
|
package/dist/charts/Bars.d.ts
CHANGED
|
@@ -3,17 +3,17 @@ import type { CartesianChartProps, ChartSeries, ChartX } from './types.js';
|
|
|
3
3
|
/** A bar series. Bars always read the left axis. */
|
|
4
4
|
export type BarsBar<T> = Pick<ChartSeries<T>, 'key' | 'label' | 'color' | 'getValue' | 'formatValue' | 'tooltip' | 'legend' | 'role' | 'note'> & {
|
|
5
5
|
/** Default 0.85. */
|
|
6
|
-
fillOpacity?: number;
|
|
6
|
+
fillOpacity?: number | undefined;
|
|
7
7
|
};
|
|
8
8
|
/** A line overlay; `axis: 'right'` reads the chart's `y2`. */
|
|
9
9
|
export type BarsLine<T> = Pick<ChartSeries<T>, 'key' | 'label' | 'color' | 'getValue' | 'formatValue' | 'tooltip' | 'legend' | 'role' | 'note' | 'axis' | 'dash' | 'curve' | 'strokeWidth' | 'strokeOpacity'>;
|
|
10
10
|
export type BarsProps<T, X extends ChartX = ChartX> = Omit<CartesianChartProps<T, X>, 'marks' | 'series'> & {
|
|
11
11
|
bars: readonly BarsBar<T>[];
|
|
12
|
-
lines?: readonly BarsLine<T>[];
|
|
12
|
+
lines?: readonly BarsLine<T>[] | undefined;
|
|
13
13
|
/** Default `'stacked'`. `'normalized'` stacks each x to its share of the total. */
|
|
14
|
-
layout?: 'stacked' | 'grouped' | 'normalized';
|
|
14
|
+
layout?: 'stacked' | 'grouped' | 'normalized' | undefined;
|
|
15
15
|
/** Per-bar opacity (a partial week, an estimate). Overrides the series' `fillOpacity`. */
|
|
16
|
-
barOpacity?: (d: T, key: string) => number;
|
|
16
|
+
barOpacity?: ((d: T, key: string) => number) | undefined;
|
|
17
17
|
};
|
|
18
18
|
export declare function Bars<T, X extends ChartX = ChartX>(props: BarsProps<T, X>): ReactElement;
|
|
19
19
|
//# sourceMappingURL=Bars.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bars.d.ts","sourceRoot":"","sources":["../../src/charts/Bars.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EACV,mBAAmB,EAEnB,WAAW,EACX,MAAM,EAGP,MAAM,SAAS,CAAA;AAEhB,oDAAoD;AACpD,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,IAAI,CAC3B,WAAW,CAAC,CAAC,CAAC,EACd,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAChG,GAAG;IACF,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Bars.d.ts","sourceRoot":"","sources":["../../src/charts/Bars.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EACV,mBAAmB,EAEnB,WAAW,EACX,MAAM,EAGP,MAAM,SAAS,CAAA;AAEhB,oDAAoD;AACpD,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,IAAI,CAC3B,WAAW,CAAC,CAAC,CAAC,EACd,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAChG,GAAG;IACF,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,8DAA8D;AAC9D,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,IAAI,CAC5B,WAAW,CAAC,CAAC,CAAC,EACZ,KAAK,GACL,OAAO,GACP,OAAO,GACP,UAAU,GACV,aAAa,GACb,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACxD,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EACzB,OAAO,GAAG,QAAQ,CACnB,GAAG;IACF,IAAI,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAA;IAC1C,mFAAmF;IACnF,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAA;IACzD,0FAA0F;IAC1F,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;CACzD,CAAA;AAoBD,wBAAgB,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,YAAY,CA2DvF"}
|
|
@@ -5,27 +5,27 @@ import type { ChartState, ResponsiveChartHeight } from './types.js';
|
|
|
5
5
|
/** The three boxes a `ChartCard` paints. */
|
|
6
6
|
export type ChartCardSlot = 'root' | 'header' | 'body';
|
|
7
7
|
export type ChartCardProps = BasaltProps & SlotStylesProps<ChartCardSlot> & {
|
|
8
|
-
title?: string;
|
|
8
|
+
title?: string | undefined;
|
|
9
9
|
icon?: ReactNode;
|
|
10
10
|
/** A muted line below the title row; does not by itself render the header. */
|
|
11
|
-
subtitle?: string;
|
|
11
|
+
subtitle?: string | undefined;
|
|
12
12
|
/** `WidgetHeader`'s info glyph beside the title. */
|
|
13
|
-
info?: string;
|
|
13
|
+
info?: string | undefined;
|
|
14
14
|
/** A pre-formatted metric value, with `delta` on the hero row. */
|
|
15
|
-
value?: string;
|
|
16
|
-
delta?: number;
|
|
17
|
-
deltaPeriod?: string;
|
|
18
|
-
deltaPolarity?: DeltaPolarity;
|
|
15
|
+
value?: string | undefined;
|
|
16
|
+
delta?: number | undefined;
|
|
17
|
+
deltaPeriod?: string | undefined;
|
|
18
|
+
deltaPolarity?: DeltaPolarity | undefined;
|
|
19
19
|
/** A mono count tag after the title. */
|
|
20
|
-
count?: number;
|
|
20
|
+
count?: number | undefined;
|
|
21
21
|
/** Right-aligned controls. */
|
|
22
22
|
actions?: ReactNode;
|
|
23
23
|
/** A resolved state replaces `children` with its placeholder; the header stays. */
|
|
24
|
-
state?: ChartState;
|
|
24
|
+
state?: ChartState | undefined;
|
|
25
25
|
/** Body height while a placeholder shows. Default: the chart height law, i.e. exactly the box an
|
|
26
26
|
* unsized chart takes — pass the chart's own `height` when it states one, so a `<Suspense
|
|
27
27
|
* fallback={<ChartCard state={{ pending: true }} …/>}>` reserves the final size. */
|
|
28
|
-
placeholderHeight?: number | ResponsiveChartHeight;
|
|
28
|
+
placeholderHeight?: number | ResponsiveChartHeight | undefined;
|
|
29
29
|
/** A retry button or a "clear filters" link under the placeholder. */
|
|
30
30
|
stateAction?: ReactNode;
|
|
31
31
|
children?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../src/charts/ChartCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAM7D,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAoEhE,4CAA4C;AAC5C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../src/charts/ChartCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAM7D,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAoEhE,4CAA4C;AAC5C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACzC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IAC9B;;wFAEoF;IACpF,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAAA;IAC9D,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAWH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,cAAc,GAAG,YAAY,CA4C/B"}
|
package/dist/charts/ChartCard.js
CHANGED
|
@@ -55,6 +55,7 @@ const bodyClipStyle = {
|
|
|
55
55
|
flexDirection: "column",
|
|
56
56
|
padding: "2px var(--vx-space-card-inset-x, 0.8125rem) var(--vx-space-card-inset-y, 0.6875rem)"
|
|
57
57
|
};
|
|
58
|
+
const definedOnly = (o) => Object.fromEntries(Object.entries(o).filter(([, v]) => v !== void 0));
|
|
58
59
|
const HEADER_TRIGGERS = ["title", "info", "value", "icon", "count"];
|
|
59
60
|
function ChartCard({
|
|
60
61
|
actions,
|
|
@@ -84,7 +85,7 @@ function ChartCard({
|
|
|
84
85
|
WidgetHeader,
|
|
85
86
|
{
|
|
86
87
|
tier: "widget",
|
|
87
|
-
...header,
|
|
88
|
+
...definedOnly(header),
|
|
88
89
|
title: header.title ?? "",
|
|
89
90
|
...actions !== void 0 && {
|
|
90
91
|
actions: /* @__PURE__ */ jsx("span", { "data-basalt-tier": "widget", children: actions })
|
package/dist/charts/Donut.d.ts
CHANGED
|
@@ -13,13 +13,13 @@ export type DonutProps<K extends string = string> = BasaltProps & {
|
|
|
13
13
|
colorForKey: (key: K) => string;
|
|
14
14
|
formatValue: (v: number) => string;
|
|
15
15
|
/** Legend and tooltip label for a key. Default: the key. */
|
|
16
|
-
seriesLabel?: (key: K) => string;
|
|
16
|
+
seriesLabel?: ((key: K) => string) | undefined;
|
|
17
17
|
/** The ring's centre text, and the smaller line under it. */
|
|
18
|
-
centerLabel?: string;
|
|
19
|
-
centerSubLabel?: string;
|
|
18
|
+
centerLabel?: string | undefined;
|
|
19
|
+
centerSubLabel?: string | undefined;
|
|
20
20
|
/** Default 240. */
|
|
21
|
-
height?: number | ResponsiveChartHeight;
|
|
22
|
-
state?: ChartState;
|
|
21
|
+
height?: number | ResponsiveChartHeight | undefined;
|
|
22
|
+
state?: ChartState | undefined;
|
|
23
23
|
};
|
|
24
24
|
export declare function Donut<K extends string = string>(props: DonutProps<K>): ReactElement;
|
|
25
25
|
//# sourceMappingURL=Donut.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../src/charts/Donut.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAUlD,OAAO,KAAK,EAAe,UAAU,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE7E,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7E,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,GAAG;IAChE,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9B,uDAAuD;IACvD,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IAC/B,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../src/charts/Donut.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAUlD,OAAO,KAAK,EAAe,UAAU,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE7E,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7E,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,GAAG;IAChE,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9B,uDAAuD;IACvD,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IAC/B,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAClC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IAC9C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAAA;IACnD,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CAC/B,CAAA;AAkED,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,CAkJnF"}
|
|
@@ -13,12 +13,12 @@ export type DualPanelBar<T> = {
|
|
|
13
13
|
/** Tick and tooltip formatter. */
|
|
14
14
|
format: (v: number) => string;
|
|
15
15
|
/** The tooltip row's value, for a unit or a decimal `format` cannot carry. */
|
|
16
|
-
formatValue?: (v: number, d: T) => string;
|
|
16
|
+
formatValue?: ((v: number, d: T) => string) | undefined;
|
|
17
17
|
/** Default `'auto'`: a symmetric `[-maxAbs, maxAbs]` from the data, rounded to nice ticks. A tuple
|
|
18
18
|
* is used verbatim. */
|
|
19
|
-
domain?: readonly [number, number] | 'auto';
|
|
19
|
+
domain?: readonly [number, number] | 'auto' | undefined;
|
|
20
20
|
/** When `'auto'`: floors `maxAbs`, so a plateau does not amplify to fill the pane. */
|
|
21
|
-
maxAbsFloor?: number;
|
|
21
|
+
maxAbsFloor?: number | undefined;
|
|
22
22
|
};
|
|
23
23
|
export type DualPanelProps<T, X extends Date | number = Date | number> = Pick<CartesianChartProps<T, X>, 'ariaLabel' | 'data' | 'x' | 'formatX' | 'legend' | 'height' | 'state' | 'cursorGroup' | 'cursorResolution' | 'tooltip' | 'className' | 'style'> & {
|
|
24
24
|
/** The top pane's lines. */
|
|
@@ -26,9 +26,9 @@ export type DualPanelProps<T, X extends Date | number = Date | number> = Pick<Ca
|
|
|
26
26
|
/** Top pane y axis. Default domain `'auto'`: the visible lines' span plus 8%, rounded to nice
|
|
27
27
|
* ticks (not zero-based: the interesting range is often a narrow band far from zero). */
|
|
28
28
|
top?: {
|
|
29
|
-
domain?: readonly [number, number] | 'auto';
|
|
30
|
-
format?: (v: number) => string;
|
|
31
|
-
};
|
|
29
|
+
domain?: readonly [number, number] | 'auto' | undefined;
|
|
30
|
+
format?: ((v: number) => string) | undefined;
|
|
31
|
+
} | undefined;
|
|
32
32
|
/**
|
|
33
33
|
* Shades the band between two top lines (by key), where both are visible. `aboveFill` colours the
|
|
34
34
|
* side where `to` runs above `from`; omitted, both sides take `fill`.
|
|
@@ -37,11 +37,11 @@ export type DualPanelProps<T, X extends Date | number = Date | number> = Pick<Ca
|
|
|
37
37
|
from: string;
|
|
38
38
|
to: string;
|
|
39
39
|
fill: string;
|
|
40
|
-
aboveFill?: string;
|
|
41
|
-
};
|
|
40
|
+
aboveFill?: string | undefined;
|
|
41
|
+
} | undefined;
|
|
42
42
|
bar: DualPanelBar<T>;
|
|
43
43
|
/** The top pane's share of the chart height. Default 0.62. */
|
|
44
|
-
topFraction?: number;
|
|
44
|
+
topFraction?: number | undefined;
|
|
45
45
|
};
|
|
46
46
|
export declare function DualPanel<T, X extends Date | number = Date | number>(props: DualPanelProps<T, X>): ReactElement;
|
|
47
47
|
//# sourceMappingURL=DualPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualPanel.d.ts","sourceRoot":"","sources":["../../src/charts/DualPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAwB,MAAM,SAAS,CAAA;AAcrF,uBAAuB;AACvB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CACjC,WAAW,CAAC,CAAC,CAAC,EACZ,KAAK,GACL,OAAO,GACP,OAAO,GACP,UAAU,GACV,aAAa,GACb,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,aAAa,GACb,eAAe,GACf,WAAW,CACd,CAAA;AAED,mEAAmE;AACnE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACjC,kDAAkD;IAClD,QAAQ,EAAE,MAAM,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"DualPanel.d.ts","sourceRoot":"","sources":["../../src/charts/DualPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAwB,MAAM,SAAS,CAAA;AAcrF,uBAAuB;AACvB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CACjC,WAAW,CAAC,CAAC,CAAC,EACZ,KAAK,GACL,OAAO,GACP,OAAO,GACP,UAAU,GACV,aAAa,GACb,SAAS,GACT,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,aAAa,GACb,eAAe,GACf,WAAW,CACd,CAAA;AAED,mEAAmE;AACnE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACjC,kDAAkD;IAClD,QAAQ,EAAE,MAAM,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IACvD;2BACuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,CAAA;IACvD,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,IAAI,IAAI,CAC3E,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EACvB,WAAW,GACX,MAAM,GACN,GAAG,GACH,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,aAAa,GACb,kBAAkB,GAClB,SAAS,GACT,WAAW,GACX,OAAO,CACV,GAAG;IACF,4BAA4B;IAC5B,MAAM,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAA;IACnC;6FACyF;IACzF,GAAG,CAAC,EACA;QACE,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,CAAA;QACvD,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;KAC7C,GACD,SAAS,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,GAC1E,SAAS,CAAA;IACb,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IACpB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAA;AAiBD,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,EAClE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1B,YAAY,CA4Md"}
|
package/dist/charts/Heatmap.d.ts
CHANGED
|
@@ -12,30 +12,32 @@ export type HeatmapProps<T> = BasaltProps & {
|
|
|
12
12
|
/** The intensity; `null` is an absent cell (flat neutral), never a zero. */
|
|
13
13
|
getValue: (d: T) => number | null;
|
|
14
14
|
/** Explicit band order. Default: first seen in `data`. */
|
|
15
|
-
rows?: readonly string[];
|
|
16
|
-
cols?: readonly string[];
|
|
15
|
+
rows?: readonly string[] | undefined;
|
|
16
|
+
cols?: readonly string[] | undefined;
|
|
17
17
|
/** The ink at full intensity, a `VX.*` ref or a series token. Default `VX.line`. */
|
|
18
|
-
color?: string;
|
|
18
|
+
color?: string | undefined;
|
|
19
19
|
/** The value range the color scale spans. Default `[0, max]` of the data. */
|
|
20
|
-
domain?: readonly [number, number];
|
|
20
|
+
domain?: readonly [number, number] | undefined;
|
|
21
21
|
/** Tooltip, legend-end and `aria` value format. Default: the number as-is. */
|
|
22
|
-
formatValue?: (v: number) => string;
|
|
22
|
+
formatValue?: ((v: number) => string) | undefined;
|
|
23
23
|
/** Band tick and tooltip header labels. Default: the band key. */
|
|
24
|
-
formatRow?: (row: string) => string;
|
|
25
|
-
formatCol?: (col: string) => string;
|
|
24
|
+
formatRow?: ((row: string) => string) | undefined;
|
|
25
|
+
formatCol?: ((col: string) => string) | undefined;
|
|
26
26
|
/** `false` hides the gradient legend; `label` titles it. */
|
|
27
27
|
legend?: false | {
|
|
28
|
-
label?: string;
|
|
29
|
-
};
|
|
28
|
+
label?: string | undefined;
|
|
29
|
+
} | undefined;
|
|
30
30
|
/** Rows after the value row, per cell (a sample count, a failure reason). Called with the datum. */
|
|
31
|
-
tooltip?: false | {
|
|
32
|
-
rows?: (d: T) => readonly ChartTooltipRow[];
|
|
33
|
-
};
|
|
31
|
+
tooltip?: (false | {
|
|
32
|
+
rows?: ((d: T) => readonly ChartTooltipRow[]) | undefined;
|
|
33
|
+
}) | undefined;
|
|
34
34
|
/** A fixed height, or one per container class. Default: by row count (160–420px). */
|
|
35
|
-
height?: number | ResponsiveChartHeight;
|
|
36
|
-
/** Fill the parent's height instead
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
height?: number | ResponsiveChartHeight | undefined;
|
|
36
|
+
/** Fill the parent's height instead. Overrides `height`. CSS-owned like every other kind's box
|
|
37
|
+
* (`ChartBox`, no measuring, SSR-stable), so the parent needs a definite CSS height — a grid or
|
|
38
|
+
* flex stretch, `h-full`, an explicit height — which no kind can read off an auto-height parent. */
|
|
39
|
+
matchHeight?: boolean | undefined;
|
|
40
|
+
state?: ChartState | undefined;
|
|
39
41
|
};
|
|
40
42
|
export declare function Heatmap<T>(props: HeatmapProps<T>): ReactElement;
|
|
41
43
|
//# sourceMappingURL=Heatmap.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../src/charts/Heatmap.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../src/charts/Heatmap.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAUlD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,GAAG;IAC1C,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,qCAAqC;IACrC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,wCAAwC;IACxC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACxB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACjC,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACpC,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IACpC,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;IAC9C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IACjD,kEAAkE;IAClE,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IACjD,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IACjD,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,GAAG,SAAS,CAAA;IAC3D,oGAAoG;IACpG,OAAO,CAAC,EAAE,CAAC,KAAK,GAAG;QAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,SAAS,eAAe,EAAE,CAAC,GAAG,SAAS,CAAA;KAAE,CAAC,GAAG,SAAS,CAAA;IAC7F,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAAA;IACnD;;wGAEoG;IACpG,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CAC/B,CAAA;AAuBD,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CA4M/D"}
|
package/dist/charts/Heatmap.js
CHANGED
|
@@ -9,6 +9,7 @@ import { scaleQuantize } from "d3-scale";
|
|
|
9
9
|
import { useId, useMemo } from "react";
|
|
10
10
|
import { alpha, VX } from "../tokens/index.js";
|
|
11
11
|
import { resolveContainerClass } from "../tokens/size-classes.js";
|
|
12
|
+
import { strideTicks } from "./compile.js";
|
|
12
13
|
import { ChartEngine, idPrefixOf } from "./host.js";
|
|
13
14
|
import { useCoarsePointer } from "../common/use-media-query.js";
|
|
14
15
|
import { HEIGHT_MAX, HEIGHT_MIN } from "./box.js";
|
|
@@ -87,8 +88,9 @@ function Heatmap(props) {
|
|
|
87
88
|
return {
|
|
88
89
|
chart: ({ width }) => {
|
|
89
90
|
const ticks = { line: false, size: 0 };
|
|
91
|
+
const cls = resolveContainerClass(width);
|
|
90
92
|
const tickLabels = {
|
|
91
|
-
fontSize:
|
|
93
|
+
fontSize: cls === "wide" ? VX.text.micro : VX.text.nano,
|
|
92
94
|
opacity: 1,
|
|
93
95
|
thin: true
|
|
94
96
|
};
|
|
@@ -128,7 +130,11 @@ function Heatmap(props) {
|
|
|
128
130
|
scale: scaleBand().domain(cols).paddingInner(0).paddingOuter(0),
|
|
129
131
|
axis: {
|
|
130
132
|
line: AXIS_LINE,
|
|
131
|
-
ticks: {
|
|
133
|
+
ticks: {
|
|
134
|
+
values: strideTicks(cols, cls),
|
|
135
|
+
format: (v) => formatCol(String(v)),
|
|
136
|
+
...ticks
|
|
137
|
+
},
|
|
132
138
|
tickLabels
|
|
133
139
|
}
|
|
134
140
|
},
|
|
@@ -6,11 +6,11 @@ export type MirroredBarPane = {
|
|
|
6
6
|
* entry throws: the pane would vanish, which reads as a measured zero. */
|
|
7
7
|
key: string;
|
|
8
8
|
/** The pane's upper bound. `'auto'` (default) is its own visible maximum; a number pins it. */
|
|
9
|
-
max?: number | 'auto';
|
|
9
|
+
max?: number | 'auto' | undefined;
|
|
10
10
|
/** When `'auto'`: floors the upper bound, so a quiet window does not amplify noise to full height. */
|
|
11
|
-
autoMaxFloor?: number;
|
|
11
|
+
autoMaxFloor?: number | undefined;
|
|
12
12
|
/** Tick count for this pane's own axis. Default 3. */
|
|
13
|
-
ticks?: number;
|
|
13
|
+
ticks?: number | undefined;
|
|
14
14
|
/** Tick and tooltip formatter, in the pane's OWN units. */
|
|
15
15
|
format: (v: number) => string;
|
|
16
16
|
};
|
|
@@ -24,21 +24,21 @@ export type MirroredBarsProps<T, X extends ChartX = ChartX> = Pick<CartesianChar
|
|
|
24
24
|
/** Drawn below the baseline. */
|
|
25
25
|
down: MirroredBarPane;
|
|
26
26
|
/** The up pane's share of the height. Default 0.35: the pair is usually asymmetric. */
|
|
27
|
-
upFraction?: number;
|
|
27
|
+
upFraction?: number | undefined;
|
|
28
28
|
/** 0..1 of a bar's width that no source sample covers, drawn neutral across both panes. */
|
|
29
|
-
getAbsentFraction?: (d: T) => number;
|
|
29
|
+
getAbsentFraction?: ((d: T) => number) | undefined;
|
|
30
30
|
/** Per-datum bar opacity: a real but qualified measurement (a short bucket) drawn dimmer. */
|
|
31
|
-
getBarOpacity?: (d: T) => number;
|
|
31
|
+
getBarOpacity?: ((d: T) => number) | undefined;
|
|
32
32
|
/**
|
|
33
33
|
* Collapse adjacent data where one band per datum would be sub-pixel. `merge` is the consumer's
|
|
34
34
|
* (max, sum, or a rate from summed parts) and must keep `group[0]`'s x, the slot start.
|
|
35
35
|
*/
|
|
36
36
|
fold?: {
|
|
37
|
-
minBandPx?: number;
|
|
37
|
+
minBandPx?: number | undefined;
|
|
38
38
|
merge: (group: T[]) => T;
|
|
39
|
-
};
|
|
39
|
+
} | undefined;
|
|
40
40
|
/** Default `'leading'`: x is a slot's start. */
|
|
41
|
-
cursorResolution?: CartesianChartProps<T, X>['cursorResolution'];
|
|
41
|
+
cursorResolution?: CartesianChartProps<T, X>['cursorResolution'] | undefined;
|
|
42
42
|
};
|
|
43
43
|
export declare function MirroredBars<T, X extends ChartX = ChartX>(props: MirroredBarsProps<T, X>): ReactElement;
|
|
44
44
|
//# sourceMappingURL=MirroredBars.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MirroredBars.d.ts","sourceRoot":"","sources":["../../src/charts/MirroredBars.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAW,MAAM,SAAS,CAAA;AAEhF,4BAA4B;AAC5B,MAAM,MAAM,eAAe,GAAG;IAC5B;8EAC0E;IAC1E,GAAG,EAAE,MAAM,CAAA;IACX,+FAA+F;IAC/F,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"MirroredBars.d.ts","sourceRoot":"","sources":["../../src/charts/MirroredBars.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AASzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAW,MAAM,SAAS,CAAA;AAEhF,4BAA4B;AAC5B,MAAM,MAAM,eAAe,GAAG;IAC5B;8EAC0E;IAC1E,GAAG,EAAE,MAAM,CAAA;IACX,+FAA+F;IAC/F,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,sGAAsG;IACtG,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,2DAA2D;IAC3D,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAC9B,CAAA;AAED,oGAAoG;AACpG,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,IAAI,CACtC,WAAW,CAAC,CAAC,CAAC,EACd,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAChG,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAChE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EACvB,WAAW,GACX,MAAM,GACN,GAAG,GACH,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,CACV,GAAG;IACF,qEAAqE;IACrE,MAAM,EAAE,SAAS,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAA;IACxC,gCAAgC;IAChC,EAAE,EAAE,eAAe,CAAA;IACnB,gCAAgC;IAChC,IAAI,EAAE,eAAe,CAAA;IACrB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,2FAA2F;IAC3F,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IAClD,6FAA6F;IAC7F,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,SAAS,CAAA;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;KAAE,GAAG,SAAS,CAAA;IAC/E,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAA;CAC7E,CAAA;AAgDD,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EACvD,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC7B,YAAY,CAuKd"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ReactElement } from 'react';
|
|
2
2
|
import type { BasaltProps } from '../common/props.js';
|
|
3
|
+
import type { ChartState } from './types.js';
|
|
3
4
|
export type SparklineProps = BasaltProps & {
|
|
4
5
|
/** The accessible name. Required: a chart without one is an unlabeled image. */
|
|
5
6
|
ariaLabel: string;
|
|
@@ -7,15 +8,18 @@ export type SparklineProps = BasaltProps & {
|
|
|
7
8
|
/** Height in px. */
|
|
8
9
|
height: number;
|
|
9
10
|
/** Width in px. Default: the container's, measured by the host. */
|
|
10
|
-
width?: number;
|
|
11
|
+
width?: number | undefined;
|
|
11
12
|
/** Default `'line'`. */
|
|
12
|
-
mark?: 'line' | 'bar';
|
|
13
|
+
mark?: 'line' | 'bar' | undefined;
|
|
13
14
|
/** A `VX.*` ref or a series token. Default `VX.faint`. */
|
|
14
|
-
color?: string;
|
|
15
|
+
color?: string | undefined;
|
|
15
16
|
/** Paints the last point in `emphasisColor` — the one reading a trend beside a KPI is for. */
|
|
16
|
-
emphasizeLast?: boolean;
|
|
17
|
+
emphasizeLast?: boolean | undefined;
|
|
17
18
|
/** Default `VX.accent`. */
|
|
18
|
-
emphasisColor?: string;
|
|
19
|
+
emphasisColor?: string | undefined;
|
|
20
|
+
/** Pending / error / empty, the same contract as every other kind. The placeholder fills the
|
|
21
|
+
* sparkline's own `width` × `height`, so a loading tile does not shift when the trend lands. */
|
|
22
|
+
state?: ChartState | undefined;
|
|
19
23
|
};
|
|
20
24
|
/** `useId` output (`«r1»`, `:r1:`) is not a safe SVG id fragment. */
|
|
21
25
|
export declare function Sparkline(props: SparklineProps): ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../src/charts/Sparkline.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAQlD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,gFAAgF;IAChF,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;IACvB,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../src/charts/Sparkline.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAQlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,gFAAgF;IAChF,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;IACvB,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAA;IACjC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,8FAA8F;IAC9F,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC;oGACgG;IAChG,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CAC/B,CAAA;AAiGD,qEAAqE;AAErE,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAyC7D"}
|