twico-ui 1.40.0 → 1.41.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to Twico UI are documented here (newest first). This file is generated automatically on each release by [semantic-release](https://semantic-release.gitbook.io/) from [Conventional Commits](https://www.conventionalcommits.org/) — do not edit it by hand. The same notes appear on each [GitHub Release](https://github.com/EncryptionL/twico-ui/releases).
 
+# [1.41.0](https://github.com/EncryptionL/twico-ui/compare/v1.40.0...v1.41.0) (2026-09-23)
+
+
+### Bug Fixes
+
+* **combobox:** keep active option in sync with a filtering defaultQuery ([2d13c08](https://github.com/EncryptionL/twico-ui/commit/2d13c0813cad21c5cda267f5344b2213715b48e2)), closes [#425](https://github.com/EncryptionL/twico-ui/issues/425)
+
+
+### Features
+
+* **combobox:** add defaultQuery + onOpenChange for cell-editor use ([4d65be7](https://github.com/EncryptionL/twico-ui/commit/4d65be7f0062cf77abd438a1b342393e944f5562))
+
 # [1.40.0](https://github.com/EncryptionL/twico-ui/compare/v1.39.0...v1.40.0) (2026-09-23)
 
 

package/dist/index.cjs

@@ -6349,6 +6349,7 @@ function Combobox({
   options,
   value,
   defaultValue = null,
+  defaultQuery,
   onChange,
   clearable = false,
   disabled = false,
@@ -6356,6 +6357,7 @@ function Combobox({
   portal = true,
   minWidth = 0,
   onInputChange,
+  onOpenChange,
   filter,
   loading = false,
   emptyText = "No results found",
@@ -6472,9 +6474,18 @@ function Combobox({
   React53__namespace.default.useEffect(() => {
     setActive(0);
   }, [query]);
+  const onOpenChangeRef = React53__namespace.default.useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const prevOpenRef = React53__namespace.default.useRef(open);
+  React53__namespace.default.useEffect(() => {
+    if (prevOpenRef.current !== open) {
+      prevOpenRef.current = open;
+      onOpenChangeRef.current?.(open);
+    }
+  }, [open]);
   React53__namespace.default.useEffect(() => {
     if (!open) return;
-    const idx = flat.findIndex((o) => o.value === current);
+    const idx = visible.findIndex((o) => o.value === current);
     setActive(idx >= 0 ? idx : 0);
   }, [open]);
   React53__namespace.default.useEffect(() => {
@@ -6501,8 +6512,13 @@ function Combobox({
   }, [active, open, virtualized, rows, listH]);
   function openMenu() {
     if (disabled) return;
-    setQuery("");
+    const seed = defaultQuery || "";
+    setQuery(seed);
     setOpen(true);
+    if (seed) requestAnimationFrame(() => {
+      const el = inputRef.current;
+      if (el) el.setSelectionRange(seed.length, seed.length);
+    });
   }
   function close() {
     setOpen(false);