From 45d9845806e25035c3a9aff713c742e14b295529 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 25 Feb 2021 11:34:11 +0000
Subject: [PATCH] Update picker to use null as default placeholder value

---
 packages/standard-components/src/forms/Form.svelte              | 2 +-
 packages/standard-components/src/forms/Picker.svelte            | 2 +-
 packages/standard-components/src/forms/RelationshipField.svelte | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/standard-components/src/forms/Form.svelte b/packages/standard-components/src/forms/Form.svelte
index 92002ed4a5..e51a31955e 100644
--- a/packages/standard-components/src/forms/Form.svelte
+++ b/packages/standard-components/src/forms/Form.svelte
@@ -35,7 +35,7 @@
 
   // Form API contains functions to control the form
   const formApi = {
-    registerField: (field, defaultValue = undefined, fieldDisabled = false) => {
+    registerField: (field, defaultValue = null, fieldDisabled = false) => {
       if (!field) {
         return
       }
diff --git a/packages/standard-components/src/forms/Picker.svelte b/packages/standard-components/src/forms/Picker.svelte
index e633f7439e..894a070070 100644
--- a/packages/standard-components/src/forms/Picker.svelte
+++ b/packages/standard-components/src/forms/Picker.svelte
@@ -57,7 +57,7 @@
             role="option"
             aria-selected="true"
             tabindex="0"
-            on:click={() => onSelectOption(undefined)}>
+            on:click={() => onSelectOption(null)}>
             <span class="spectrum-Menu-itemLabel">{placeholderOption}</span>
             <svg
               class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Menu-checkmark spectrum-Menu-itemIcon"
diff --git a/packages/standard-components/src/forms/RelationshipField.svelte b/packages/standard-components/src/forms/RelationshipField.svelte
index a357826efe..b039208660 100644
--- a/packages/standard-components/src/forms/RelationshipField.svelte
+++ b/packages/standard-components/src/forms/RelationshipField.svelte
@@ -77,7 +77,7 @@
 
   const toggleOption = id => {
     if (fieldSchema.relationshipType === "one-to-many") {
-      fieldApi.setValue([{ _id: id }])
+      fieldApi.setValue(id ? [{ _id: id }] : [])
     } else {
       if ($fieldState.value.find(option => option?._id === id)) {
         const filtered = $fieldState.value.filter(option => option?._id !== id)