From 9d87c2091918284691ce13ca5ddc38336b12794d Mon Sep 17 00:00:00 2001
From: Hannah <hannahblair@users.noreply.github.com>
Date: Fri, 2 Feb 2024 14:46:30 +0000
Subject: [PATCH] add show_label check and story test

---
 js/dataframe/Dataframe.stories.svelte | 39 +++++++++++++++++++++++++++
 js/dataframe/Index.svelte             |  2 ++
 js/dataframe/shared/Table.svelte      |  3 ++-
 3 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/js/dataframe/Dataframe.stories.svelte b/js/dataframe/Dataframe.stories.svelte
index c7bd3f4f430fa..70c1c33e5537f 100644
--- a/js/dataframe/Dataframe.stories.svelte
+++ b/js/dataframe/Dataframe.stories.svelte
@@ -39,6 +39,45 @@
 	}}
 />
 
+
+<Story
+	name="Interactive dataframe with label"
+	args={{
+		value: {
+			data: [
+				["Cat", 5],
+				["Horse", 3],
+				["Snake", 1]
+			],
+			headers: ["Animal", "Votes"],
+			metadata: null
+		},
+		label: "Animals",
+		show_label: true,
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+/>
+
+<Story
+	name="Interactive dataframe no label"
+	args={{
+		value: {
+			data: [
+				["Cat", 5],
+				["Horse", 3],
+				["Snake", 1]
+			],
+			headers: ["Animal", "Votes"],
+			metadata: null
+		},
+		label: "Animals",
+		show_label: false,
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+/>
+
 <Story
 	name="Static dataframe"
 	args={{
diff --git a/js/dataframe/Index.svelte b/js/dataframe/Index.svelte
index 90665250802e5..7c6b9a971ddbc 100644
--- a/js/dataframe/Index.svelte
+++ b/js/dataframe/Index.svelte
@@ -25,6 +25,7 @@
 	export let col_count: [number, "fixed" | "dynamic"];
 	export let row_count: [number, "fixed" | "dynamic"];
 	export let label: string | null = null;
+	export let show_label = true;
 	export let wrap: boolean;
 	export let datatype: Datatype | Datatype[];
 	export let scale: number | null = null;
@@ -95,6 +96,7 @@
 	<Table
 		{root}
 		{label}
+		{show_label}
 		{row_count}
 		{col_count}
 		{value}
diff --git a/js/dataframe/shared/Table.svelte b/js/dataframe/shared/Table.svelte
index d282cf05d3308..53adb2ae0be06 100644
--- a/js/dataframe/shared/Table.svelte
+++ b/js/dataframe/shared/Table.svelte
@@ -19,6 +19,7 @@
 
 	export let datatype: Datatype | Datatype[];
 	export let label: string | null = null;
+	export let show_label = true;
 	export let headers: Headers = [];
 	let values: (string | number)[][];
 	export let value: { data: Data; headers: Headers; metadata: Metadata } | null;
@@ -643,7 +644,7 @@
 />
 
 <div class:label={label && label.length !== 0} use:copy>
-	{#if label && label.length !== 0}
+	{#if label && label.length !== 0 && show_label}
 		<p>
 			{label}
 		</p>