@noya-app/noya-designsystem 0.1.43 → 0.1.44

package/dist/index.mjs

@@ -12272,7 +12272,8 @@ var SelectMenu = memoGeneric(function SelectMenu2({
   open,
   onFocus,
   onBlur,
-  onOpenChange
+  onOpenChange,
+  contentStyle
 }) {
   const selectedItem = menuItems.find(
     (item) => typeof item !== "string" && item.value === value
@@ -12360,7 +12361,9 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         collisionPadding: 8,
         align: "end",
         style: {
-          width: "var(--radix-select-trigger-width)"
+          width: "var(--radix-select-trigger-width)",
+          maxHeight: "500px",
+          ...contentStyle
         }
       },
       /* @__PURE__ */ React51.createElement(Select.ScrollUpButton, { className: scrollButtonStyles }, /* @__PURE__ */ React51.createElement(
@@ -13158,7 +13161,7 @@ var Combobox = memo14(
       if (rest.mode === "string") {
         return {
           mode: rest.mode,
-          initialValue: rest.initialValue,
+          value: rest.value,
           onChange: rest.onChange,
           onSelectItem: rest.onSelectItem,
           onHoverItem: rest.onHoverItem,
@@ -13168,7 +13171,7 @@ var Combobox = memo14(
       } else {
         return {
           mode: rest.mode,
-          initialValue: rest.initialValue,
+          value: rest.value,
           onChange: rest.onChange,
           onSelectItem: rest.onSelectItem,
           onHoverItem: rest.onHoverItem,
@@ -13177,7 +13180,7 @@ var Combobox = memo14(
       }
     }, [
       rest.mode,
-      rest.initialValue,
+      rest.value,
       rest.onChange,
       rest.onSelectItem,
       rest.onHoverItem,
@@ -13185,7 +13188,14 @@ var Combobox = memo14(
       rest.allowArbitraryValues
     ]);
     const ref = useRef17(null);
-    const initialValueString = typeof props.initialValue === "string" ? props.initialValue : props.initialValue?.name ?? "";
+    function getInitialValueString() {
+      if (props.mode === "string") {
+        return props.value ?? "";
+      } else {
+        return props.value?.name ?? "";
+      }
+    }
+    const initialValueString = getInitialValueString();
     const [comboboxState] = useState20(
       () => new ComboboxState(
         items,
@@ -13200,6 +13210,9 @@ var Combobox = memo14(
     useEffect15(() => {
       comboboxState.setItems(items);
     }, [items, comboboxState]);
+    useEffect15(() => {
+      comboboxState.setFilter(initialValueString);
+    }, [comboboxState, initialValueString]);
     const { filter, selectedIndex, filteredItems } = state;
     const shouldShowMenu = isFocused && !(hideMenuWhenEmptyValue && filter === "");
     useEffect15(() => {
@@ -13414,9 +13427,10 @@ var Combobox = memo14(
     );
     useEffect15(() => {
       if (!shouldBlur) return;
+      if (document.activeElement !== ref.current) return;
+      setShouldBlur(false);
       ref.current?.focus();
       handleBlur();
-      setShouldBlur(false);
     }, [shouldBlur, handleBlur]);
     return /* @__PURE__ */ React54.createElement(
       InputField.Root,