From 1c54012a5bf29eabd85148e4e6e23b93de241adc Mon Sep 17 00:00:00 2001
From: Robert La Ferla <robert@onemsg.co>
Date: Tue, 16 Jan 2024 18:14:37 -0500
Subject: [PATCH 1/6] feat: Svelte drop down menu component

---
 src/components/DropDownMenu.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/DropDownMenu.svelte

diff --git a/src/components/DropDownMenu.svelte b/src/components/DropDownMenu.svelte
new file mode 100644
index 00000000..8d615ca7
--- /dev/null
+++ b/src/components/DropDownMenu.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    export let label: string;
+    export let id: string;
+    export let options: Record<string, string>;
+    export let selected: string;
+    export let onChange = () => {};
+    export let onSelect = () => {};
+    export let required = false;
+</script>
+
+<label class="section-title" for={id}>{label}</label>
+
+<div style="margin-bottom: 14px;"></div>
+
+<select id={id} bind:value={selected} {required} on:change={onChange} on:select={onSelect} class="dropdown">
+    {#each Object.keys(options) as option}
+    <option value={option} class="bg-base">{option}: {options[option]}</option>
+    {/each}
+</select>

From f1bc7e14f1648e2ddbcd02d8ff454517fc2c1b67 Mon Sep 17 00:00:00 2001
From: Robert La Ferla <robert@onemsg.co>
Date: Wed, 17 Jan 2024 10:06:06 -0500
Subject: [PATCH 2/6] feat: added placeholder support

---
 src/components/DropDownMenu.svelte | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/DropDownMenu.svelte b/src/components/DropDownMenu.svelte
index 8d615ca7..fafd40d4 100644
--- a/src/components/DropDownMenu.svelte
+++ b/src/components/DropDownMenu.svelte
@@ -1,19 +1,23 @@
 <script lang="ts">
-    export let label: string;
-    export let id: string;
-    export let options: Record<string, string>;
-    export let selected: string;
-    export let onChange = () => {};
-    export let onSelect = () => {};
-    export let required = false;
+  export let label: string;
+  export let id: string;
+  export let options: Record<string, string>;
+  export let selected: string;
+  export let placeholder: string;
+  export let onChange = () => {};
+  export let onSelect = () => {};
+  export let required = false;
 </script>
 
 <label class="section-title" for={id}>{label}</label>
 
 <div style="margin-bottom: 14px;"></div>
 
-<select id={id} bind:value={selected} {required} on:change={onChange} on:select={onSelect} class="dropdown">
-    {#each Object.keys(options) as option}
+<select {id} bind:value={selected} {required} on:change={onChange} on:select={onSelect} class="dropdown">
+  {#if placeholder}
+    <option value="" disabled selected>{placeholder}</option>
+  {/if}
+  {#each Object.keys(options) as option}
     <option value={option} class="bg-base">{option}: {options[option]}</option>
-    {/each}
+  {/each}
 </select>

From a32606ecd2bf3be54cafda2a9cfd753ae04f5207 Mon Sep 17 00:00:00 2001
From: Robert La Ferla <robert@onemsg.co>
Date: Wed, 17 Jan 2024 10:10:05 -0500
Subject: [PATCH 3/6] fix: hide placeholder when user selected an option

---
 src/components/DropDownMenu.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/DropDownMenu.svelte b/src/components/DropDownMenu.svelte
index fafd40d4..eab8dff9 100644
--- a/src/components/DropDownMenu.svelte
+++ b/src/components/DropDownMenu.svelte
@@ -9,10 +9,14 @@
   export let required = false;
 </script>
 
-<label class="section-title" for={id}>{label}</label>
+<style>
+    option[value=""][disabled] {
+      display: none;
+    }
+</style>
 
+<label class="section-title" for={id}>{label}</label>
 <div style="margin-bottom: 14px;"></div>
-
 <select {id} bind:value={selected} {required} on:change={onChange} on:select={onSelect} class="dropdown">
   {#if placeholder}
     <option value="" disabled selected>{placeholder}</option>

From b2323e42bba32b630b022d13fc47172657e25d71 Mon Sep 17 00:00:00 2001
From: Robert La Ferla <robert@onemsg.co>
Date: Wed, 17 Jan 2024 13:17:06 -0500
Subject: [PATCH 4/6] fix: Various enhancments/fixes from PR review

---
 src/components/DropDownMenu.svelte | 54 +++++++++++++++++-------------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/src/components/DropDownMenu.svelte b/src/components/DropDownMenu.svelte
index eab8dff9..0dc6ba48 100644
--- a/src/components/DropDownMenu.svelte
+++ b/src/components/DropDownMenu.svelte
@@ -1,27 +1,33 @@
 <script lang="ts">
-  export let label: string;
-  export let id: string;
-  export let options: Record<string, string>;
-  export let selected: string;
-  export let placeholder: string;
-  export let onChange = () => {};
-  export let onSelect = () => {};
-  export let required = false;
-</script>
+    export let label: string;
+    export let id: string = "";
+    export let options: Record<string, string>;
+    export let selected: string = "";
+    export let placeholder: string = "";
+    export let onChange = () => {};
+    export let onSelect = () => {};
+    export let required = false;
+    export let disabled = false;
 
-<style>
-    option[value=""][disabled] {
-      display: none;
-    }
-</style>
+    function isDisabled() {
+	    return disabled;
+	}
 
-<label class="section-title" for={id}>{label}</label>
-<div style="margin-bottom: 14px;"></div>
-<select {id} bind:value={selected} {required} on:change={onChange} on:select={onSelect} class="dropdown">
-  {#if placeholder}
-    <option value="" disabled selected>{placeholder}</option>
-  {/if}
-  {#each Object.keys(options) as option}
-    <option value={option} class="bg-base">{option}: {options[option]}</option>
-  {/each}
-</select>
+  </script>
+  
+  <style>
+      option[value=""][disabled] {
+        display: none;
+      }
+  </style>
+  
+  <label class="label block mb-3.5" for={id}>{label}</label>
+  <select {id} bind:value={selected} {required} {disabled} on:change={onChange} on:select={onSelect}>
+    {#if placeholder !== ""}
+        <option class="text-disabled" value="" disabled selected>{placeholder}</option>
+    {/if}
+    {#each Object.entries(options) as [key, value]}
+    <option value={key} class="bg-base">{key}: {value}</option>
+    {/each}
+  </select>
+  
\ No newline at end of file

From 1e2003c023994906ca369656ad893f78abcc52b7 Mon Sep 17 00:00:00 2001
From: Robert La Ferla <robert@onemsg.co>
Date: Wed, 17 Jan 2024 13:18:01 -0500
Subject: [PATCH 5/6] fix: removed test code

---
 src/components/DropDownMenu.svelte | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/components/DropDownMenu.svelte b/src/components/DropDownMenu.svelte
index 0dc6ba48..94c249d7 100644
--- a/src/components/DropDownMenu.svelte
+++ b/src/components/DropDownMenu.svelte
@@ -8,11 +8,6 @@
     export let onSelect = () => {};
     export let required = false;
     export let disabled = false;
-
-    function isDisabled() {
-	    return disabled;
-	}
-
   </script>
   
   <style>

From b8df4aa010bf06277391329084bcee14afb28c1e Mon Sep 17 00:00:00 2001
From: Robert La Ferla <robert@onemsg.co>
Date: Wed, 17 Jan 2024 13:47:02 -0500
Subject: [PATCH 6/6] fix: formatting

---
 src/components/DropDownMenu.svelte | 51 +++++++++++++++---------------
 1 file changed, 25 insertions(+), 26 deletions(-)

diff --git a/src/components/DropDownMenu.svelte b/src/components/DropDownMenu.svelte
index 94c249d7..e0df83d1 100644
--- a/src/components/DropDownMenu.svelte
+++ b/src/components/DropDownMenu.svelte
@@ -1,28 +1,27 @@
 <script lang="ts">
-    export let label: string;
-    export let id: string = "";
-    export let options: Record<string, string>;
-    export let selected: string = "";
-    export let placeholder: string = "";
-    export let onChange = () => {};
-    export let onSelect = () => {};
-    export let required = false;
-    export let disabled = false;
-  </script>
-  
-  <style>
-      option[value=""][disabled] {
-        display: none;
-      }
-  </style>
-  
-  <label class="label block mb-3.5" for={id}>{label}</label>
-  <select {id} bind:value={selected} {required} {disabled} on:change={onChange} on:select={onSelect}>
-    {#if placeholder !== ""}
-        <option class="text-disabled" value="" disabled selected>{placeholder}</option>
-    {/if}
-    {#each Object.entries(options) as [key, value]}
+  export let label: string;
+  export let id: string = '';
+  export let options: Record<string, string>;
+  export let selected: string = '';
+  export let placeholder: string = '';
+  export let onChange = () => {};
+  export let onSelect = () => {};
+  export let required = false;
+  export let disabled = false;
+</script>
+
+<label class="label block mb-3.5" for={id}>{label}</label>
+<select {id} bind:value={selected} {required} {disabled} on:change={onChange} on:select={onSelect}>
+  {#if placeholder !== ''}
+    <option class="text-disabled" value="" disabled selected>{placeholder}</option>
+  {/if}
+  {#each Object.entries(options) as [key, value]}
     <option value={key} class="bg-base">{key}: {value}</option>
-    {/each}
-  </select>
-  
\ No newline at end of file
+  {/each}
+</select>
+
+<style>
+  option[value=''][disabled] {
+    display: none;
+  }
+</style>