@sproutsocial/seeds-react-menu 1.3.1 → 1.3.2

package/.turbo/turbo-build.log

@@ -84,14 +84,14 @@ ESM Build start
          ╵       ~~~~~~~~~
 
 
-CJS dist/index.js     142.61 KB
-CJS dist/index.js.map 368.34 KB
-CJS ⚡️ Build success in 596ms
-ESM dist/esm/index.js     132.96 KB
-ESM dist/esm/index.js.map 367.06 KB
-ESM ⚡️ Build success in 595ms
+CJS dist/index.js     142.82 KB
+CJS dist/index.js.map 368.80 KB
+CJS ⚡️ Build success in 602ms
+ESM dist/esm/index.js     133.17 KB
+ESM dist/esm/index.js.map 367.52 KB
+ESM ⚡️ Build success in 605ms
 DTS Build start
-DTS ⚡️ Build success in 16013ms
+DTS ⚡️ Build success in 12162ms
 DTS dist/index.d.ts  37.08 KB
 DTS dist/index.d.mts 37.08 KB
-Done in 19.00s.
+Done in 15.79s.

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.3.2
+
+### Patch Changes
+
+- a67b345: Users can now add event listeners like onClick, onBlur, and onKeyDown to MenuToggleButton.
+
 ## 1.3.1
 
 ### Patch Changes

package/dist/esm/index.js

@@ -2758,20 +2758,29 @@ import { Button } from "@sproutsocial/seeds-react-button";
 import { jsx as jsx13 } from "react/jsx-runtime";
 var MenuToggleButton = (props) => {
   const { getToggleButtonProps, isListbox, getDropdownProps, ref, ariaProps } = useMenuToggleContext();
-  return /* @__PURE__ */ jsx13(
-    Button,
-    {
-      appearance: "secondary",
-      ...getToggleButtonProps?.({
-        // Decide if we want the preventKeyAction stuff. Maybe create a prop to allow for this to be overriden.
-        ...getDropdownProps?.({ ref, preventKeyAction: true }) || { ref },
-        refKey: "innerRef",
-        ...ariaProps,
-        ...isListbox ? {} : { role: "button", "aria-haspopup": "menu" }
-      }),
-      ...props
-    }
-  );
+  const {
+    onClick: userOnClick,
+    onKeyDown: userOnKeyDown,
+    onBlur: userOnBlur,
+    ...restProps
+  } = props;
+  const defaultDropdownProps = {
+    ref,
+    onClick: userOnClick,
+    onKeyDown: userOnKeyDown,
+    onBlur: userOnBlur
+  };
+  const dropdownProps = getDropdownProps?.({
+    ...defaultDropdownProps,
+    preventKeyAction: true
+  }) ?? defaultDropdownProps;
+  const toggleButtonProps = getToggleButtonProps?.({
+    ...dropdownProps,
+    refKey: "innerRef",
+    ...ariaProps,
+    ...isListbox ? {} : { role: "button", "aria-haspopup": "menu" }
+  });
+  return /* @__PURE__ */ jsx13(Button, { appearance: "secondary", ...toggleButtonProps, ...restProps });
 };
 
 // src/MenuSearchInput/MenuSearchInput.tsx