@noya-app/noya-designsystem 0.1.74 → 0.1.76

package/.turbo/turbo-build.log

@@ -8,23 +8,23 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.js     592.09 KB
-CJS dist/index.js.map 1.09 MB
-CJS ⚡️ Build success in 191ms
-ESM dist/index.mjs     565.59 KB
-ESM dist/index.mjs.map 1.09 MB
-ESM ⚡️ Build success in 191ms
+CJS dist/index.js     594.03 KB
+CJS dist/index.js.map 1.10 MB
+CJS ⚡️ Build success in 317ms
+ESM dist/index.mjs     567.49 KB
+ESM dist/index.mjs.map 1.10 MB
+ESM ⚡️ Build success in 339ms
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
-Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
+Browserslist: browsers data (caniuse-lite) is 8 months old. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 
 Rebuilding...
 
-Done in 586ms.
+Done in 1687ms.
 
-DTS ⚡️ Build success in 4759ms
-DTS dist/index.d.ts  122.05 KB
-DTS dist/index.d.mts 122.05 KB
+DTS ⚡️ Build success in 6764ms
+DTS dist/index.d.ts  122.15 KB
+DTS dist/index.d.mts 122.15 KB

package/.turbo/turbo-lint.log

@@ -1 +1,15 @@
-$ eslint . --max-warnings 0
+
+$ eslint . --max-warnings 0
+=============
+
+WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.
+
+You may find that it works just fine, or you may not.
+
+SUPPORTED TYPESCRIPT VERSIONS: >=4.3.5 <5.4.0
+
+YOUR TYPESCRIPT VERSION: 5.6.3
+
+Please only submit bug reports when using the officially supported version.
+
+=============

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @noya-app/noya-designsystem
 
+## 0.1.76
+
+### Patch Changes
+
+- @noya-app/noya-colorpicker@0.1.32
+
+## 0.1.75
+
+### Patch Changes
+
+- 768fec5: Bump
+
 ## 0.1.74
 
 ### Patch Changes

package/dist/index.d.mts

@@ -2815,7 +2815,10 @@ declare class ComboboxState<T extends string> {
     moveSelection(direction: "up" | "down"): void;
     selectCurrentItem(item?: ScoredMenuItem<T>): SelectableMenuItem<T> | undefined;
     restoreLastSubmittedValue(): void;
-    reset(newFilter?: string): void;
+    reset(newFilter?: string, options?: {
+        selectedItemTitle?: string;
+        selectedItemValue?: string | number;
+    }): void;
     getSelectedItem(): ScoredMenuItem<T> | undefined;
     getTypeaheadValue(): string | undefined;
     setSelectedIndex(index: number): void;

package/dist/index.d.ts

@@ -2815,7 +2815,10 @@ declare class ComboboxState<T extends string> {
     moveSelection(direction: "up" | "down"): void;
     selectCurrentItem(item?: ScoredMenuItem<T>): SelectableMenuItem<T> | undefined;
     restoreLastSubmittedValue(): void;
-    reset(newFilter?: string): void;
+    reset(newFilter?: string, options?: {
+        selectedItemTitle?: string;
+        selectedItemValue?: string | number;
+    }): void;
     getSelectedItem(): ScoredMenuItem<T> | undefined;
     getTypeaheadValue(): string | undefined;
     setSelectedIndex(index: number): void;

package/dist/index.js

@@ -11069,9 +11069,28 @@ var ComboboxState = class {
     this.filter = this.lastSubmittedValue.itemName;
     this.notifyChange();
   }
-  reset(newFilter = "") {
+  reset(newFilter = "", options) {
     this.filter = newFilter;
-    this.selectedIndex = 0;
+    const filteredItems = this.getFilteredItems();
+    const normalizedTitle = options?.selectedItemTitle ? options.selectedItemTitle.toString().toLowerCase() : void 0;
+    const normalizedValue = options?.selectedItemValue ? options.selectedItemValue.toString().toLowerCase() : void 0;
+    const matchedIndex = normalizedTitle || normalizedValue ? filteredItems.findIndex((item) => {
+      if (!isSelectableMenuItem(item)) return false;
+      const title = item.title?.toString().toLowerCase();
+      const value = item.value?.toString().toLowerCase();
+      if (normalizedValue && value === normalizedValue) return true;
+      if (normalizedTitle && title === normalizedTitle) return true;
+      return false;
+    }) : -1;
+    if (matchedIndex !== -1) {
+      this.selectedIndex = matchedIndex;
+      this.notifyChange();
+      return;
+    }
+    const firstSelectableIndex = filteredItems.findIndex(
+      (item) => isSelectableMenuItem(item)
+    );
+    this.selectedIndex = firstSelectableIndex === -1 ? 0 : firstSelectableIndex;
     this.notifyChange();
   }
   getSelectedItem() {
@@ -11355,6 +11374,13 @@ var Combobox = memoGeneric(
       }
     }
     const initialValueString = getInitialValueString();
+    const resetSelectionOptions = (0, import_react73.useMemo)(
+      () => props.mode === "string" ? { selectedItemTitle: initialValueString } : {
+        selectedItemTitle: initialValueString,
+        selectedItemValue: props.value?.value?.toString()
+      },
+      [initialValueString, props.mode, props.value]
+    );
     const [comboboxState] = (0, import_react73.useState)(
       () => new ComboboxState(
         items,
@@ -11365,6 +11391,7 @@ var Combobox = memoGeneric(
     const state = useComboboxState(comboboxState);
     const [isFocused, setIsFocused] = (0, import_react73.useState)(false);
     const listRef = (0, import_react73.useRef)(null);
+    const menuOpenedRef = (0, import_react73.useRef)(false);
     const [shouldBlur, setShouldBlur] = (0, import_react73.useState)(false);
     const { fieldId: id } = useLabel({
       fieldId: rest.id
@@ -11382,9 +11409,20 @@ var Combobox = memoGeneric(
         listRef.current.scrollToIndex(selectedIndex);
       }
     }, [selectedIndex]);
+    (0, import_react73.useEffect)(() => {
+      if (!shouldShowMenu) {
+        menuOpenedRef.current = false;
+        return;
+      }
+      if (menuOpenedRef.current) return;
+      menuOpenedRef.current = true;
+      if (listRef.current) {
+        listRef.current.scrollToIndex(selectedIndex);
+      }
+    }, [shouldShowMenu, selectedIndex]);
     const handleBlur = (0, import_react73.useCallback)(() => {
       ref.current?.blur();
-      comboboxState.reset(initialValueString);
+      comboboxState.reset(initialValueString, resetSelectionOptions);
       if (props.mode === "string") {
         props.onBlur?.(
           state.filter === state.lastSubmittedValue.filter,
@@ -11400,12 +11438,20 @@ var Combobox = memoGeneric(
         }
       }
       setIsFocused(false);
-    }, [filter, initialValueString, props, state, comboboxState]);
+    }, [
+      filter,
+      initialValueString,
+      props,
+      resetSelectionOptions,
+      state,
+      comboboxState
+    ]);
     const handleFocus = (0, import_react73.useCallback)(
       (event) => {
         setIsFocused(true);
         comboboxState.reset(
-          openMenuBehavior === "showAllItems" ? "" : initialValueString
+          openMenuBehavior === "showAllItems" ? "" : initialValueString,
+          resetSelectionOptions
         );
         if (ref.current) {
           const length = ref.current.value.length;
@@ -11413,7 +11459,13 @@ var Combobox = memoGeneric(
         }
         onFocus?.(event);
       },
-      [initialValueString, onFocus, openMenuBehavior, comboboxState]
+      [
+        initialValueString,
+        onFocus,
+        openMenuBehavior,
+        resetSelectionOptions,
+        comboboxState
+      ]
     );
     const handleUpdateSelection = (0, import_react73.useCallback)(
       (item) => {
@@ -11578,7 +11630,8 @@ var Combobox = memoGeneric(
           return;
         }
         comboboxState.reset(
-          openMenuBehavior === "showAllItems" ? "" : initialValueString
+          openMenuBehavior === "showAllItems" ? "" : initialValueString,
+          resetSelectionOptions
         );
         ref.current?.focus();
       },
@@ -11587,6 +11640,7 @@ var Combobox = memoGeneric(
         openMenuBehavior,
         initialValueString,
         handleBlur,
+        resetSelectionOptions,
         comboboxState
       ]
     );