@sproutsocial/seeds-react-menu 1.11.3 → 1.11.5

package/.turbo/turbo-build.log

@@ -9,27 +9,27 @@ $ tsup --dts
 CJS Build start
 ESM Build start
 CJS dist/index.js        92.62 KB
-CJS dist/v3/index.js     92.22 KB
 CJS dist/v2/index.js     73.18 KB
+CJS dist/v3/index.js     93.61 KB
 CJS dist/index.js.map    180.20 KB
-CJS dist/v3/index.js.map 158.32 KB
 CJS dist/v2/index.js.map 152.19 KB
-CJS ⚡️ Build success in 94ms
+CJS dist/v3/index.js.map 161.54 KB
+CJS ⚡️ Build success in 72ms
+ESM dist/esm/v2/index.js           62.63 KB
 ESM dist/esm/index.js              73.57 KB
 ESM dist/esm/chunk-ROQATIB7.js     9.15 KB
-ESM dist/esm/v2/index.js           62.63 KB
-ESM dist/esm/v3/index.js           81.09 KB
+ESM dist/esm/v3/index.js           82.46 KB
+ESM dist/esm/v2/index.js.map       132.57 KB
 ESM dist/esm/index.js.map          156.22 KB
 ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
-ESM dist/esm/v2/index.js.map       132.57 KB
-ESM dist/esm/v3/index.js.map       158.35 KB
-ESM ⚡️ Build success in 94ms
+ESM dist/esm/v3/index.js.map       161.58 KB
+ESM ⚡️ Build success in 74ms
 DTS Build start
-DTS ⚡️ Build success in 6872ms
+DTS ⚡️ Build success in 7371ms
 DTS dist/index.d.ts     39.08 KB
 DTS dist/v2/index.d.ts  5.55 KB
 DTS dist/v3/index.d.ts  17.65 KB
 DTS dist/index.d.mts    39.08 KB
 DTS dist/v2/index.d.mts 5.55 KB
 DTS dist/v3/index.d.mts 17.65 KB
-Done in 7.67s.
+Done in 8.16s.

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.11.5
+
+### Patch Changes
+
+- @sproutsocial/seeds-react-icon@2.3.4
+- @sproutsocial/seeds-react-button@2.0.2
+- @sproutsocial/seeds-react-checkbox@1.3.30
+- @sproutsocial/seeds-react-input@1.5.13
+- @sproutsocial/seeds-react-switch@1.2.29
+- @sproutsocial/seeds-react-token-input@1.4.35
+- @sproutsocial/seeds-react-popout@2.4.35
+
+## 1.11.4
+
+### Patch Changes
+
+- 1094671: ADd placeholder for single searchable select
+
 ## 1.11.3
 
 ### Patch Changes

package/dist/esm/v3/index.js

@@ -140,6 +140,7 @@ var Field = styled2.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme }) => theme.space[200]};
+  width: 100%;
 `;
 var SelectLabel = styled2(Select2.Label)`
   font-size: ${({ theme }) => theme.typography[200].fontSize};
@@ -1078,6 +1079,16 @@ var ComboboxItem_default = ComboboxItem2;
 import * as React7 from "react";
 import { Combobox as Combobox2 } from "@base-ui/react/combobox";
 import { useVirtualizer } from "@tanstack/react-virtual";
+
+// src/v3/Common/sentinels.ts
+function makePlaceholderSentinel(label) {
+  return { __placeholder: true, label };
+}
+function isPlaceholderSentinel(v) {
+  return typeof v === "object" && v !== null && "__placeholder" in v;
+}
+
+// src/v3/Common/VirtualizedComboboxList.tsx
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ITEM_HEIGHT = 32;
 function isGroupHeaderSentinel(v) {
@@ -1139,7 +1150,7 @@ function VirtualizedComboboxList({
           style: { position: "relative", width: "100%", height: totalSize },
           children: virtualizer.getVirtualItems().map((virtualItem) => {
             const row = filteredItems[virtualItem.index];
-            if (!row) return null;
+            if (row == null) return null;
             const baseStyle = {
               position: "absolute",
               top: 0,
@@ -1148,6 +1159,22 @@ function VirtualizedComboboxList({
               transform: `translateY(${virtualItem.start}px)`,
               boxSizing: "border-box"
             };
+            if (isPlaceholderSentinel(row)) {
+              return /* @__PURE__ */ jsx7(
+                ComboboxItem_default,
+                {
+                  index: virtualItem.index,
+                  "data-index": virtualItem.index,
+                  value: row,
+                  itemId: "placeholder",
+                  label: row.label,
+                  inputType,
+                  style: baseStyle,
+                  ref: virtualizer.measureElement
+                },
+                "placeholder"
+              );
+            }
             if (isSelectAllSentinel(row)) {
               const selectedCount = selectedArray.length;
               const totalCount = data.length;
@@ -1206,6 +1233,7 @@ function VirtualizedComboboxList({
                 value: item,
                 itemId: String(item.id),
                 label: itemToString(item),
+                disabled: item.disabled,
                 inputType,
                 renderItem: renderItem ? () => renderItem(item) : () => itemToString(item),
                 style: baseStyle,
@@ -1733,9 +1761,10 @@ function SingleSearchableSelect(props) {
   );
   const value = isControlled ? idToItem(selectedItemId) : internalValue;
   function handleValueChange(newItem) {
-    if (!isControlled) setInternalValue(newItem);
+    const realItem = newItem == null || isPlaceholderSentinel(newItem) ? null : newItem;
+    if (!isControlled) setInternalValue(realItem);
     if (onSelectedItemIdChange) {
-      onSelectedItemIdChange(newItem ? newItem.id : null);
+      onSelectedItemIdChange(realItem ? realItem.id : null);
     }
   }
   const groups = React10.useMemo(
@@ -1751,9 +1780,14 @@ function SingleSearchableSelect(props) {
         value,
         disabled: props.disabled,
         onValueChange: handleValueChange,
-        itemToStringLabel: itemToString,
-        isItemEqualToValue: (a, b) => a != null && b != null && a.id === b.id,
-        items: isVirtualized ? data : groups ?? (isChildrenMode ? void 0 : data),
+        itemToStringLabel: (item) => isPlaceholderSentinel(item) ? item.label : itemToString(item),
+        isItemEqualToValue: (a, b) => {
+          if (isPlaceholderSentinel(a) && isPlaceholderSentinel(b)) return true;
+          if (isPlaceholderSentinel(a)) return b == null;
+          if (isPlaceholderSentinel(b)) return a == null;
+          return a != null && b != null && a.id === b.id;
+        },
+        items: isVirtualized ? includePlaceholderItem ? [makePlaceholderSentinel(placeholder), ...data] : data : groups ?? (isChildrenMode ? void 0 : data),
         virtualized: isVirtualized,
         open,
         onOpenChange: setOpen,
@@ -1772,7 +1806,7 @@ function SingleSearchableSelect(props) {
         } : void 0,
         children: [
           /* @__PURE__ */ jsxs8(SearchableSelectTrigger, { id, children: [
-            /* @__PURE__ */ jsx10(SearchableSelectPlaceholder, { children: /* @__PURE__ */ jsx10(Combobox5.Value, { placeholder, children: value ? renderSelection ? renderSelection(value) : itemToString(value) : null }) }),
+            /* @__PURE__ */ jsx10(SearchableSelectPlaceholder, { children: /* @__PURE__ */ jsx10(Combobox5.Value, { placeholder, children: value ? renderSelection ? renderSelection(value) : itemToString(value) : placeholder }) }),
             /* @__PURE__ */ jsx10(SearchableSelectTriggerIcon, { children: /* @__PURE__ */ jsx10(StyledChevron, { "data-chevron": true, children: /* @__PURE__ */ jsx10(ChevronIcon, {}) }) })
           ] }),
           /* @__PURE__ */ jsx10(Combobox5.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx10(ComboboxPositioner, { sideOffset: 4, children: /* @__PURE__ */ jsxs8(
@@ -1833,9 +1867,10 @@ function SingleSearchableSelect(props) {
                       includePlaceholderItem && /* @__PURE__ */ jsx10(
                         ComboboxItem_default,
                         {
-                          value: null,
+                          value: makePlaceholderSentinel(placeholder),
                           itemId: "placeholder",
-                          label: placeholder
+                          label: placeholder,
+                          inputType
                         },
                         "placeholder"
                       ),