From 7133fc0a1379893f15fbe2cdfe508254d0a91700 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Mon, 22 Apr 2024 15:31:38 +0200
Subject: [PATCH] Display renderer

---
 .../grid/cells/BBReferenceSingleCell.svelte   | 21 +++++++++++++++++++
 .../src/components/grid/lib/renderers.js      |  2 ++
 2 files changed, 23 insertions(+)
 create mode 100644 packages/frontend-core/src/components/grid/cells/BBReferenceSingleCell.svelte

diff --git a/packages/frontend-core/src/components/grid/cells/BBReferenceSingleCell.svelte b/packages/frontend-core/src/components/grid/cells/BBReferenceSingleCell.svelte
new file mode 100644
index 0000000000..36a783f584
--- /dev/null
+++ b/packages/frontend-core/src/components/grid/cells/BBReferenceSingleCell.svelte
@@ -0,0 +1,21 @@
+<script>
+  import BbReferenceCell from "./BBReferenceCell.svelte"
+
+  export let value
+  export let onChange
+  export let api
+
+  $: arrayValue = (!Array.isArray(value) && value ? [value] : value) || []
+
+  $: onValueChange = value => {
+    value = value[0] || null
+    onChange(value)
+  }
+</script>
+
+<BbReferenceCell
+  bind:api
+  {...$$restProps}
+  value={arrayValue}
+  onChange={onValueChange}
+/>
diff --git a/packages/frontend-core/src/components/grid/lib/renderers.js b/packages/frontend-core/src/components/grid/lib/renderers.js
index c3ee276ff9..8911d68cba 100644
--- a/packages/frontend-core/src/components/grid/lib/renderers.js
+++ b/packages/frontend-core/src/components/grid/lib/renderers.js
@@ -13,6 +13,7 @@ import JSONCell from "../cells/JSONCell.svelte"
 import AttachmentCell from "../cells/AttachmentCell.svelte"
 import AttachmentSingleCell from "../cells/AttachmentSingleCell.svelte"
 import BBReferenceCell from "../cells/BBReferenceCell.svelte"
+import BBReferenceSingleCell from "../cells/BBReferenceSingleCell.svelte"
 
 const TypeComponentMap = {
   [FieldType.STRING]: TextCell,
@@ -29,6 +30,7 @@ const TypeComponentMap = {
   [FieldType.FORMULA]: FormulaCell,
   [FieldType.JSON]: JSONCell,
   [FieldType.BB_REFERENCE]: BBReferenceCell,
+  [FieldType.BB_REFERENCE_SINGLE]: BBReferenceSingleCell,
 }
 export const getCellRenderer = column => {
   return TypeComponentMap[column?.schema?.type] || TextCell