@sproutsocial/seeds-react-menu 1.10.2 → 1.10.4

package/.turbo/turbo-build.log

@@ -8,22 +8,22 @@ $ tsup --dts
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
+CJS dist/index.js        91.81 KB
+CJS dist/v2/index.js     73.13 KB
+CJS dist/index.js.map    178.88 KB
+CJS dist/v2/index.js.map 152.10 KB
+CJS ⚡️ Build success in 67ms
 ESM dist/esm/index.js              72.69 KB
-ESM dist/esm/v2/index.js           62.08 KB
 ESM dist/esm/chunk-ROQATIB7.js     9.15 KB
+ESM dist/esm/v2/index.js           62.59 KB
 ESM dist/esm/index.js.map          154.90 KB
-ESM dist/esm/v2/index.js.map       131.58 KB
 ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
-ESM ⚡️ Build success in 55ms
-CJS dist/index.js        91.81 KB
-CJS dist/v2/index.js     72.63 KB
-CJS dist/index.js.map    178.88 KB
-CJS dist/v2/index.js.map 151.20 KB
-CJS ⚡️ Build success in 55ms
+ESM dist/esm/v2/index.js.map       132.48 KB
+ESM ⚡️ Build success in 67ms
 DTS Build start
-DTS ⚡️ Build success in 4929ms
+DTS ⚡️ Build success in 5052ms
 DTS dist/index.d.ts     39.08 KB
-DTS dist/v2/index.d.ts  5.43 KB
+DTS dist/v2/index.d.ts  5.55 KB
 DTS dist/index.d.mts    39.08 KB
-DTS dist/v2/index.d.mts 5.43 KB
-Done in 5.62s.
+DTS dist/v2/index.d.mts 5.55 KB
+Done in 5.77s.

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.10.4
+
+### Patch Changes
+
+- d7658f1: Fix React crash when MultiAutocomplete is used inside Radix-based containers
+
+  **seeds-react-token-input**: Wrap TokenInput class component with `React.forwardRef` so the standard `ref` prop resolves to the root Container DOM node instead of the class instance. This fixes a `TypeError: contains is not a function` crash in Radix UI's `onInteractOutside` handler, which expects `triggerRef` to be a DOM element. The existing `innerRef` prop continues to forward to the underlying `<input>`.
+
+  **seeds-react-menu**: Add `{ suppressRefError: true }` to all `getMenuProps` calls in v2 `ComboboxContent` (virtualized, normal, and grouped variants). This suppresses false-positive dev-mode errors from downshift when the menu popout is closed and the menu ref is not attached to a DOM node. This matches the existing pattern used in v1 menu components.
+
+- Updated dependencies [d7658f1]
+  - @sproutsocial/seeds-react-token-input@1.4.31
+
+## 1.10.3
+
+### Patch Changes
+
+- 11bdba2: Fix virtualized combobox item sizing
+
 ## 1.10.2
 
 ### Patch Changes

package/dist/esm/v2/index.js

@@ -597,6 +597,7 @@ var VirtualizedComboboxContent = ({
   groupBy,
   allData,
   selectAllItem,
+  estimatedItemHeight = 35,
   ...rest
 }) => {
   const containerRef = useRef2(null);
@@ -606,7 +607,7 @@ var VirtualizedComboboxContent = ({
     getScrollElement: () => containerRef.current,
     estimateSize: (index) => {
       const item = items[index];
-      return isGroupHeading(item) ? 30 : 35;
+      return isGroupHeading(item) ? 40 : estimatedItemHeight;
     }
   });
   useEffect(() => {
@@ -615,7 +616,10 @@ var VirtualizedComboboxContent = ({
     }
   }, [highlightedIndex, rowVirtualizer]);
   const virtualItems = rowVirtualizer.getVirtualItems();
-  const menuProps = getMenuProps({ ref: containerRef });
+  const menuProps = getMenuProps(
+    { ref: containerRef },
+    { suppressRefError: true }
+  );
   return /* @__PURE__ */ jsx6("div", { ...menuProps, ...rest, children: !hasItems && EmptyState ? /* @__PURE__ */ jsx6("div", { style: { padding: "16px" }, children: EmptyState }) : /* @__PURE__ */ jsx6(
     StyledMenuContent,
     {
@@ -653,6 +657,7 @@ var VirtualizedComboboxContent = ({
               return /* @__PURE__ */ jsx6(
                 MenuHeading,
                 {
+                  ref: rowVirtualizer.measureElement,
                   ...headingItemProps,
                   $highlighted: highlightedIndex === virtualItem.index,
                   label: item.label,
@@ -674,6 +679,7 @@ var VirtualizedComboboxContent = ({
               return /* @__PURE__ */ jsx6(
                 MenuItem,
                 {
+                  ref: rowVirtualizer.measureElement,
                   inputType,
                   selected: isItemSelected2,
                   id: toggleItem.id,
@@ -702,6 +708,7 @@ var VirtualizedComboboxContent = ({
                 },
                 $highlighted: highlightedIndex === virtualItem.index,
                 $active: false,
+                ref: rowVirtualizer.measureElement,
                 children: renderItem(dataItem)
               },
               virtualItem.key
@@ -731,7 +738,7 @@ var NormalComboboxContent = ({
   ...rest
 }) => {
   const hasItems = items.some((item) => !isGroupHeading(item));
-  const menuProps = getMenuProps();
+  const menuProps = getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx6("div", { ...menuProps, ...rest, children: !hasItems && EmptyState ? /* @__PURE__ */ jsx6("div", { style: { padding: "16px" }, children: EmptyState }) : /* @__PURE__ */ jsx6(
     StyledMenuContent,
     {
@@ -824,7 +831,7 @@ var GroupedComboboxContent = ({
   ...rest
 }) => {
   const hasItems = items.some((item) => !isGroupHeading(item));
-  const menuProps = getMenuProps();
+  const menuProps = getMenuProps({}, { suppressRefError: true });
   const groupedItems = groupItems(
     items,
     groupBy,
@@ -943,6 +950,7 @@ function SingleSelect({
   groupBy,
   renderGroupHeading,
   isVirtualized = false,
+  estimatedItemHeight,
   placeholder,
   onSelectedItemIdChange,
   onIsOpenChange,
@@ -1098,6 +1106,7 @@ function SingleSelect({
           itemToString,
           inputType,
           isVirtualized,
+          estimatedItemHeight,
           groupBy,
           selectHeadings: false,
           ...menuProps
@@ -1157,6 +1166,7 @@ function MultiSelect({
   groupBy,
   renderGroupHeading,
   isVirtualized = false,
+  estimatedItemHeight,
   showSelectedItems = false,
   selectHeadings = false,
   selectAllItem,
@@ -1399,6 +1409,7 @@ function MultiSelect({
           allData: data,
           selectAllItem,
           isVirtualized,
+          estimatedItemHeight,
           ...menuProps
         }
       ),
@@ -1451,6 +1462,7 @@ function SingleAutocomplete({
   groupBy,
   renderGroupHeading,
   isVirtualized = false,
+  estimatedItemHeight,
   EmptyState,
   placeholder,
   onSelectedItemIdChange,
@@ -1672,6 +1684,7 @@ function SingleAutocomplete({
           selectHeadings: false,
           groupBy,
           isVirtualized,
+          estimatedItemHeight,
           placeholderItem: includePlaceholderItem ? placeholderItem : void 0,
           ...menuProps
         }
@@ -1737,6 +1750,7 @@ function MultiAutocomplete({
   groupBy,
   renderGroupHeading,
   isVirtualized = false,
+  estimatedItemHeight,
   showSelectedItems = false,
   selectHeadings = false,
   selectAllItem,
@@ -2028,6 +2042,7 @@ function MultiAutocomplete({
           allData: data,
           selectAllItem,
           isVirtualized,
+          estimatedItemHeight,
           ...menuProps
         }
       ),