From 942afa7b705829992c836737874003d01d01968c Mon Sep 17 00:00:00 2001
From: Aubin Mottier <aubin.mottier@gmail.com>
Date: Fri, 7 Jul 2023 10:23:49 +0200
Subject: [PATCH] feat: add menu open state to slot props

---
 packages/components/menu/src/menu.vue         |  5 +++--
 .../components/menu/stories/menu.stories.ts   | 21 +++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/packages/components/menu/src/menu.vue b/packages/components/menu/src/menu.vue
index 9c402549..f011b69a 100644
--- a/packages/components/menu/src/menu.vue
+++ b/packages/components/menu/src/menu.vue
@@ -1,11 +1,12 @@
 <template>
   <Popover
+    v-slot="{ open }"
     class="puik-menu"
     :class="[`puik-menu--position-${position}`, `puik-menu--align-${align}`]"
     as="div"
   >
     <PopoverButton class="puik-menu__trigger" as="template">
-      <slot name="trigger"></slot>
+      <slot name="trigger" :open="open"></slot>
     </PopoverButton>
 
     <transition
@@ -21,7 +22,7 @@
         class="puik-menu__content"
         :style="{ maxHeight, width }"
       >
-        <slot :close="close"></slot>
+        <slot :close="close" :open="open"></slot>
       </PopoverPanel>
     </transition>
   </Popover>
diff --git a/packages/components/menu/stories/menu.stories.ts b/packages/components/menu/stories/menu.stories.ts
index 84e71734..cc9deefa 100644
--- a/packages/components/menu/stories/menu.stories.ts
+++ b/packages/components/menu/stories/menu.stories.ts
@@ -61,10 +61,31 @@ export default {
     trigger: {
       control: 'none',
       description: 'Trigger used to show or hide menu',
+      table: {
+        type: {
+          summary: 'SlotProps',
+          detail: `
+  {
+    open: boolean
+  }
+          `,
+        },
+      },
     },
     default: {
       control: 'none',
       description: 'Menu content',
+      table: {
+        type: {
+          summary: 'SlotProps',
+          detail: `
+  {
+    open: boolean,
+    close: () => void
+  }
+            `,
+        },
+      },
     },
   },
   args: {