@sproutsocial/seeds-react-menu 1.6.0 → 1.6.2

package/dist/index.d.mts

@@ -280,7 +280,7 @@ type TypeChildrenOrItems<I extends TypeMenuItemProps = TypeMenuItemProps> = Type
     menuItems: I[];
     MenuItemComponent?: React.ComponentType<I>;
 });
-type TypeNotEmptyChildren = React.ReactChild | React.ReactFragment | React.ReactPortal;
+type TypeNotEmptyChildren = Exclude<React.ReactNode, null | undefined>;
 type TypeInputEventListeners = "onKeyDown" | "onChange" | "onInput" | "onBlur" | "onClick" | "refKey";
 type TypeDownshiftMergedInputProps<B> = Pick<UseComboboxGetInputPropsOptions, TypeInputEventListeners> & Omit<Partial<B>, TypeInputEventListeners>;
 
@@ -535,6 +535,7 @@ type TypeBaseAutocompleteProps = TypeHigherOrderComponentProps & TypeDownshiftCo
     /** Set multiSelect to true to allow multiple selections.
      *  Default: false*/
     multiSelect?: boolean;
+    autoCloseOnEmpty?: boolean;
 };
 type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeBaseAutocompleteProps & {
     multiSelect?: false;
@@ -662,7 +663,7 @@ declare const useMenuChildren: <I extends TypeMenuItemProps = TypeMenuItemProps>
     menuItemsMap: {
         [key: string]: TypeInternalItemProps<TypeMenuItemProps>;
     };
-    children: TypeNotEmptyChildren;
+    children: string | number | true | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | React__default.ReactPortal;
 };
 
 declare const useSelectStateReducer: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];

package/dist/index.d.ts

@@ -280,7 +280,7 @@ type TypeChildrenOrItems<I extends TypeMenuItemProps = TypeMenuItemProps> = Type
     menuItems: I[];
     MenuItemComponent?: React.ComponentType<I>;
 });
-type TypeNotEmptyChildren = React.ReactChild | React.ReactFragment | React.ReactPortal;
+type TypeNotEmptyChildren = Exclude<React.ReactNode, null | undefined>;
 type TypeInputEventListeners = "onKeyDown" | "onChange" | "onInput" | "onBlur" | "onClick" | "refKey";
 type TypeDownshiftMergedInputProps<B> = Pick<UseComboboxGetInputPropsOptions, TypeInputEventListeners> & Omit<Partial<B>, TypeInputEventListeners>;
 
@@ -535,6 +535,7 @@ type TypeBaseAutocompleteProps = TypeHigherOrderComponentProps & TypeDownshiftCo
     /** Set multiSelect to true to allow multiple selections.
      *  Default: false*/
     multiSelect?: boolean;
+    autoCloseOnEmpty?: boolean;
 };
 type TypeSingleAutocompleteProps<I extends TypeMenuItemProps = TypeMenuItemProps> = TypeBaseAutocompleteProps & {
     multiSelect?: false;
@@ -662,7 +663,7 @@ declare const useMenuChildren: <I extends TypeMenuItemProps = TypeMenuItemProps>
     menuItemsMap: {
         [key: string]: TypeInternalItemProps<TypeMenuItemProps>;
     };
-    children: TypeNotEmptyChildren;
+    children: string | number | true | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | React__default.ReactPortal;
 };
 
 declare const useSelectStateReducer: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];

package/dist/index.js

@@ -2203,10 +2203,11 @@ var walkAllChildren = (children, callback) => {
     if (element === null || element === void 0) return;
     callback(element, parents2);
     const newParents = [...parents2, element];
-    const children2 = element.props?.children;
-    import_react4.default.Children.toArray(children2).forEach((child) => {
-      walk(child, newParents);
-    });
+    if (import_react4.default.isValidElement(element) && element.props?.children) {
+      import_react4.default.Children.toArray(element.props.children).forEach((child) => {
+        walk(child, newParents);
+      });
+    }
   };
   const parents = [];
   import_react4.default.Children.toArray(children).forEach((child) => {
@@ -2250,21 +2251,20 @@ var addItemsFromGroup = ({
       });
     });
   } else if (menuGroup.props.children) {
-    let children = menuGroup.props.children;
-    if (!Array.isArray(children)) {
-      children = [children];
-    }
+    const children = import_react4.default.Children.toArray(menuGroup.props.children);
     children.forEach((menuItem) => {
-      addMenuItem({
-        itemProps: {
-          id: menuItem.props.id,
-          disabled: menuItem.props.disabled,
-          menuItemProps: menuItem.props,
-          menuGroupProps: menuGroup.props
-        },
-        allMenuItems,
-        menuItemsMap
-      });
+      if (import_react4.default.isValidElement(menuItem)) {
+        addMenuItem({
+          itemProps: {
+            id: menuItem.props.id,
+            disabled: menuItem.props.disabled,
+            menuItemProps: menuItem.props,
+            menuGroupProps: menuGroup.props
+          },
+          allMenuItems,
+          menuItemsMap
+        });
+      }
     });
   }
 };
@@ -3741,6 +3741,7 @@ var SingleAutocomplete = ({
   MenuItemComponent,
   itemToString: itemToString2 = itemToString,
   getIsItemVisible,
+  autoCloseOnEmpty = true,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3774,6 +3775,7 @@ var SingleAutocomplete = ({
     {
       ...{
         isListbox: true,
+        autoCloseOnEmpty,
         items: allMenuItems,
         itemToString: itemToString2,
         ...useComboboxProps,
@@ -3784,7 +3786,6 @@ var SingleAutocomplete = ({
         focusOnContent: false,
         ...userPopoutProps
       },
-      autoCloseOnEmpty: true,
       children
     }
   );
@@ -3810,6 +3811,7 @@ var MultiAutocomplete = ({
   getA11yMultiStatusMessage,
   onMultiSelectStateChange,
   multiSelectStateReducer,
+  autoCloseOnEmpty = true,
   ...useComboboxProps
 }) => {
   const { allMenuItems, children } = useMenuChildren({
@@ -3912,6 +3914,7 @@ var MultiAutocomplete = ({
     {
       ...{
         isListbox: true,
+        autoCloseOnEmpty,
         items: allMenuItems,
         itemToString: itemToString2,
         initialSelectedItems,
@@ -3929,7 +3932,6 @@ var MultiAutocomplete = ({
         focusOnContent: false,
         ...userPopoutProps
       },
-      autoCloseOnEmpty: true,
       children
     }
   );