fix download props to handle strings

evidence-dev · Jan 14, 2025 · c8aed8f · c8aed8f
1 parent 4c8a120
commit c8aed8f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/ui/core-components/src/lib/unsorted/viz/heatmap/Heatmap.stories.svelte b/packages/ui/core-components/src/lib/unsorted/viz/heatmap/Heatmap.stories.svelte
@@ -28,3 +28,14 @@
 <Story name="All" let:args>
 	<Heatmap {...args} {data} x="x" y="y" value="value" />
 </Story>
+<Story name="disable download" let:args>
+	<Heatmap
+		{...args}
+		{data}
+		x="x"
+		y="y"
+		value="value"
+		downloadableImage="false"
+		downloadableData="false"
+	/>
+</Story>
diff --git a/packages/ui/core-components/src/lib/unsorted/viz/heatmap/_Heatmap.svelte b/packages/ui/core-components/src/lib/unsorted/viz/heatmap/_Heatmap.svelte
@@ -17,6 +17,7 @@
 	import getSortedDistinctValues from '@evidence-dev/component-utilities/getSortedDistinctValues';
 	import getCompletedData from '@evidence-dev/component-utilities/getCompletedData';
 	import { getThemeStores } from '../../../themes/themes.js';
+	import { toBoolean } from '../../../utils.js';
 
 	const { theme, resolveColorScale } = getThemeStores();
 
@@ -84,6 +85,9 @@
 	export let downloadableData = undefined;
 	export let downloadableImage = undefined;
 
+	$: downloadableData = toBoolean(downloadableData);
+	$: downloadableImage = toBoolean(downloadableImage);
+
 	export let connectGroup = undefined;
 
 	export let nullsZero = true; // if nulls or missing records should display as zero or missing values (blank grey squares)