@sanity/ui 1.3.4 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "1.3.4",
+  "version": "1.5.0",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
   "source": "./src/index.ts",

package/src/components/menu/__workshop__/menuButton.tsx

@@ -66,6 +66,8 @@ export default function MenuButtonStory() {
                   />
                 </Menu>
               }
+              onClose={useAction('onClose')}
+              onOpen={useAction('onOpen')}
               popover={popover}
             />
           </LayerProvider>

package/src/components/menu/menuButton.tsx

@@ -21,6 +21,7 @@ export interface MenuButtonProps {
   id: string
   menu?: React.ReactElement
   onClose?: () => void
+  onOpen?: () => void
   /**
    * @deprecated Use `popover={{placement: 'top'}}` instead.
    */
@@ -59,6 +60,7 @@ export const MenuButton = forwardRef(function MenuButton(
     id,
     menu: menuProp,
     onClose,
+    onOpen,
     placement: deprecated_placement,
     popoverScheme: deprecated_popoverScheme,
     portal: deprecated_portal = true,
@@ -72,6 +74,14 @@ export const MenuButton = forwardRef(function MenuButton(
   const [menuElements, setChildMenuElements] = useState<HTMLElement[]>([])
   const openRef = useRef<boolean>(open)
 
+  // Notify consumers when the menu opens
+  useEffect(() => {
+    if (onOpen && open && !openRef.current) {
+      onOpen()
+    }
+  }, [onOpen, open])
+
+  // Notify consumers when the menu closes
   useEffect(() => {
     if (onClose && !open && openRef.current) {
       onClose()