@sproutsocial/seeds-react-menu 1.8.6 → 1.9.2

package/.turbo/turbo-build.log

@@ -3,27 +3,27 @@ $ tsup --dts
 CLI Building entry: {"index":"src/index.ts","v2/index":"src/v2/index.ts"}
 CLI Using tsconfig: tsconfig.json
 CLI tsup v8.5.0
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-menu/tsup.config.ts
+CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-menu/tsup.config.ts
 CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
 CJS dist/index.js        90.52 KB
-CJS dist/v2/index.js     71.79 KB
+CJS dist/v2/index.js     72.63 KB
 CJS dist/index.js.map    176.37 KB
-CJS dist/v2/index.js.map 149.19 KB
-CJS ⚡️ Build success in 403ms
+CJS dist/v2/index.js.map 151.20 KB
+CJS ⚡️ Build success in 65ms
 ESM dist/esm/index.js              71.41 KB
-ESM dist/esm/v2/index.js           61.25 KB
 ESM dist/esm/chunk-ROQATIB7.js     9.15 KB
+ESM dist/esm/v2/index.js           62.08 KB
 ESM dist/esm/index.js.map          152.38 KB
-ESM dist/esm/v2/index.js.map       129.54 KB
 ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
-ESM ⚡️ Build success in 406ms
+ESM dist/esm/v2/index.js.map       131.58 KB
+ESM ⚡️ Build success in 65ms
 DTS Build start
-DTS ⚡️ Build success in 16885ms
+DTS ⚡️ Build success in 4976ms
 DTS dist/index.d.ts     39.04 KB
-DTS dist/v2/index.d.ts  5.22 KB
+DTS dist/v2/index.d.ts  5.43 KB
 DTS dist/index.d.mts    39.04 KB
-DTS dist/v2/index.d.mts 5.22 KB
-Done in 18.50s.
+DTS dist/v2/index.d.mts 5.43 KB
+Done in 5.66s.

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.9.2
+
+### Patch Changes
+
+- Updated dependencies [7d54d67]
+  - @sproutsocial/seeds-react-button@1.4.0
+  - @sproutsocial/seeds-react-popout@2.4.28
+  - @sproutsocial/seeds-react-input@1.5.7
+  - @sproutsocial/seeds-react-token-input@1.4.28
+
+## 1.9.1
+
+### Patch Changes
+
+- b3d31ac: Clear MultiAutocomplete input text when the popout closes
+- c281089: Fix popoutPlacement="top" rendering the popout invisible
+- Updated dependencies [17d4f12]
+  - @sproutsocial/seeds-react-theme@3.6.0
+  - @sproutsocial/seeds-react-box@1.1.14
+  - @sproutsocial/seeds-react-icon@2.2.5
+  - @sproutsocial/seeds-react-label@1.0.14
+  - @sproutsocial/seeds-react-token-input@1.4.27
+  - @sproutsocial/seeds-react-checkbox@1.3.24
+  - @sproutsocial/seeds-react-input@1.5.6
+  - @sproutsocial/seeds-react-popout@2.4.27
+  - @sproutsocial/seeds-react-button@1.3.20
+  - @sproutsocial/seeds-react-switch@1.2.23
+  - @sproutsocial/seeds-react-radio@1.3.14
+
+## 1.9.0
+
+### Minor Changes
+
+- 2194620: Fixed scroll bar mouse handling bugs in AutoComplete V2
+
+## 1.8.7
+
+### Patch Changes
+
+- fe24df3: Enable `Select` component consumers to control popoutProps
+  - @sproutsocial/seeds-react-button@1.3.19
+  - @sproutsocial/seeds-react-checkbox@1.3.23
+  - @sproutsocial/seeds-react-input@1.5.5
+  - @sproutsocial/seeds-react-radio@1.3.13
+  - @sproutsocial/seeds-react-switch@1.2.22
+  - @sproutsocial/seeds-react-token-input@1.4.26
+  - @sproutsocial/seeds-react-popout@2.4.26
+
 ## 1.8.6
 
 ### Patch Changes

package/dist/esm/v2/index.js

@@ -217,8 +217,21 @@ function Popout({
   const popoverOnOpenChange = isControlled ? onOpenChange : handleOpenChange;
   const radixRef = React2.useRef(null);
   return /* @__PURE__ */ jsxs(Popover.Root, { open: popoverOpen, onOpenChange: popoverOnOpenChange, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { ref: radixRef, asChild: true, children }),
-    /* @__PURE__ */ jsx(Popover.Anchor, { children: /* @__PURE__ */ jsx("div", { style: { height: "1px" }, children: "\xA0" }) }),
+    /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ jsx(Popover.Trigger, { ref: radixRef, asChild: true, children }),
+      /* @__PURE__ */ jsx(
+        Popover.Anchor,
+        {
+          style: {
+            position: "absolute",
+            top: side === "top" ? 0 : "100%",
+            left: 0,
+            right: 0,
+            height: "1px"
+          }
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
       StyledContent,
       {
@@ -608,7 +621,8 @@ var VirtualizedComboboxContent = ({
     {
       style: {
         height: `${rowVirtualizer.getTotalSize()}px`,
-        position: "relative"
+        position: "relative",
+        overflow: "hidden"
       },
       children: /* @__PURE__ */ jsx6(
         "div",
@@ -938,7 +952,8 @@ function SingleSelect({
   inputType = "icon",
   removePlaceholderItem = false,
   onPointerDownOutside,
-  onInteractOutside
+  onInteractOutside,
+  popoutPlacement
 }) {
   const [uncontrolledSelectedItemId, setUncontrolledSelectedItemId] = useState2(null);
   const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState2(false);
@@ -1037,6 +1052,7 @@ function SingleSelect({
     {
       open: selectIsOpen,
       onOpenChange: updateIsOpen,
+      side: popoutPlacement,
       animationConfig: menuAnimationConfig,
       onOpenAutoFocus: (e) => {
         e.preventDefault();
@@ -1153,7 +1169,8 @@ function MultiSelect({
   inputType = "checkbox",
   shouldOverflow,
   onPointerDownOutside,
-  onInteractOutside
+  onInteractOutside,
+  popoutPlacement
 }) {
   const [uncontrolledSelectedItemIds, setUncontrolledSelectedItemIds] = useState3([]);
   const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState3(false);
@@ -1328,6 +1345,7 @@ function MultiSelect({
     {
       open: selectIsOpen,
       onOpenChange: updateIsOpen,
+      side: popoutPlacement,
       onOpenAutoFocus: (e) => {
         e.preventDefault();
       },
@@ -1443,7 +1461,8 @@ function SingleAutocomplete({
   inputType = "icon",
   includePlaceholderItem = false,
   onPointerDownOutside,
-  onInteractOutside
+  onInteractOutside,
+  popoutPlacement
 }) {
   const [uncontrolledInputValue, setUncontrolledInputValue] = useState4("");
   const [uncontrolledSelectedItemId, setUncontrolledSelectedItemId] = useState4(null);
@@ -1613,6 +1632,7 @@ function SingleAutocomplete({
     {
       open: comboboxIsOpen,
       onOpenChange: updateIsOpen,
+      side: popoutPlacement,
       animationConfig: menuAnimationConfig,
       onOpenAutoFocus: (e) => {
         e.preventDefault();
@@ -1679,7 +1699,7 @@ function SingleAutocomplete({
 }
 
 // src/v2/Autocomplete/MultiAutocomplete.tsx
-import { useState as useState5, useMemo as useMemo6 } from "react";
+import { useState as useState5, useMemo as useMemo6, useRef as useRef3 } from "react";
 import { useCombobox as useCombobox2, useMultipleSelection as useMultipleSelection2 } from "downshift";
 import { TokenInput } from "@sproutsocial/seeds-react-token-input";
 import { jsx as jsx10 } from "react/jsx-runtime";
@@ -1729,8 +1749,10 @@ function MultiAutocomplete({
   menuProps,
   inputType = "checkbox",
   onPointerDownOutside,
-  onInteractOutside
+  onInteractOutside,
+  popoutPlacement
 }) {
+  const mousedownInPopoverRef = useRef3(false);
   const [uncontrolledInputValue, setUncontrolledInputValue] = useState5("");
   const [uncontrolledSelectedItemIds, setUncontrolledSelectedItemIds] = useState5([]);
   const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState5(false);
@@ -1757,6 +1779,9 @@ function MultiAutocomplete({
     onInputValueChange?.(newInputValue);
   };
   const updateIsOpen = (newIsOpen) => {
+    if (!newIsOpen) {
+      updateInputValue("");
+    }
     if (!isIsOpenControlled) {
       setUncontrolledIsOpen(newIsOpen);
     }
@@ -1933,6 +1958,11 @@ function MultiAutocomplete({
     if (inputProps.onBlur) {
       inputProps.onBlur(e);
     }
+    if (mousedownInPopoverRef.current) {
+      mousedownInPopoverRef.current = false;
+      e.target.focus();
+      return;
+    }
     updateIsOpen(false);
   };
   const inputPropsToSpread = { ...inputProps };
@@ -1942,6 +1972,7 @@ function MultiAutocomplete({
     {
       open: comboboxIsOpen,
       onOpenChange: updateIsOpen,
+      side: popoutPlacement,
       onOpenAutoFocus: (e) => {
         e.preventDefault();
       },
@@ -1951,6 +1982,12 @@ function MultiAutocomplete({
       onPointerDownOutside,
       onInteractOutside,
       animationConfig: menuAnimationConfig,
+      onMouseDown: () => {
+        mousedownInPopoverRef.current = true;
+      },
+      onMouseUp: () => {
+        mousedownInPopoverRef.current = false;
+      },
       content: /* @__PURE__ */ jsx10(
         ComboboxContent,
         {