@sproutsocial/seeds-react-menu 1.3.0 → 1.3.2

package/dist/index.d.mts

@@ -122,6 +122,7 @@ interface TypeMenuContext extends TypeMenuContextProps {
     };
     isItemSelected: (id: string) => boolean;
     getInputComponentProps: (props: Pick<TypeTokenInputProps, "inputProps"> & Parameters<Required<TypeMenuContextProps>["getInputProps"]>[0]) => Omit<TypeDownshiftMergedInputProps<TypeTokenInputProps>, "onClick">;
+    isInitialized?: boolean;
 }
 interface TypeMenuProviderProps {
     children: TypeNotEmptyChildren;

package/dist/index.d.ts

@@ -122,6 +122,7 @@ interface TypeMenuContext extends TypeMenuContextProps {
     };
     isItemSelected: (id: string) => boolean;
     getInputComponentProps: (props: Pick<TypeTokenInputProps, "inputProps"> & Parameters<Required<TypeMenuContextProps>["getInputProps"]>[0]) => Omit<TypeDownshiftMergedInputProps<TypeTokenInputProps>, "onClick">;
+    isInitialized?: boolean;
 }
 interface TypeMenuProviderProps {
     children: TypeNotEmptyChildren;

package/dist/index.js

@@ -170,7 +170,8 @@ var defaultMenuContext = {
   itemsMap: {},
   isItemSelected: () => false,
   getInputComponentProps: () => ({}),
-  hasVisibleItems: false
+  hasVisibleItems: false,
+  isInitialized: false
 };
 var getSelectedItemIds = (selectedItems) => selectedItems?.reduce(
   (selected, item) => ({ ...selected, [item.id]: true }),
@@ -264,6 +265,7 @@ var useMenu = ({
     contentRef,
     hasVisibleItems,
     autoCloseOnEmpty,
+    isInitialized: true,
     ...menuProps
   };
 };
@@ -2402,11 +2404,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__ */ (0, import_jsx_runtime7.jsx)(DefaultMenuEmptyState, {});
   }
   if (!children) {
@@ -2806,20 +2809,29 @@ var import_seeds_react_button = require("@sproutsocial/seeds-react-button");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var MenuToggleButton = (props) => {
   const { getToggleButtonProps, isListbox, getDropdownProps, ref, ariaProps } = useMenuToggleContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_seeds_react_button.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__ */ (0, import_jsx_runtime13.jsx)(import_seeds_react_button.Button, { appearance: "secondary", ...toggleButtonProps, ...restProps });
 };
 
 // src/MenuSearchInput/MenuSearchInput.tsx