From 0365e86876d93653c40a740bb61879b6f0248b7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 16 Apr 2021 16:41:04 +0200
Subject: [PATCH] implements working TreeView component

---
 packages/bbui/src/TreeView/Item.svelte | 18 ++++++++++--------
 packages/bbui/src/TreeView/Tree.svelte |  5 +++--
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/packages/bbui/src/TreeView/Item.svelte b/packages/bbui/src/TreeView/Item.svelte
index bc378ecb22..4f2a54fa2e 100644
--- a/packages/bbui/src/TreeView/Item.svelte
+++ b/packages/bbui/src/TreeView/Item.svelte
@@ -6,8 +6,8 @@
 </script>
 
 <li class:is-selected={selected} class:is-open={open} class="spectrum-TreeView-item">
-    <a class="spectrum-TreeView-itemLink" href="#">
-        {#if $$slots.default}
+    {#if $$slots.default}
+        <a class="spectrum-TreeView-itemLink" href="#">
             <svg class="spectrum-Icon spectrum-UIIcon-ChevronRight100 spectrum-TreeView-itemIndicator" focusable="false" aria-hidden="true">
                 <use xlink:href="#spectrum-css-icon-Chevron100" />
             </svg>
@@ -17,16 +17,18 @@
                 </svg>
             {/if}
             <span class="spectrum-TreeView-itemLabel">{title}</span>
-            <ul class="spectrum-TreeView">
-                <slot />
-            </ul>
-        {:else}
+        </a>
+        <ul class="spectrum-TreeView">
+            <slot />
+        </ul>
+    {:else}
+        <a class="spectrum-TreeView-itemLink" href="#">
             {#if icon}
                 <svg class="spectrum-TreeView-itemIcon spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="Layers">
                     <use xlink:href="#spectrum-icon-18-{icon}" />
                 </svg>
             {/if}
             <span class="spectrum-TreeView-itemLabel">{title}</span>
-        {/if}
-    </a>
+        </a>
+    {/if}
 </li>
\ No newline at end of file
diff --git a/packages/bbui/src/TreeView/Tree.svelte b/packages/bbui/src/TreeView/Tree.svelte
index 124ffb46bd..5a4e254732 100644
--- a/packages/bbui/src/TreeView/Tree.svelte
+++ b/packages/bbui/src/TreeView/Tree.svelte
@@ -2,9 +2,10 @@
     import "@spectrum-css/treeview/dist/index-vars.css"
 
     export let quiet = false
-    export let width;
+    export let standalone = true
+    export let width = '250px';
 </script>
 
-<ul class:spectrum-TreeView--quiet={quiet} class="spectrum-TreeView" style="width: {width}">
+<ul class:spectrum-TreeView--standalone={standalone} class:spectrum-TreeView--quiet={quiet} class="spectrum-TreeView" style="width: {width}">
     <slot />
 </ul>
\ No newline at end of file