Improve table cell rendering and pass down table slot

packages/bbui/src/Table/CellRenderer.svelte

@@ -11,22 +11,23 @@
   export let customRenderers = []
 
   const plainTypes = ["string", "options", "number", "longform"]
+  const typeMap = {
+    boolean: BooleanRenderer,
+    datetime: DateTimeRenderer,
+    link: RelationshipRenderer,
+    attachment: AttachmentRenderer,
+    string: StringRenderer,
+    options: StringRenderer,
+    number: StringRenderer,
+    longform: StringRenderer,
+  }
   $: type = schema?.type ?? "string"
   $: customRenderer = customRenderers?.find(x => x.column === schema?.name)
+  $: renderer = customRenderer?.component ?? typeMap[type]
 </script>
 
-{#if value != null && value !== ''}
+{#if renderer && value != null && value !== ''}
-  {#if customRenderer}
+  <svelte:component this={renderer} {row} {schema} {value} on:clickrelationship>
-    <svelte:component this={customRenderer.component} {schema} {value} />
+    <slot />
-  {:else if plainTypes.includes(type)}
+  </svelte:component>
-    <StringRenderer {value} />
-  {:else if type === 'boolean'}
-    <BooleanRenderer {value} />
-  {:else if type === 'datetime'}
-    <DateTimeRenderer {value} />
-  {:else if type === 'link'}
-    <RelationshipRenderer {row} {schema} {value} on:clickrelationship />
-  {:else if type === 'attachment'}
-    <AttachmentRenderer {value} />
-  {/if}
 {/if}

packages/bbui/src/Table/StringRenderer.svelte

@@ -3,6 +3,7 @@
 </script>
 
 <div>{value}</div>
+<slot />
 
 <style>
   div {

packages/bbui/src/Table/Table.svelte

@@ -232,7 +232,9 @@
                           {row}
                           schema={schema[field]}
                           value={row[field]}
-                          on:clickrelationship />
+                          on:clickrelationship>
+                          <slot />
+                        </CellRenderer>
                       </div>
                     </td>
                   {/each}