@budibase/bbui 3.13.2 → 3.13.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.13.2",
+  "version": "3.13.4",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -107,5 +107,5 @@
       }
     }
   },
-  "gitHead": "963e0db04df95aa298bb7b9236b70182ddfc9dd7"
+  "gitHead": "9c285b7dc262b94b9b213e2207b530a178486a2b"
 }

package/src/ActionMenu/ActionMenu.svelte

@@ -10,12 +10,14 @@
   export let openOnHover: boolean = false
   export let animate: boolean | undefined = true
   export let offset: number | undefined = undefined
+  export let useAnchorWidth = false
 
   const actionMenuContext = getContext("actionMenu")
 
   let anchor: HTMLElement | undefined
   let dropdown: Popover
   let timeout: ReturnType<typeof setTimeout>
+  let open = false
 
   // This is needed because display: contents is considered "invisible".
   // It should only ever be an action button, so should be fine.
@@ -64,7 +66,7 @@
   on:mouseenter={openOnHover ? show : null}
   on:mouseleave={openOnHover ? queueHide : null}
 >
-  <slot name="control" />
+  <slot name="control" {open} />
 </div>
 <Popover
   bind:this={dropdown}
@@ -73,11 +75,13 @@
   {portalTarget}
   {animate}
   {offset}
+  {useAnchorWidth}
   resizable={false}
   on:open
   on:close
   on:mouseenter={openOnHover ? cancelHide : null}
   on:mouseleave={openOnHover ? queueHide : null}
+  bind:open
 >
   <Menu>
     <slot />

package/src/Divider/Divider.svelte

@@ -6,9 +6,11 @@
   export let vertical = false
   export let noMargin = false
   export let noGrid = false
+  export let id: string | undefined = undefined
 </script>
 
 <hr
+  {id}
   class:noMargin
   class:noGrid
   class="spectrum-Divider spectrum-Divider--{vertical

package/src/Modal/Modal.svelte

@@ -13,6 +13,9 @@
   export let autoFocus: boolean = true
   export let zIndex: number = 1001
 
+  // Ensure any popovers inside this modal are rendered inside this modal
+  setContext(Context.PopoverRoot, ".spectrum-Modal")
+
   const dispatch = createEventDispatcher<{
     show: void
     hide: void