Remove old stuff i aded to selects and picker

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

@@ -9,10 +9,6 @@
   export let options = []
   export let getOptionLabel = option => option
   export let getOptionValue = option => option
-  export let getOptionIcon = () => null
-  export let getOptionIconTooltip = () => null
-  export let getOptionTooltip = () => null
-  export let isOptionEnabled = () => true
   export let readonly = false
   export let autocomplete = false
   export let sort = false
@@ -21,7 +17,6 @@
   export let customPopoverHeight
   export let open = false
   export let loading
-  export let align
   export let onOptionMouseenter = () => {}
   export let onOptionMouseleave = () => {}
 
@@ -87,10 +82,6 @@
 
 <Picker
   on:loadMore
-  {isOptionEnabled}
-  {getOptionIcon}
-  {getOptionIconTooltip}
-  {getOptionTooltip}
   {id}
   {disabled}
   {readonly}
@@ -108,7 +99,6 @@
   {autoWidth}
   {customPopoverHeight}
   {loading}
-  {align}
   {onOptionMouseenter}
   {onOptionMouseleave}
 />

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

@@ -11,13 +11,6 @@
   import Tags from "../../Tags/Tags.svelte"
   import Tag from "../../Tags/Tag.svelte"
   import ProgressCircle from "../../ProgressCircle/ProgressCircle.svelte"
-  import {
-    default as AbsTooltip,
-    TooltipPosition,
-    TooltipType,
-  } from "../../Tooltip/AbsTooltip.svelte"
-  import ContextTooltip from "../../Tooltip/Context.svelte"
-  import { Heading } from "@budibase/bbui"
 
   export let id = null
   export let disabled = false
@@ -33,8 +26,6 @@
   export let getOptionLabel = option => option
   export let getOptionValue = option => option
   export let getOptionIcon = () => null
-  export let getOptionIconTooltip = () => null
-  export let getOptionTooltip = () => null
   export let useOptionIconImage = false
   export let getOptionColour = () => null
   export let getOptionSubtitle = () => null
@@ -56,6 +47,7 @@
   const dispatch = createEventDispatcher()
 
   let button
+  let popover
   let component
 
   $: sortedOptions = getSortedOptions(options, getOptionLabel, sort)
@@ -161,6 +153,7 @@
 <Popover
   anchor={customAnchor ? customAnchor : button}
   align={align || "left"}
+  bind:this={popover}
   {open}
   on:close={() => (open = false)}
   useAnchorWidth={!autoWidth}
@@ -203,14 +196,14 @@
       {#if filteredOptions.length}
         {#each filteredOptions as option, idx}
           <li
-                on:mouseenter={(e) => onOptionMouseenter(e, option)}
-                on:mouseleave={(e) => onOptionMouseleave(e, option)}
             class="spectrum-Menu-item"
             class:is-selected={isOptionSelected(getOptionValue(option, idx))}
             role="option"
             aria-selected="true"
             tabindex="0"
             on:click={() => onSelectOption(getOptionValue(option, idx))}
+            on:mouseenter={(e) => onOptionMouseenter(e, option)}
+            on:mouseleave={(e) => onOptionMouseleave(e, option)}
             class:is-disabled={!isOptionEnabled(option)}
           >
             {#if getOptionIcon(option, idx)}
@@ -223,7 +216,7 @@
                     height="15"
                   />
                 {:else}
-                      <Icon tooltip={getOptionIconTooltip(option)} size="S" name={getOptionIcon(option, idx)} />
+                  <Icon size="S" name={getOptionIcon(option, idx)} />
                 {/if}
               </span>
             {/if}
@@ -248,7 +241,7 @@
               </span>
             {/if}
             <svg
-                  class="selectedIcon spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Menu-checkmark spectrum-Menu-itemIcon"
+              class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Menu-checkmark spectrum-Menu-itemIcon"
               focusable="false"
               aria-hidden="true"
             >
@@ -271,16 +264,9 @@
       </div>
     {/if}
   </div>
-  </Popover>
+</Popover>
+
 <style>
-  .spectrum-Menu {
-    display: block;
-  }
-
-  .spectrum-Menu:hover .context {
-    display: block;
-  }
-
   .spectrum-Picker {
     width: 100%;
     box-shadow: none;

packages/bbui/src/Form/Multiselect.svelte

@@ -13,17 +13,12 @@
   export let options = []
   export let getOptionLabel = option => option
   export let getOptionValue = option => option
-  export let getOptionIcon = () => null
-  export let getOptionIconTooltip = () => null
-  export let getOptionTooltip = () => null
-  export let isOptionEnabled = () => true
   export let sort = false
   export let autoWidth = false
   export let autocomplete = false
   export let searchTerm = null
   export let customPopoverHeight
   export let helpText = null
-  export let align
   export let onOptionMouseenter = () => {}
   export let onOptionMouseleave = () => {}
 
@@ -36,10 +31,6 @@
 
 <Field {helpText} {label} {labelPosition} {error}>
   <Multiselect
-    {isOptionEnabled}
-    {getOptionIcon}
-    {getOptionIconTooltip}
-  {getOptionTooltip}
     {error}
     {disabled}
     {readonly}
@@ -52,7 +43,6 @@
     {autoWidth}
     {autocomplete}
     {customPopoverHeight}
-    {align}
     {onOptionMouseenter}
     {onOptionMouseleave}
     bind:searchTerm