@automattic/charts 4.5.0 → 4.6.0

package/CHANGELOG.md

@@ -5,16 +5,21 @@ 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).
 
+## [4.6.0] - 2026-09-29
+### Added
+- Geo Chart: Add a displayMode prop to draw rows as markers. [#52859]
+
 ## [4.5.0] - 2026-09-28
 ### Added
 - GeoChart: Add a `domain` prop that draws disputed borders from a given country's viewpoint. [#52805]
 
 ### Deprecated
-- Deprecate getColorDistance, which is not perceptual and is no longer used to generate palette colors. [#52680]
+- Deprecate `getColorDistance`, which is no longer used to generate palette colors. [#52680]
 
 ### Fixed
 - Bar chart: End a keyboard selection when the pointer moves over the chart, instead of flickering between the hovered and selected bars. [#52821]
-- Keep generated series colors distinguishable from each other, including for color-blind viewers, and legible on the chart background; pick pie label text that contrasts with each slice. [#52680]
+- Keep generated series colors distinguishable from each other, including for color-blind viewers, and legible on the chart background. [#52680]
+- Pick pie label text that contrasts with each slice. [#52680]
 
 ## [4.4.0] - 2026-09-23
 ### Added
@@ -1126,6 +1131,7 @@ 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]
 
+[4.6.0]: https://github.com/Automattic/charts/compare/v4.5.0...v4.6.0
 [4.5.0]: https://github.com/Automattic/charts/compare/v4.4.0...v4.5.0
 [4.4.0]: https://github.com/Automattic/charts/compare/v4.3.0...v4.4.0
 [4.3.0]: https://github.com/Automattic/charts/compare/v4.2.0...v4.3.0

package/dist/index.cjs

@@ -7345,13 +7345,14 @@ function normalizeGeoChartError(eventArgs) {
 * @param props.height            - Height of the chart in pixels
 * @param props.region            - Region to display ('world', 'US', or ISO 3166-1 alpha-2 code)
 * @param props.resolution        - Resolution level ('countries', 'provinces', or 'metros')
+* @param props.displayMode       - Plot rows as shaded areas ('regions') or markers ('markers')
 * @param props.domain            - Country code whose viewpoint sets the disputed borders
 * @param props.onError           - Optional callback for Google Charts errors
 * @param props.className         - Additional CSS class name for the chart container
 * @param props.renderPlaceholder - Optional render function for the loading placeholder
 * @return A React component displaying an interactive map with data visualization
 */
-const GeoChartInternal = ({ className, data, width, height, region = "world", resolution = "countries", domain, onError, renderPlaceholder }) => {
+const GeoChartInternal = ({ className, data, width, height, region = "world", resolution = "countries", displayMode = "regions", domain, onError, renderPlaceholder }) => {
 	const { getElementStyles } = useGlobalChartsContext();
 	const scopeElement = useChartScopeElement();
 	const containerRef = (0, react.useRef)(null);
@@ -7415,6 +7416,7 @@ const GeoChartInternal = ({ className, data, width, height, region = "world", re
 	const options = (0, react.useMemo)(() => ({
 		...region !== "world" && { region },
 		...resolution !== "countries" && { resolution },
+		...displayMode !== "regions" && { displayMode },
 		...domain && { domain },
 		colorAxis: { colors: [lightColorHex, fullColorHex] },
 		backgroundColor: backgroundColorHex,
@@ -7429,6 +7431,7 @@ const GeoChartInternal = ({ className, data, width, height, region = "world", re
 	}), [
 		region,
 		resolution,
+		displayMode,
 		domain,
 		lightColorHex,
 		fullColorHex,