@sproutsocial/seeds-react-menu 1.3.0 → 1.3.2

package/.turbo/turbo-build.log

@@ -46,9 +46,6 @@ ESM Build start
          ╵       ~~~~~~~~~
 
 
-ESM dist/esm/index.js     132.88 KB
-ESM dist/esm/index.js.map 367.00 KB
-ESM ⚡️ Build success in 645ms
 [warn] ▲ [WARNING] The condition "types" here will never be used as it comes after both "import" and "require" [package.json]
 
     ../../seeds-design-tokens/seeds-motion/package.json:12:6:
@@ -87,11 +84,14 @@ ESM ⚡️ Build success in 645ms
          ╵       ~~~~~~~~~
 
 
-CJS dist/index.js     142.53 KB
-CJS dist/index.js.map 368.28 KB
-CJS ⚡️ Build success in 713ms
+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 15562ms
-DTS dist/index.d.ts  37.05 KB
-DTS dist/index.d.mts 37.05 KB
-Done in 19.23s.
+DTS ⚡️ Build success in 12162ms
+DTS dist/index.d.ts  37.08 KB
+DTS dist/index.d.mts 37.08 KB
+Done in 15.79s.

package/CHANGELOG.md

@@ -1,14 +1,26 @@
 # @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
+
+- 8d18309: MenuContent no longer shows empty state outside of a context provider.
+
 ## 1.3.0
 
 ### Minor Changes
 
-- e27ab2e: This update introduces a `DefaultMenuEmptyState` for filter menus and an `emptyStateElement` prop on `MenuContent` to allow for custom empty states to be passed in to the `seeds-react-menu` package.
+- 7fe0b84: This update introduces a `DefaultMenuEmptyState` for filter menus and an `emptyStateElement` prop on `MenuContent` to allow for custom empty states to be passed in to the `seeds-react-menu` package.
 
 ### Patch Changes
 
-- e27ab2e: This update fixes a bug that prevented developers from passing custom popoutProps.
+- e60ec1d: This update fixes a bug that prevented developers from passing custom popoutProps.
 
 ## 1.2.3
 

package/dist/esm/index.js

@@ -102,7 +102,8 @@ var defaultMenuContext = {
   itemsMap: {},
   isItemSelected: () => false,
   getInputComponentProps: () => ({}),
-  hasVisibleItems: false
+  hasVisibleItems: false,
+  isInitialized: false
 };
 var getSelectedItemIds = (selectedItems) => selectedItems?.reduce(
   (selected, item) => ({ ...selected, [item.id]: true }),
@@ -196,6 +197,7 @@ var useMenu = ({
     contentRef,
     hasVisibleItems,
     autoCloseOnEmpty,
+    isInitialized: true,
     ...menuProps
   };
 };
@@ -2341,11 +2343,12 @@ var MenuContent = ({
     getMenuProps,
     isListbox,
     hasVisibleItems,
-    autoCloseOnEmpty
+    autoCloseOnEmpty,
+    isInitialized
   } = useMenuContentContext();
   const toggleButtonProps = getToggleButtonProps?.();
   const children = childrenProp || !menuItems || !menuItems.length ? childrenProp : mapMenuItems({ menuItems, MenuItemComponent });
-  if (!hasVisibleItems && !autoCloseOnEmpty) {
+  if (isInitialized && !hasVisibleItems && !autoCloseOnEmpty) {
     return emptyStateElement ?? /* @__PURE__ */ jsx7(DefaultMenuEmptyState, {});
   }
   if (!children) {
@@ -2755,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