@automattic/charts 0.56.7 → 0.57.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/AGENTS.md +28 -98
- package/CHANGELOG.md +16 -0
- package/dist/charts/bar-chart/index.cjs +5 -6
- package/dist/charts/bar-chart/index.cjs.map +1 -1
- package/dist/charts/bar-chart/index.d.cts +3 -3
- package/dist/charts/bar-chart/index.d.ts +3 -3
- package/dist/charts/bar-chart/index.js +4 -5
- package/dist/charts/bar-list-chart/index.cjs +6 -7
- package/dist/charts/bar-list-chart/index.cjs.map +1 -1
- package/dist/charts/bar-list-chart/index.d.cts +3 -3
- package/dist/charts/bar-list-chart/index.d.ts +3 -3
- package/dist/charts/bar-list-chart/index.js +5 -6
- package/dist/charts/conversion-funnel-chart/index.cjs +5 -6
- package/dist/charts/conversion-funnel-chart/index.cjs.map +1 -1
- package/dist/charts/conversion-funnel-chart/index.d.cts +1 -1
- package/dist/charts/conversion-funnel-chart/index.d.ts +1 -1
- package/dist/charts/conversion-funnel-chart/index.js +4 -5
- package/dist/charts/geo-chart/index.cjs +4 -4
- package/dist/charts/geo-chart/index.d.cts +1 -1
- package/dist/charts/geo-chart/index.d.ts +1 -1
- package/dist/charts/geo-chart/index.js +3 -3
- package/dist/charts/leaderboard-chart/index.cjs +5 -5
- package/dist/charts/leaderboard-chart/index.css +8 -9
- package/dist/charts/leaderboard-chart/index.css.map +1 -1
- package/dist/charts/leaderboard-chart/index.d.cts +3 -3
- package/dist/charts/leaderboard-chart/index.d.ts +3 -3
- package/dist/charts/leaderboard-chart/index.js +4 -4
- package/dist/charts/line-chart/index.cjs +5 -6
- package/dist/charts/line-chart/index.cjs.map +1 -1
- package/dist/charts/line-chart/index.d.cts +3 -3
- package/dist/charts/line-chart/index.d.ts +3 -3
- package/dist/charts/line-chart/index.js +4 -5
- package/dist/charts/pie-chart/index.cjs +5 -6
- package/dist/charts/pie-chart/index.cjs.map +1 -1
- package/dist/charts/pie-chart/index.d.cts +4 -4
- package/dist/charts/pie-chart/index.d.ts +4 -4
- package/dist/charts/pie-chart/index.js +4 -5
- package/dist/charts/pie-semi-circle-chart/index.cjs +5 -6
- package/dist/charts/pie-semi-circle-chart/index.cjs.map +1 -1
- package/dist/charts/pie-semi-circle-chart/index.d.cts +4 -4
- package/dist/charts/pie-semi-circle-chart/index.d.ts +4 -4
- package/dist/charts/pie-semi-circle-chart/index.js +4 -5
- package/dist/charts/sparkline/index.cjs +6 -7
- package/dist/charts/sparkline/index.cjs.map +1 -1
- package/dist/charts/sparkline/index.js +5 -6
- package/dist/{chunk-XD2HV7M5.js → chunk-2NCY7R4G.js} +127 -762
- package/dist/chunk-2NCY7R4G.js.map +1 -0
- package/dist/{chunk-RFSHE3HL.js → chunk-32DH6JDF.js} +64 -43
- package/dist/chunk-32DH6JDF.js.map +1 -0
- package/dist/{chunk-SSFFCBCF.js → chunk-4OPFE4RM.js} +11 -8
- package/dist/chunk-4OPFE4RM.js.map +1 -0
- package/dist/{chunk-CAFJRZPZ.cjs → chunk-77OKCVQN.cjs} +17 -17
- package/dist/{chunk-CAFJRZPZ.cjs.map → chunk-77OKCVQN.cjs.map} +1 -1
- package/dist/{chunk-K6TGILHX.cjs → chunk-7FQX4ALL.cjs} +6 -6
- package/dist/{chunk-K6TGILHX.cjs.map → chunk-7FQX4ALL.cjs.map} +1 -1
- package/dist/{chunk-7FDQGBY7.js → chunk-BCX5THDQ.js} +9 -7
- package/dist/chunk-BCX5THDQ.js.map +1 -0
- package/dist/{chunk-KHQPN77E.js → chunk-CZGYJKG6.js} +4 -4
- package/dist/{chunk-3EXJP67N.cjs → chunk-D2UH4CFE.cjs} +9 -9
- package/dist/{chunk-3EXJP67N.cjs.map → chunk-D2UH4CFE.cjs.map} +1 -1
- package/dist/{chunk-TE63Y5PX.js → chunk-DAU3HNEG.js} +2 -2
- package/dist/chunk-DAU3HNEG.js.map +1 -0
- package/dist/{chunk-MDRCAGKZ.js → chunk-H2V4JMSA.js} +3 -3
- package/dist/{chunk-UFRBUT2D.cjs → chunk-I35UYJJR.cjs} +49 -6
- package/dist/chunk-I35UYJJR.cjs.map +1 -0
- package/dist/{chunk-GWBS65VC.js → chunk-IU4DYUAV.js} +3 -3
- package/dist/{chunk-E62LCBGD.js → chunk-PXLEMUGJ.js} +3 -3
- package/dist/{chunk-YDVHT7GS.cjs → chunk-RHHVEJHJ.cjs} +83 -62
- package/dist/chunk-RHHVEJHJ.cjs.map +1 -0
- package/dist/{chunk-YAXY5L7I.cjs → chunk-TO3OQBXG.cjs} +5 -5
- package/dist/{chunk-YAXY5L7I.cjs.map → chunk-TO3OQBXG.cjs.map} +1 -1
- package/dist/{chunk-VPAEBI2F.js → chunk-V36ERY7Y.js} +9 -7
- package/dist/chunk-V36ERY7Y.js.map +1 -0
- package/dist/{chunk-X7JL2NYJ.cjs → chunk-VJM5XCB4.cjs} +33 -30
- package/dist/chunk-VJM5XCB4.cjs.map +1 -0
- package/dist/{chunk-ZVGEDXDP.cjs → chunk-VTS3PNMS.cjs} +2 -2
- package/dist/{chunk-ZVGEDXDP.cjs.map → chunk-VTS3PNMS.cjs.map} +1 -1
- package/dist/{chunk-OMS5QIJN.js → chunk-WLODYNLB.js} +9 -7
- package/dist/chunk-WLODYNLB.js.map +1 -0
- package/dist/{chunk-NQJE2CC7.cjs → chunk-XKRJL2QT.cjs} +25 -23
- package/dist/chunk-XKRJL2QT.cjs.map +1 -0
- package/dist/{chunk-O2JIANHK.cjs → chunk-YE2T52VZ.cjs} +33 -31
- package/dist/chunk-YE2T52VZ.cjs.map +1 -0
- package/dist/{chunk-IS5YYLTV.js → chunk-Z26M4V2M.js} +46 -3
- package/dist/chunk-Z26M4V2M.js.map +1 -0
- package/dist/{chunk-55ZCOYDF.cjs → chunk-Z45KX47P.cjs} +153 -788
- package/dist/chunk-Z45KX47P.cjs.map +1 -0
- package/dist/{chunk-BXFD7JIG.cjs → chunk-ZH4F5RMG.cjs} +26 -24
- package/dist/chunk-ZH4F5RMG.cjs.map +1 -0
- package/dist/components/legend/index.cjs +3 -3
- package/dist/components/legend/index.d.cts +4 -4
- package/dist/components/legend/index.d.ts +4 -4
- package/dist/components/legend/index.js +2 -2
- package/dist/components/tooltip/index.d.cts +1 -1
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/hooks/index.cjs +3 -3
- package/dist/hooks/index.d.cts +7 -3
- package/dist/hooks/index.d.ts +7 -3
- package/dist/hooks/index.js +2 -2
- package/dist/index.cjs +13 -14
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +8 -9
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +12 -13
- package/dist/{leaderboard-chart-BSgEw_Um.d.ts → leaderboard-chart-BKYYXcg2.d.ts} +5 -9
- package/dist/{leaderboard-chart-COtgamhe.d.cts → leaderboard-chart-DR7CGb0L.d.cts} +5 -9
- package/dist/{legend-C9ahiwOt.d.cts → legend-C2grwnWk.d.cts} +1 -1
- package/dist/{legend-jjMmhSg3.d.ts → legend-Cj0xM5dU.d.ts} +1 -1
- package/dist/providers/index.cjs +3 -3
- package/dist/providers/index.d.cts +3 -3
- package/dist/providers/index.d.ts +3 -3
- package/dist/providers/index.js +2 -2
- package/dist/{themes-DQzmaSze.d.ts → themes-BmVGrYnF.d.ts} +2 -2
- package/dist/{themes-CVR5rmIs.d.cts → themes-CyjKm-P_.d.cts} +2 -2
- package/dist/{types-DQNnq5Fr.d.ts → types-CuUEszrM.d.ts} +1 -1
- package/dist/{types-CzdN7rUe.d.cts → types-DZordNiO.d.cts} +11 -7
- package/dist/{types-CzdN7rUe.d.ts → types-DZordNiO.d.ts} +11 -7
- package/dist/types-I67mddpr.d.cts +78 -0
- package/dist/types-I67mddpr.d.ts +78 -0
- package/dist/{types-BBwg4Evw.d.cts → types-KtOPPzPX.d.cts} +1 -1
- package/dist/utils/index.cjs +2 -2
- package/dist/utils/index.d.cts +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +1 -1
- package/package.json +6 -4
- package/src/charts/bar-chart/bar-chart.tsx +4 -3
- package/src/charts/bar-chart/test/bar-chart.test.tsx +30 -0
- package/src/charts/conversion-funnel-chart/test/conversion-funnel-chart.test.tsx +2 -2
- package/src/charts/leaderboard-chart/hooks/use-leaderboard-legend-items.ts +0 -2
- package/src/charts/leaderboard-chart/leaderboard-chart.module.scss +9 -10
- package/src/charts/leaderboard-chart/leaderboard-chart.tsx +95 -70
- package/src/charts/leaderboard-chart/test/leaderboard-chart.test.tsx +58 -29
- package/src/charts/leaderboard-chart/test/use-leaderboard-legend-items.test.tsx +2 -5
- package/src/charts/leaderboard-chart/types.ts +4 -7
- package/src/charts/line-chart/line-chart.tsx +2 -3
- package/src/charts/pie-chart/pie-chart.tsx +2 -3
- package/src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx +2 -3
- package/src/components/legend/index.ts +8 -1
- package/src/components/legend/private/base-legend.tsx +32 -22
- package/src/components/legend/test/legend.test.tsx +148 -52
- package/src/components/legend/types.ts +42 -16
- package/src/hooks/test/use-zero-value-display.test.tsx +206 -0
- package/src/hooks/use-zero-value-display.ts +52 -23
- package/src/index.ts +7 -1
- package/src/providers/chart-context/test/chart-context.test.tsx +12 -6
- package/src/providers/chart-context/themes.ts +6 -4
- package/src/types.ts +11 -7
- package/src/utils/get-styles.ts +1 -1
- package/src/utils/test/get-styles.test.ts +12 -10
- package/dist/chunk-55ZCOYDF.cjs.map +0 -1
- package/dist/chunk-7FDQGBY7.js.map +0 -1
- package/dist/chunk-BXFD7JIG.cjs.map +0 -1
- package/dist/chunk-IS5YYLTV.js.map +0 -1
- package/dist/chunk-KNIMXN6Z.js +0 -51
- package/dist/chunk-KNIMXN6Z.js.map +0 -1
- package/dist/chunk-NQJE2CC7.cjs.map +0 -1
- package/dist/chunk-O2JIANHK.cjs.map +0 -1
- package/dist/chunk-OMS5QIJN.js.map +0 -1
- package/dist/chunk-RFSHE3HL.js.map +0 -1
- package/dist/chunk-SSFFCBCF.js.map +0 -1
- package/dist/chunk-SUDERBUA.cjs +0 -51
- package/dist/chunk-SUDERBUA.cjs.map +0 -1
- package/dist/chunk-TE63Y5PX.js.map +0 -1
- package/dist/chunk-UFRBUT2D.cjs.map +0 -1
- package/dist/chunk-VPAEBI2F.js.map +0 -1
- package/dist/chunk-X7JL2NYJ.cjs.map +0 -1
- package/dist/chunk-XD2HV7M5.js.map +0 -1
- package/dist/chunk-YDVHT7GS.cjs.map +0 -1
- package/dist/types-C05PdDJa.d.cts +0 -57
- package/dist/types-C05PdDJa.d.ts +0 -57
- /package/dist/{chunk-KHQPN77E.js.map → chunk-CZGYJKG6.js.map} +0 -0
- /package/dist/{chunk-MDRCAGKZ.js.map → chunk-H2V4JMSA.js.map} +0 -0
- /package/dist/{chunk-GWBS65VC.js.map → chunk-IU4DYUAV.js.map} +0 -0
- /package/dist/{chunk-E62LCBGD.js.map → chunk-PXLEMUGJ.js.map} +0 -0
package/AGENTS.md
CHANGED
|
@@ -1,42 +1,15 @@
|
|
|
1
1
|
# AGENTS.md
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
## Project Scope
|
|
6
|
-
|
|
7
|
-
`@automattic/charts` is a React + TypeScript charting library used across Automattic products.
|
|
8
|
-
|
|
9
|
-
Key implementation details agents usually miss:
|
|
10
|
-
|
|
11
|
-
- Build system is `tsup`.
|
|
12
|
-
- Package exports are explicit subpath exports in `package.json`.
|
|
13
|
-
- Styling is primarily Sass-based CSS Modules (`*.module.scss`) compiled via tsup plugins.
|
|
14
|
-
- The docs workflow uses paired Storybook docs files (`.docs.mdx` + `.api.mdx`).
|
|
3
|
+
Package-specific guidance for AI agents working in `projects/js-packages/charts`.
|
|
15
4
|
|
|
16
5
|
## CRITICAL Rules
|
|
17
6
|
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
-
- CRITICAL: Do not assume wildcard exports. Follow the explicit exports in `projects/js-packages/charts/package.json`.
|
|
21
|
-
|
|
22
|
-
## Commands
|
|
23
|
-
|
|
24
|
-
Run these from `projects/js-packages/charts` unless noted otherwise.
|
|
25
|
-
|
|
26
|
-
```bash
|
|
27
|
-
# Build + type safety
|
|
28
|
-
pnpm run build
|
|
29
|
-
pnpm run typecheck
|
|
30
|
-
|
|
31
|
-
# Tests
|
|
32
|
-
pnpm run test
|
|
33
|
-
pnpm run test-coverage
|
|
7
|
+
- Do not invent behavior in docs. If unsure, verify implementation and stories first.
|
|
8
|
+
- Do not assume wildcard exports like `./*` or `./providers/*` — they don't exist. Check the explicit exports in `package.json`.
|
|
34
9
|
|
|
35
|
-
|
|
36
|
-
pnpm run storybook
|
|
37
|
-
```
|
|
10
|
+
## Changelog
|
|
38
11
|
|
|
39
|
-
|
|
12
|
+
Run from monorepo root:
|
|
40
13
|
|
|
41
14
|
```bash
|
|
42
15
|
jp changelog add js-packages/charts -s patch -t changed -e "Charts: <user-facing change>."
|
|
@@ -44,92 +17,49 @@ jp changelog add js-packages/charts -s patch -t changed -e "Charts: <user-facing
|
|
|
44
17
|
|
|
45
18
|
## Architecture Decisions (Do Not "Fix" These)
|
|
46
19
|
|
|
47
|
-
-
|
|
48
|
-
-
|
|
49
|
-
- Accessibility behavior (keyboard navigation, accessible tooltips) is part of chart behavior, not optional polish.
|
|
50
|
-
- CSS Modules are intentionally used for scoped styles and stable local class handling.
|
|
51
|
-
- Charts are responsive by default.
|
|
20
|
+
- Accessibility behavior (keyboard navigation, accessible tooltips) is core chart behavior, not optional polish.
|
|
21
|
+
- Charts are responsive by default — do not add external responsive wrappers that conflict with built-in sizing semantics.
|
|
52
22
|
|
|
53
23
|
## Documentation Workflow
|
|
54
24
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
- `
|
|
58
|
-
- `projects/js-packages/charts/docs/feature-documentation.mdx.template`
|
|
59
|
-
- `projects/js-packages/charts/docs/feature-api-documentation.mdx.template`
|
|
60
|
-
|
|
61
|
-
Docs standards:
|
|
62
|
-
|
|
63
|
-
- For public chart/component docs, maintain the standard docs set when applicable:
|
|
64
|
-
- `[feature-name].stories.tsx`
|
|
65
|
-
- `[feature-name].docs.mdx` (usage, examples, behavior, accessibility)
|
|
66
|
-
- `[feature-name].api.mdx` (API reference only; no usage examples)
|
|
67
|
-
- Some docs are intentionally guide-only or scope-specific (for example introduction, provider docs, or focused feature guides) and may not use the full triplet.
|
|
68
|
-
- MUST keep props/types in docs aligned with implementation.
|
|
69
|
-
- MUST include animation docs only when the component actually supports an `animation` prop.
|
|
70
|
-
|
|
71
|
-
For docs-heavy tasks with many repeated steps, agents may use the optional skill:
|
|
72
|
-
|
|
73
|
-
- `.agents/skills/charts-docs.md`
|
|
25
|
+
- For docs tasks agents should use the skill at `.agents/skills/charts-docs.md`.
|
|
26
|
+
- For public chart/component docs, maintain the standard set when applicable: `[feature-name].stories.tsx` + `.docs.mdx` + `.api.mdx`. Some docs are intentionally guide-only and skip the full triplet.
|
|
27
|
+
- Only include animation docs when the component actually supports an `animation` prop.
|
|
74
28
|
|
|
75
29
|
## Conventions
|
|
76
30
|
|
|
77
|
-
### Code and APIs
|
|
78
|
-
|
|
79
31
|
- Preserve backward compatibility for existing public APIs unless a breaking change is explicitly requested.
|
|
80
32
|
- Prefer extending existing chart components/patterns over introducing new surface area.
|
|
81
33
|
- Reuse existing hooks/providers/utilities before adding new abstractions.
|
|
82
|
-
|
|
83
|
-
### Styling
|
|
84
|
-
|
|
85
|
-
- Follow existing CSS Module + Sass patterns.
|
|
86
|
-
- Use existing chart theme integration patterns instead of ad-hoc color/style logic.
|
|
87
34
|
- Avoid `!important` unless there is no viable alternative and the rationale is documented.
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
-
|
|
92
|
-
- Add focused behavioral tests for changed behavior (interaction, rendering state, accessibility behavior).
|
|
93
|
-
- For behavior or UI changes, verify in Storybook using browser automation (browser MCP) against relevant stories/states, not only unit tests.
|
|
94
|
-
- Avoid speculative tests for behavior not implemented in code.
|
|
95
|
-
|
|
96
|
-
### PR and Changelog
|
|
97
|
-
|
|
98
|
-
- Prefer charts-scoped PR titles consistent with current repo patterns (e.g. `Charts: ...`, `CHARTS-###: ...`).
|
|
99
|
-
- Include a changelog entry for user-facing changes under `projects/js-packages/charts/changelog/`.
|
|
100
|
-
- Include test steps and outcomes in PR descriptions.
|
|
101
|
-
- Include visual evidence (screenshots/GIFs) for visible UI changes.
|
|
35
|
+
- Add focused behavioral tests for changed behavior; avoid speculative tests for unimplemented behavior.
|
|
36
|
+
- Verify behavior/UI changes in Storybook using browser automation, not only unit tests.
|
|
37
|
+
- Prefer charts-scoped PR titles (e.g. `Charts: ...`, `CHARTS-###: ...`).
|
|
38
|
+
- Include test steps and visual evidence (screenshots/GIFs) in PR descriptions for UI changes.
|
|
102
39
|
|
|
103
40
|
## Common Pitfalls
|
|
104
41
|
|
|
105
|
-
- Claiming Rollup is used for
|
|
106
|
-
- Referring to wildcard exports like `./*` or `./providers/*` (which don't exist). Use explicit exports like `./providers` instead.
|
|
107
|
-
- Updating `.docs.mdx` without the corresponding `.api.mdx` when API docs are affected.
|
|
108
|
-
- Not checking CSF file references in `.docs.mdx` when changing or removing stories.
|
|
42
|
+
- Claiming Rollup is used for builds (it's tsup).
|
|
109
43
|
- Documenting props or behavior not present in stories and implementation.
|
|
110
44
|
- Refactoring core composition/provider patterns as if they are accidental complexity.
|
|
111
|
-
- Using ad-hoc flexbox layouts where established shared layout primitives/patterns (for example, `Stack`) should be preferred.
|
|
112
|
-
- Accessing colors and styles directly from the `theme` rather than using `getElementStyles` from the `GlobalChartsProvider`.
|
|
113
45
|
- Defining new chart prop interfaces that diverge from established base chart contracts (for example, not aligning with `BaseChartProps` when appropriate).
|
|
114
|
-
-
|
|
115
|
-
-
|
|
116
|
-
-
|
|
46
|
+
- Using ad-hoc flexbox layouts where established layout primitives (e.g. `Stack`) should be preferred.
|
|
47
|
+
- Accessing colors/styles directly from `theme` rather than using `getElementStyles` from `GlobalChartsProvider`.
|
|
48
|
+
- Responsive wrappers that conflict with component sizing semantics (fixed-height charts, resize behavior, aspect-ratio assumptions).
|
|
49
|
+
- Updating `.docs.mdx` without the corresponding `.api.mdx` when API docs are affected.
|
|
50
|
+
- Not checking CSF file references in `.docs.mdx` when changing or removing stories.
|
|
51
|
+
- Stories that don't visibly demonstrate documented behavior/props, or render clipped due to container sizing.
|
|
52
|
+
- Breaking MDX `<Source code={\`...\` } />` rendering by malformed/flattened indentation inside template literals.
|
|
53
|
+
- Tooltip styles/positioning that only work on default backgrounds or fail at chart edges.
|
|
117
54
|
- Using mock/placeholder series data in production code.
|
|
118
|
-
-
|
|
119
|
-
-
|
|
55
|
+
- Avoidable multi-pass data transformations in render paths when a single pass suffices.
|
|
56
|
+
- CSS layout/overflow workarounds without documenting why they're needed.
|
|
120
57
|
|
|
121
58
|
## Definition of Done
|
|
122
59
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
- Guidelines: changes follow this file, root monorepo guidance, and charts docs standards.
|
|
126
|
-
- Build/tests: `pnpm run typecheck` and relevant tests pass for modified behavior.
|
|
127
|
-
- Behavior verification: changed chart behavior is validated in Storybook and/or tests, not only by static checks.
|
|
128
|
-
- Safe scope: edits remain in package boundaries and avoid unrelated refactors.
|
|
60
|
+
- Behavior verified in Storybook and/or tests, not only by static checks.
|
|
61
|
+
- Edits remain in package boundaries; avoid unrelated refactors.
|
|
129
62
|
|
|
130
63
|
## References
|
|
131
64
|
|
|
132
|
-
-
|
|
133
|
-
- Package docs guide: `projects/js-packages/charts/docs/ai-documentation-guide.md`
|
|
134
|
-
- Package readme: `projects/js-packages/charts/README.md`
|
|
135
|
-
- Published Storybook docs: `https://automattic.github.io/jetpack-storybook/?path=/docs/js-packages-charts-library`
|
|
65
|
+
- Published Storybook: `https://automattic.github.io/jetpack-storybook/?path=/docs/js-packages-charts-library`
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [0.57.0] - 2026-03-09
|
|
9
|
+
### Added
|
|
10
|
+
- Add identity-obj-proxy to enable CSS module class assertions in tests. [#47476]
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
- BREAKING: Legend: Replace individual visx styling props with itemStyles, labelStyles, shapeStyles objects, rename legendItemClassName to itemClassName, add labelClassName, and move maxWidth/textOverflow into labelStyles. LeaderboardChart: replace legendShapeWidth/legendShapeHeight with legendShapeStyles. [#47454]
|
|
14
|
+
- Breaking: Legend theme properties (`legendShapeStyles`, `legendLabelStyles`, `legendContainerStyles`) are now nested under a `legend` object (`legend.shapeStyles`, `legend.labelStyles`, `legend.containerStyles`) in `ChartTheme`. [#47439]
|
|
15
|
+
- Switch to Native TypeScript compiler based on Go. [#47375]
|
|
16
|
+
- Update package dependencies. [#47496]
|
|
17
|
+
|
|
18
|
+
### Fixed
|
|
19
|
+
- Charts: Fix leaderboard chart height calculation to include legend layout and keep responsive sizing by default. [#47369]
|
|
20
|
+
- Charts: Fix zero-value bars not visible in small chart heights by ensuring minimum pixel-based value. [#47477]
|
|
21
|
+
- Legend: Fix value rendering for falsy values (e.g. 0), guard against empty string spans, make value optional in types, and use index-based lookup for better performance. [#47459]
|
|
22
|
+
|
|
8
23
|
## [0.56.7] - 2026-03-02
|
|
9
24
|
### Changed
|
|
10
25
|
- Improve AI agent documentation and validation workflow for chart development. [#47334]
|
|
@@ -713,6 +728,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
713
728
|
- Fixed lints following ESLint rule changes for TS [#40584]
|
|
714
729
|
- Fixing a bug in Chart storybook data. [#40640]
|
|
715
730
|
|
|
731
|
+
[0.57.0]: https://github.com/Automattic/charts/compare/v0.56.7...v0.57.0
|
|
716
732
|
[0.56.7]: https://github.com/Automattic/charts/compare/v0.56.6...v0.56.7
|
|
717
733
|
[0.56.6]: https://github.com/Automattic/charts/compare/v0.56.5...v0.56.6
|
|
718
734
|
[0.56.5]: https://github.com/Automattic/charts/compare/v0.56.4...v0.56.5
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkVJM5XCB4cjs = require('../../chunk-VJM5XCB4.cjs');
|
|
5
5
|
require('../../chunk-Y3NNQMAX.cjs');
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-SUDERBUA.cjs');
|
|
6
|
+
require('../../chunk-I35UYJJR.cjs');
|
|
8
7
|
require('../../chunk-ASLARV7L.cjs');
|
|
9
|
-
require('../../chunk-
|
|
10
|
-
require('../../chunk-
|
|
8
|
+
require('../../chunk-RHHVEJHJ.cjs');
|
|
9
|
+
require('../../chunk-VTS3PNMS.cjs');
|
|
11
10
|
require('../../chunk-EMMSS5I5.cjs');
|
|
12
11
|
|
|
13
12
|
|
|
14
13
|
|
|
15
|
-
exports.BarChart =
|
|
14
|
+
exports.BarChart = _chunkVJM5XCB4cjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkVJM5XCB4cjs.BarChart;
|
|
16
15
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/bar-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/bar-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/bar-chart/index.cjs"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { L as Legend } from '../../legend-
|
|
2
|
-
import { O as Optional, B as BaseChartProps, j as SeriesData, c as DataPointDate } from '../../types-
|
|
1
|
+
import { L as Legend } from '../../legend-C2grwnWk.cjs';
|
|
2
|
+
import { O as Optional, B as BaseChartProps, j as SeriesData, c as DataPointDate } from '../../types-DZordNiO.cjs';
|
|
3
3
|
import { FC, ReactNode, ComponentType } from 'react';
|
|
4
4
|
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
5
5
|
import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
|
|
6
|
-
import '../../types-
|
|
6
|
+
import '../../types-I67mddpr.cjs';
|
|
7
7
|
import '@visx/legend';
|
|
8
8
|
import '@visx/xychart';
|
|
9
9
|
import '@visx/annotation/lib/components/CircleSubject';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { L as Legend } from '../../legend-
|
|
2
|
-
import { O as Optional, B as BaseChartProps, j as SeriesData, c as DataPointDate } from '../../types-
|
|
1
|
+
import { L as Legend } from '../../legend-Cj0xM5dU.js';
|
|
2
|
+
import { O as Optional, B as BaseChartProps, j as SeriesData, c as DataPointDate } from '../../types-DZordNiO.js';
|
|
3
3
|
import { FC, ReactNode, ComponentType } from 'react';
|
|
4
4
|
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
5
5
|
import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
|
|
6
|
-
import '../../types-
|
|
6
|
+
import '../../types-I67mddpr.js';
|
|
7
7
|
import '@visx/legend';
|
|
8
8
|
import '@visx/xychart';
|
|
9
9
|
import '@visx/annotation/lib/components/CircleSubject';
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
BarChart,
|
|
3
3
|
BarChartResponsive
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-4OPFE4RM.js";
|
|
5
5
|
import "../../chunk-BPYKWMI7.js";
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-KNIMXN6Z.js";
|
|
6
|
+
import "../../chunk-Z26M4V2M.js";
|
|
8
7
|
import "../../chunk-OP6PHB2U.js";
|
|
9
|
-
import "../../chunk-
|
|
10
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-32DH6JDF.js";
|
|
9
|
+
import "../../chunk-DAU3HNEG.js";
|
|
11
10
|
import "../../chunk-G3PMV62Z.js";
|
|
12
11
|
export {
|
|
13
12
|
BarChartResponsive as BarChart,
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
4
|
+
var _chunk7FQX4ALLcjs = require('../../chunk-7FQX4ALL.cjs');
|
|
5
|
+
require('../../chunk-VJM5XCB4.cjs');
|
|
6
6
|
require('../../chunk-Y3NNQMAX.cjs');
|
|
7
|
-
require('../../chunk-
|
|
8
|
-
require('../../chunk-SUDERBUA.cjs');
|
|
7
|
+
require('../../chunk-I35UYJJR.cjs');
|
|
9
8
|
require('../../chunk-ASLARV7L.cjs');
|
|
10
|
-
require('../../chunk-
|
|
11
|
-
require('../../chunk-
|
|
9
|
+
require('../../chunk-RHHVEJHJ.cjs');
|
|
10
|
+
require('../../chunk-VTS3PNMS.cjs');
|
|
12
11
|
require('../../chunk-EMMSS5I5.cjs');
|
|
13
12
|
|
|
14
13
|
|
|
15
14
|
|
|
16
|
-
exports.BarListChart =
|
|
15
|
+
exports.BarListChart = _chunk7FQX4ALLcjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunk7FQX4ALLcjs.BarListChart;
|
|
17
16
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/bar-list-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/bar-list-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,mIAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/bar-list-chart/index.cjs"}
|
|
@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
3
3
|
import { TextProps } from '@visx/text';
|
|
4
4
|
import { BarChartProps } from '../bar-chart/index.cjs';
|
|
5
|
-
import { S as ScaleOptions, j as SeriesData } from '../../types-
|
|
5
|
+
import { S as ScaleOptions, j as SeriesData } from '../../types-DZordNiO.cjs';
|
|
6
6
|
import { ComponentType, FC } from 'react';
|
|
7
|
-
import '../../legend-
|
|
8
|
-
import '../../types-
|
|
7
|
+
import '../../legend-C2grwnWk.cjs';
|
|
8
|
+
import '../../types-I67mddpr.cjs';
|
|
9
9
|
import '@visx/legend';
|
|
10
10
|
import '@visx/xychart';
|
|
11
11
|
import '@visx/xychart/lib/components/Tooltip';
|
|
@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
3
3
|
import { TextProps } from '@visx/text';
|
|
4
4
|
import { BarChartProps } from '../bar-chart/index.js';
|
|
5
|
-
import { S as ScaleOptions, j as SeriesData } from '../../types-
|
|
5
|
+
import { S as ScaleOptions, j as SeriesData } from '../../types-DZordNiO.js';
|
|
6
6
|
import { ComponentType, FC } from 'react';
|
|
7
|
-
import '../../legend-
|
|
8
|
-
import '../../types-
|
|
7
|
+
import '../../legend-Cj0xM5dU.js';
|
|
8
|
+
import '../../types-I67mddpr.js';
|
|
9
9
|
import '@visx/legend';
|
|
10
10
|
import '@visx/xychart';
|
|
11
11
|
import '@visx/xychart/lib/components/Tooltip';
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
BarListChart,
|
|
3
3
|
BarListChartResponsive
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-H2V4JMSA.js";
|
|
5
|
+
import "../../chunk-4OPFE4RM.js";
|
|
6
6
|
import "../../chunk-BPYKWMI7.js";
|
|
7
|
-
import "../../chunk-
|
|
8
|
-
import "../../chunk-KNIMXN6Z.js";
|
|
7
|
+
import "../../chunk-Z26M4V2M.js";
|
|
9
8
|
import "../../chunk-OP6PHB2U.js";
|
|
10
|
-
import "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
9
|
+
import "../../chunk-32DH6JDF.js";
|
|
10
|
+
import "../../chunk-DAU3HNEG.js";
|
|
12
11
|
import "../../chunk-G3PMV62Z.js";
|
|
13
12
|
export {
|
|
14
13
|
BarListChartResponsive as BarListChart,
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../../chunk-
|
|
5
|
-
require('../../chunk-
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-ZVGEDXDP.cjs');
|
|
3
|
+
var _chunk77OKCVQNcjs = require('../../chunk-77OKCVQN.cjs');
|
|
4
|
+
require('../../chunk-I35UYJJR.cjs');
|
|
5
|
+
require('../../chunk-RHHVEJHJ.cjs');
|
|
6
|
+
require('../../chunk-VTS3PNMS.cjs');
|
|
8
7
|
require('../../chunk-EMMSS5I5.cjs');
|
|
9
8
|
|
|
10
9
|
|
|
11
|
-
exports.ConversionFunnelChart =
|
|
10
|
+
exports.ConversionFunnelChart = _chunk77OKCVQNcjs.ConversionFunnelChartWithProvider;
|
|
12
11
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/conversion-funnel-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/conversion-funnel-chart/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,oFAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/conversion-funnel-chart/index.cjs"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { B as BaseChartProps } from '../../types-
|
|
2
|
+
import { B as BaseChartProps } from '../../types-DZordNiO.cjs';
|
|
3
3
|
import '@visx/annotation/lib/components/CircleSubject';
|
|
4
4
|
import '@visx/annotation/lib/components/Connector';
|
|
5
5
|
import '@visx/annotation/lib/components/Label';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { B as BaseChartProps } from '../../types-
|
|
2
|
+
import { B as BaseChartProps } from '../../types-DZordNiO.js';
|
|
3
3
|
import '@visx/annotation/lib/components/CircleSubject';
|
|
4
4
|
import '@visx/annotation/lib/components/Connector';
|
|
5
5
|
import '@visx/annotation/lib/components/Label';
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ConversionFunnelChartWithProvider
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-TE63Y5PX.js";
|
|
3
|
+
} from "../../chunk-CZGYJKG6.js";
|
|
4
|
+
import "../../chunk-Z26M4V2M.js";
|
|
5
|
+
import "../../chunk-32DH6JDF.js";
|
|
6
|
+
import "../../chunk-DAU3HNEG.js";
|
|
8
7
|
import "../../chunk-G3PMV62Z.js";
|
|
9
8
|
export {
|
|
10
9
|
ConversionFunnelChartWithProvider as ConversionFunnelChart
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkD2UH4CFEcjs = require('../../chunk-D2UH4CFE.cjs');
|
|
5
5
|
require('../../chunk-ASLARV7L.cjs');
|
|
6
|
-
require('../../chunk-
|
|
7
|
-
require('../../chunk-
|
|
6
|
+
require('../../chunk-RHHVEJHJ.cjs');
|
|
7
|
+
require('../../chunk-VTS3PNMS.cjs');
|
|
8
8
|
require('../../chunk-EMMSS5I5.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
exports.GeoChart =
|
|
12
|
+
exports.GeoChart = _chunkD2UH4CFEcjs.GeoChartResponsive; exports.GeoChartUnresponsive = _chunkD2UH4CFEcjs.GeoChartWithProvider;
|
|
13
13
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
|
|
3
3
|
import { FC } from 'react';
|
|
4
|
-
import { B as BaseChartProps, G as GeoData } from '../../types-
|
|
4
|
+
import { B as BaseChartProps, G as GeoData } from '../../types-DZordNiO.cjs';
|
|
5
5
|
import '@visx/annotation/lib/components/CircleSubject';
|
|
6
6
|
import '@visx/annotation/lib/components/Connector';
|
|
7
7
|
import '@visx/annotation/lib/components/Label';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
|
|
3
3
|
import { FC } from 'react';
|
|
4
|
-
import { B as BaseChartProps, G as GeoData } from '../../types-
|
|
4
|
+
import { B as BaseChartProps, G as GeoData } from '../../types-DZordNiO.js';
|
|
5
5
|
import '@visx/annotation/lib/components/CircleSubject';
|
|
6
6
|
import '@visx/annotation/lib/components/Connector';
|
|
7
7
|
import '@visx/annotation/lib/components/Label';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GeoChartResponsive,
|
|
3
3
|
GeoChartWithProvider
|
|
4
|
-
} from "../../chunk-
|
|
4
|
+
} from "../../chunk-IU4DYUAV.js";
|
|
5
5
|
import "../../chunk-OP6PHB2U.js";
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-
|
|
6
|
+
import "../../chunk-32DH6JDF.js";
|
|
7
|
+
import "../../chunk-DAU3HNEG.js";
|
|
8
8
|
import "../../chunk-G3PMV62Z.js";
|
|
9
9
|
export {
|
|
10
10
|
GeoChartResponsive as GeoChart,
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkZ45KX47Pcjs = require('../../chunk-Z45KX47P.cjs');
|
|
6
6
|
require('../../chunk-RCY6XLGU.cjs');
|
|
7
|
-
require('../../chunk-
|
|
7
|
+
require('../../chunk-I35UYJJR.cjs');
|
|
8
8
|
require('../../chunk-ASLARV7L.cjs');
|
|
9
|
-
require('../../chunk-
|
|
9
|
+
require('../../chunk-RHHVEJHJ.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _chunkVTS3PNMScjs = require('../../chunk-VTS3PNMS.cjs');
|
|
13
13
|
require('../../chunk-EMMSS5I5.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
exports.LeaderboardChart =
|
|
19
|
+
exports.LeaderboardChart = _chunkZ45KX47Pcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkZ45KX47Pcjs.LeaderboardChart; exports.formatMetricValue = _chunkVTS3PNMScjs.formatMetricValue; exports.useLeaderboardLegendItems = _chunkZ45KX47Pcjs.useLeaderboardLegendItems;
|
|
20
20
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -109,19 +109,20 @@
|
|
|
109
109
|
|
|
110
110
|
/* esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss */
|
|
111
111
|
.a8ccharts-V3NYDq {
|
|
112
|
-
display: flex;
|
|
113
|
-
flex-direction: column;
|
|
114
112
|
transition: opacity 0.3s ease-in-out;
|
|
115
113
|
}
|
|
116
|
-
.a8ccharts-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
.a8ccharts-768THZ {
|
|
120
|
-
gap: 16px;
|
|
114
|
+
.a8ccharts-WHNERS {
|
|
115
|
+
height: 100%;
|
|
116
|
+
width: 100%;
|
|
121
117
|
}
|
|
122
118
|
.a8ccharts-JQbl6A {
|
|
123
119
|
opacity: 0.5;
|
|
124
120
|
}
|
|
121
|
+
.a8ccharts-Ml1kKc {
|
|
122
|
+
flex: 1;
|
|
123
|
+
min-height: 0;
|
|
124
|
+
overflow: auto;
|
|
125
|
+
}
|
|
125
126
|
.a8ccharts-ETItHW {
|
|
126
127
|
display: grid;
|
|
127
128
|
align-items: center;
|
|
@@ -156,8 +157,6 @@
|
|
|
156
157
|
}
|
|
157
158
|
}
|
|
158
159
|
.a8ccharts-B6VcRn {
|
|
159
|
-
display: flex;
|
|
160
|
-
gap: 4px;
|
|
161
160
|
justify-content: flex-end;
|
|
162
161
|
}
|
|
163
162
|
.a8ccharts-GB7tyM {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n position: fixed;\n inset: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-V3NYDq {\n
|
|
1
|
+
{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/leaderboard-chart/leaderboard-chart.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n position: fixed;\n inset: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-V3NYDq {\n transition: opacity 0.3s ease-in-out;\n}\n.a8ccharts-WHNERS {\n height: 100%;\n width: 100%;\n}\n.a8ccharts-JQbl6A {\n opacity: 0.5;\n}\n.a8ccharts-Ml1kKc {\n flex: 1;\n min-height: 0;\n overflow: auto;\n}\n\n.a8ccharts-ETItHW {\n display: grid;\n align-items: center;\n grid-template-columns: 1fr;\n row-gap: 6px;\n isolation: isolate;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH {\n grid-template: \"overlap\" 1fr/1fr;\n /* contains a single cell callded 'overlap' */\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH > * {\n grid-area: overlap;\n}\n.a8ccharts-ETItHW.a8ccharts-oA4hdH .a8ccharts-UciQnF {\n padding-left: 8px;\n}\n.a8ccharts-ETItHW .a8ccharts-np8f0T {\n height: 100%;\n min-height: 6px;\n border-radius: var(--a8c--charts--leaderboard--bar--border-radius, 9999px);\n z-index: -1; /* places it behind the label */\n}\n.a8ccharts-ETItHW .a8ccharts-zq3CmS {\n transform-origin: left;\n transform-box: fill-box;\n transform: scaleX(0);\n animation: a8ccharts-D0Q3w1 1s ease-out forwards;\n}\n@keyframes a8ccharts-D0Q3w1 {\n to {\n transform: scaleX(1);\n }\n}\n\n.a8ccharts-B6VcRn {\n justify-content: flex-end;\n}\n\n.a8ccharts-GB7tyM {\n align-items: center;\n}\n\n.a8ccharts-E0K4Hr {\n padding: 32px 16px;\n text-align: center;\n color: #666;\n font-size: 14px;\n font-style: italic;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;;;AChGA,CAAC;AACC,aAAW;AACX,cAAY;AACd;;;ACHA,CAAC;AACC,cAAY,QAAQ,KAAK;AAC3B;AACA,CAAC;AACC,UAAQ;AACR,SAAO;AACT;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,QAAM;AACN,cAAY;AACZ,YAAU;AACZ;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,yBAAuB;AACvB,WAAS;AACT,aAAW;AACb;AACA,CAPC,gBAOgB,CAAC;AAChB,iBAAe,UAAU,GAAG,CAAC;AAE/B;AACA,CAXC,gBAWgB,CAJC,iBAIiB,EAAE;AACnC,aAAW;AACb;AACA,CAdC,gBAcgB,CAPC,iBAOiB,CAAC;AAClC,gBAAc;AAChB;AACA,CAjBC,iBAiBiB,CAAC;AACjB,UAAQ;AACR,cAAY;AACZ,iBAAe,IAAI,8CAA8C,EAAE;AACnE,WAAS;AACX;AACA,CAvBC,iBAuBiB,CAAC;AACjB,oBAAkB;AAClB,iBAAe;AACf,aAAW,OAAO;AAClB,aAAW,iBAAiB,GAAG,SAAS;AAC1C;AACA,WAFa;AAGX;AACE,eAAW,OAAO;AACpB;AACF;AAEA,CAAC;AACC,mBAAiB;AACnB;AAEA,CAAC;AACC,eAAa;AACf;AAEA,CAAC;AACC,WAAS,KAAK;AACd,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY;AACd;","names":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-
|
|
2
|
-
import { L as LeaderboardEntry } from '../../types-
|
|
1
|
+
export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-DR7CGb0L.cjs';
|
|
2
|
+
import { L as LeaderboardEntry } from '../../types-DZordNiO.cjs';
|
|
3
3
|
export { M as MetricValueType, f as formatMetricValue } from '../../format-metric-value-MXm5DtQ_.cjs';
|
|
4
|
-
import { B as BaseLegendItem } from '../../types-
|
|
4
|
+
import { B as BaseLegendItem } from '../../types-I67mddpr.cjs';
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
import '../../with-responsive-CNfhzAUu.cjs';
|
|
7
7
|
import 'react';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-
|
|
2
|
-
import { L as LeaderboardEntry } from '../../types-
|
|
1
|
+
export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-BKYYXcg2.js';
|
|
2
|
+
import { L as LeaderboardEntry } from '../../types-DZordNiO.js';
|
|
3
3
|
export { M as MetricValueType, f as formatMetricValue } from '../../format-metric-value-MXm5DtQ_.js';
|
|
4
|
-
import { B as BaseLegendItem } from '../../types-
|
|
4
|
+
import { B as BaseLegendItem } from '../../types-I67mddpr.js';
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
import '../../with-responsive-CNfhzAUu.js';
|
|
7
7
|
import 'react';
|
|
@@ -2,14 +2,14 @@ import {
|
|
|
2
2
|
LeaderboardChart,
|
|
3
3
|
LeaderboardChartResponsive,
|
|
4
4
|
useLeaderboardLegendItems
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-2NCY7R4G.js";
|
|
6
6
|
import "../../chunk-6CCZL2JJ.js";
|
|
7
|
-
import "../../chunk-
|
|
7
|
+
import "../../chunk-Z26M4V2M.js";
|
|
8
8
|
import "../../chunk-OP6PHB2U.js";
|
|
9
|
-
import "../../chunk-
|
|
9
|
+
import "../../chunk-32DH6JDF.js";
|
|
10
10
|
import {
|
|
11
11
|
formatMetricValue
|
|
12
|
-
} from "../../chunk-
|
|
12
|
+
} from "../../chunk-DAU3HNEG.js";
|
|
13
13
|
import "../../chunk-G3PMV62Z.js";
|
|
14
14
|
export {
|
|
15
15
|
LeaderboardChartResponsive as LeaderboardChart,
|