add missing data type links, add missing state

packages/bbui/src/Form/Core/Picker.svelte

@@ -47,7 +47,6 @@
   const dispatch = createEventDispatcher()
 
   let button
-  let popover
   let component
 
   $: sortedOptions = getSortedOptions(options, getOptionLabel, sort)
@@ -153,7 +152,6 @@
 <Popover
   anchor={customAnchor ? customAnchor : button}
   align={align || "left"}
-  bind:this={popover}
   {open}
   on:close={() => (open = false)}
   useAnchorWidth={!autoWidth}

packages/builder/src/components/design/settings/controls/Explanation/lines/Column.svelte

@@ -36,9 +36,34 @@
     if (columnType === "User") {
       return "https://docs.budibase.com/docs/user"
     }
+    if (columnType === "QR") {
+      return "https://docs.budibase.com/docs/barcodeqr"
+    }
+    if (columnType === "Relationship") {
+      return "https://docs.budibase.com/docs/relationships"
+    }
+    if (columnType === "Formula") {
+      return "https://docs.budibase.com/docs/formula"
+    }
+    if (columnType === "Options") {
+      return "https://docs.budibase.com/docs/options"
+    }
+    if (columnType === "BigInt") {
+      // No BigInt docs
+      return null
+    }
+    if (columnType === "Boolean") {
+      return "https://docs.budibase.com/docs/boolean-truefalse"
+    }
+    if (columnType === "Signature") {
+      // No Signature docs
+      return null
+    }
 
-    return ""
+    return null
   }
+
+  $: docLink = getDocLink(columnType);
 </script>
 
 <Line noWrap>
@@ -50,7 +75,8 @@
   />
   <Text value=" is a " />
   <DocumentationLink
-    href={getDocLink(columnType)}
+    disabled={docLink === null}
+    href={docLink}
     icon={columnIcon}
     text={`${columnType} column`}
   />

packages/builder/src/components/design/settings/controls/Explanation/typography/DocumentationLink.svelte

@@ -4,9 +4,10 @@
   export let icon
   export let text
   export let href
+  export let disabled = false
 </script>
 
-<a tabindex="0" {href} rel="noopener noreferrer" target="_blank" class="link">
+<a class:disabled tabindex="0" {href} rel="noopener noreferrer" target="_blank" class="link">
   <Icon size="XS" name={icon} />
   <span class="text">
     <slot>
@@ -42,8 +43,17 @@
     filter: brightness(120%);
   }
 
+  .disabled {
+    filter: brightness(100%);
+    border-bottom: 1px solid var(--grey-6);
+  }
+
   .link :global(svg) {
     margin-right: 3px;
     color: var(--blue);
   }
+
+  .disabled :global(svg){
+    color: var(--grey-6);
+  }
 </style>