@automattic/charts 0.41.1 → 0.43.0

package/CHANGELOG.md

@@ -5,19 +5,31 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.43.0] - 2025-10-20
+### Added
+- Add legend interactivity. [#45506]
+- Show ticks in year format when the interval is more than a year. [#45529]
+
+### Changed
+- Charts: Group Storybook controls. [#45503]
+
+## [0.42.0] - 2025-10-14
+### Changed
+- Leaderboard chart: Update exports and layout flex behavior. [#45480]
+
 ## [0.41.1] - 2025-10-13
 ### Fixed
 - Fix conversion funnel height inconsistency when toggling comparison mode. [#45434]
 
 ## [0.41.0] - 2025-10-08
 ### Added
-- Charts: Add custom legend support [#45347]
-- Charts: Set the color of the axis labels via the theme [#45406]
-- Charts Legend: Update docs [#45391]
+- Add custom legend support. [#45347]
+- Set the color of the axis labels via the theme. [#45406]
+- Legend: Update docs. [#45391]
 - Show ticks in hours when the interval is less than 24 hours. [#45390]
 
 ### Changed
-- Charts: Separate API reference documentation from usage documentation [#45322]
+- Separate API reference documentation from usage documentation. [#45322]
 
 ## [0.40.0] - 2025-10-06
 ### Added
@@ -47,14 +59,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [0.38.0] - 2025-09-19
 ### Added
-- Charts: Add get element styles utility to global context [#45207]
+- Add get element styles utility to global context. [#45207]
 
 ### Changed
 - Update package dependencies. [#45229]
 
 ## [0.37.0] - 2025-09-15
 ### Changed
-- Charts: Handle legend overflow when not enough space. [#45144]
+- Handle legend overflow when not enough space. [#45144]
 
 ## [0.36.0] - 2025-09-11
 ### Added
@@ -69,11 +81,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Export all unresponsive charts. [#45129]
 
 ### Removed
-- Charts: Deprecate ThemeProvider in favor of GlobalChartsProvider [#45081]
+- Deprecate ThemeProvider in favor of GlobalChartsProvider. [#45081]
 
 ## [0.34.1] - 2025-09-08
 ### Fixed
-- Charts: fix Type error with legendValueDisplay [#45099]
+- Fix Type error with legendValueDisplay. [#45099]
 
 ## [0.34.0] - 2025-09-08
 ### Changed
@@ -507,6 +519,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed lints following ESLint rule changes for TS [#40584]
 - Fixing a bug in Chart storybook data. [#40640]
 
+[0.43.0]: https://github.com/Automattic/charts/compare/v0.42.0...v0.43.0
+[0.42.0]: https://github.com/Automattic/charts/compare/v0.41.1...v0.42.0
 [0.41.1]: https://github.com/Automattic/charts/compare/v0.41.0...v0.41.1
 [0.41.0]: https://github.com/Automattic/charts/compare/v0.40.0...v0.41.0
 [0.40.0]: https://github.com/Automattic/charts/compare/v0.39.0...v0.40.0

package/dist/{chunk-IHUHB3JB.js → chunk-2HB55BRH.js}

@@ -7,7 +7,7 @@ import {
 import {
   Legend,
   SingleChartContext
-} from "./chunk-UD3QSGWI.js";
+} from "./chunk-Q2LDRQN7.js";
 import {
   GlobalChartsContext,
   GlobalChartsProvider,
@@ -17,7 +17,7 @@ import {
   useChartRegistration,
   useGlobalChartsContext,
   useGlobalChartsTheme
-} from "./chunk-TY64IJ34.js";
+} from "./chunk-3O6FHD2T.js";
 import {
   __commonJS,
   __export,
@@ -4374,46 +4374,34 @@ var LeaderboardChartInternal = ({
             gap: showLegend ? "16px" : "0"
           },
           children: [
-            /* @__PURE__ */ jsx3(
-              component_default6,
-              {
-                className: leaderboard_chart_module_default.leaderboardGrid,
-                templateColumns: "minmax(0, 1fr) auto",
-                rowGap,
-                columnGap,
-                style: {
-                  flex: 1
-                },
-                children: data.map((entry) => {
-                  const colorIndex = Math.sign(entry.delta) + 1;
-                  const deltaColor = deltaColors[colorIndex];
-                  return /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx3(component_default5, { spacing: labelSpacing, children: /* @__PURE__ */ jsx3(
-                      BarWithLabel,
-                      {
-                        entry,
-                        withComparison,
-                        withOverlayLabel,
-                        primaryColor: resolvedPrimaryColor,
-                        secondaryColor: resolvedSecondaryColor
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: clsx(leaderboard_chart_module_default.valueContainer, {
-                          [leaderboard_chart_module_default.overlayLabel]: withOverlayLabel
-                        }),
-                        children: [
-                          /* @__PURE__ */ jsx3(component_default4, { children: valueFormatter(entry.currentValue) }),
-                          withComparison && /* @__PURE__ */ jsx3(component_default4, { style: { color: deltaColor }, children: deltaFormatter(entry.delta) })
-                        ]
-                      }
-                    )
-                  ] }, entry.id);
-                })
-              }
-            ),
+            /* @__PURE__ */ jsx3(component_default6, { templateColumns: "minmax(0, 1fr) auto", rowGap, columnGap, children: data.map((entry) => {
+              const colorIndex = Math.sign(entry.delta) + 1;
+              const deltaColor = deltaColors[colorIndex];
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx3(component_default5, { spacing: labelSpacing, children: /* @__PURE__ */ jsx3(
+                  BarWithLabel,
+                  {
+                    entry,
+                    withComparison,
+                    withOverlayLabel,
+                    primaryColor: resolvedPrimaryColor,
+                    secondaryColor: resolvedSecondaryColor
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: clsx(leaderboard_chart_module_default.valueContainer, {
+                      [leaderboard_chart_module_default.overlayLabel]: withOverlayLabel
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsx3(component_default4, { children: valueFormatter(entry.currentValue) }),
+                      withComparison && /* @__PURE__ */ jsx3(component_default4, { style: { color: deltaColor }, children: deltaFormatter(entry.delta) })
+                    ]
+                  }
+                )
+              ] }, entry.id);
+            }) }),
             showLegend && /* @__PURE__ */ jsx3(
               Legend,
               {
@@ -4486,4 +4474,4 @@ is-plain-object/dist/is-plain-object.mjs:
    * Released under the MIT License.
    *)
 */
-//# sourceMappingURL=chunk-IHUHB3JB.js.map
+//# sourceMappingURL=chunk-2HB55BRH.js.map