@rufous/ui 0.2.91 → 0.2.93

package/dist/main.cjs

@@ -1925,6 +1925,15 @@ function defaultGetLabel(option) {
     return String(option.label);
   return String(option);
 }
+function defaultIsEqual(a, b) {
+  if (a === b) return true;
+  if (a !== null && b !== null && typeof a === "object" && typeof b === "object") {
+    const aVal = a.value;
+    const bVal = b.value;
+    if (aVal !== void 0 && bVal !== void 0) return aVal === bVal;
+  }
+  return false;
+}
 function defaultFilter(options, inputValue, getLabel) {
   if (!inputValue) return options;
   const q = inputValue.toLowerCase();
@@ -1967,6 +1976,7 @@ function AutocompleteInner(props, _ref) {
   } = props;
   const [open, setOpen] = (0, import_react18.useState)(false);
   const [inputStr, setInputStr] = (0, import_react18.useState)("");
+  const [filterQuery, setFilterQuery] = (0, import_react18.useState)("");
   const [focusedIdx, setFocusedIdx] = (0, import_react18.useState)(-1);
   const [popupStyle, setPopupStyle] = (0, import_react18.useState)({});
   const containerRef = (0, import_react18.useRef)(null);
@@ -2007,14 +2017,14 @@ function AutocompleteInner(props, _ref) {
   const activeInput = controlledInput !== void 0 ? controlledInput : inputStr;
   const selectedValues = multiple ? Array.isArray(value) ? value : [] : value != null ? [value] : [];
   const isEqual = (0, import_react18.useCallback)(
-    (a, b) => isOptionEqualToValue ? isOptionEqualToValue(a, b) : a === b,
+    (a, b) => isOptionEqualToValue ? isOptionEqualToValue(a, b) : defaultIsEqual(a, b),
     [isOptionEqualToValue]
   );
   const isSelected = (0, import_react18.useCallback)(
     (opt) => selectedValues.some((v) => isEqual(opt, v)),
     [selectedValues, isEqual]
   );
-  const filtered = filterOptions ? filterOptions(options, activeInput) : defaultFilter(options, activeInput, getOptionLabel);
+  const filtered = filterOptions ? filterOptions(options, activeInput) : defaultFilter(options, filterQuery, getOptionLabel);
   const flatEntries = [];
   if (groupBy) {
     const groups = {};
@@ -2042,6 +2052,7 @@ function AutocompleteInner(props, _ref) {
     calcPopupStyle();
     setOpen(true);
     setFocusedIdx(-1);
+    setFilterQuery("");
     onOpen?.();
   }, [disabled, calcPopupStyle, onOpen]);
   const closePopup = (0, import_react18.useCallback)((justSelected = false) => {
@@ -2086,11 +2097,13 @@ function AutocompleteInner(props, _ref) {
       const next = already ? selectedValues.filter((v) => !isEqual(v, opt)) : [...selectedValues, opt];
       onChange?.(event, next, already ? "removeOption" : "selectOption");
       setInputStr("");
+      setFilterQuery("");
       onInputChange?.("");
       inputRef.current?.focus();
     } else {
       onChange?.(event, opt, "selectOption");
       setInputStr(getOptionLabel(opt));
+      setFilterQuery("");
       onInputChange?.(getOptionLabel(opt));
       closePopup(true);
     }
@@ -2100,6 +2113,7 @@ function AutocompleteInner(props, _ref) {
     e.stopPropagation();
     onChange?.(e, multiple ? [] : null, "clear");
     setInputStr("");
+    setFilterQuery("");
     onInputChange?.("");
     inputRef.current?.focus();
   };
@@ -2111,6 +2125,7 @@ function AutocompleteInner(props, _ref) {
   const handleInputChange = (e) => {
     const v = e.target.value;
     setInputStr(v);
+    setFilterQuery(v);
     onInputChange?.(v);
     if (!open) openPopup();
   };

package/dist/main.js

@@ -1764,6 +1764,15 @@ function defaultGetLabel(option) {
     return String(option.label);
   return String(option);
 }
+function defaultIsEqual(a, b) {
+  if (a === b) return true;
+  if (a !== null && b !== null && typeof a === "object" && typeof b === "object") {
+    const aVal = a.value;
+    const bVal = b.value;
+    if (aVal !== void 0 && bVal !== void 0) return aVal === bVal;
+  }
+  return false;
+}
 function defaultFilter(options, inputValue, getLabel) {
   if (!inputValue) return options;
   const q = inputValue.toLowerCase();
@@ -1806,6 +1815,7 @@ function AutocompleteInner(props, _ref) {
   } = props;
   const [open, setOpen] = useState4(false);
   const [inputStr, setInputStr] = useState4("");
+  const [filterQuery, setFilterQuery] = useState4("");
   const [focusedIdx, setFocusedIdx] = useState4(-1);
   const [popupStyle, setPopupStyle] = useState4({});
   const containerRef = useRef3(null);
@@ -1846,14 +1856,14 @@ function AutocompleteInner(props, _ref) {
   const activeInput = controlledInput !== void 0 ? controlledInput : inputStr;
   const selectedValues = multiple ? Array.isArray(value) ? value : [] : value != null ? [value] : [];
   const isEqual = useCallback(
-    (a, b) => isOptionEqualToValue ? isOptionEqualToValue(a, b) : a === b,
+    (a, b) => isOptionEqualToValue ? isOptionEqualToValue(a, b) : defaultIsEqual(a, b),
     [isOptionEqualToValue]
   );
   const isSelected = useCallback(
     (opt) => selectedValues.some((v) => isEqual(opt, v)),
     [selectedValues, isEqual]
   );
-  const filtered = filterOptions ? filterOptions(options, activeInput) : defaultFilter(options, activeInput, getOptionLabel);
+  const filtered = filterOptions ? filterOptions(options, activeInput) : defaultFilter(options, filterQuery, getOptionLabel);
   const flatEntries = [];
   if (groupBy) {
     const groups = {};
@@ -1881,6 +1891,7 @@ function AutocompleteInner(props, _ref) {
     calcPopupStyle();
     setOpen(true);
     setFocusedIdx(-1);
+    setFilterQuery("");
     onOpen?.();
   }, [disabled, calcPopupStyle, onOpen]);
   const closePopup = useCallback((justSelected = false) => {
@@ -1925,11 +1936,13 @@ function AutocompleteInner(props, _ref) {
       const next = already ? selectedValues.filter((v) => !isEqual(v, opt)) : [...selectedValues, opt];
       onChange?.(event, next, already ? "removeOption" : "selectOption");
       setInputStr("");
+      setFilterQuery("");
       onInputChange?.("");
       inputRef.current?.focus();
     } else {
       onChange?.(event, opt, "selectOption");
       setInputStr(getOptionLabel(opt));
+      setFilterQuery("");
       onInputChange?.(getOptionLabel(opt));
       closePopup(true);
     }
@@ -1939,6 +1952,7 @@ function AutocompleteInner(props, _ref) {
     e.stopPropagation();
     onChange?.(e, multiple ? [] : null, "clear");
     setInputStr("");
+    setFilterQuery("");
     onInputChange?.("");
     inputRef.current?.focus();
   };
@@ -1950,6 +1964,7 @@ function AutocompleteInner(props, _ref) {
   const handleInputChange = (e) => {
     const v = e.target.value;
     setInputStr(v);
+    setFilterQuery(v);
     onInputChange?.(v);
     if (!open) openPopup();
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.2.91",
+  "version": "0.2.93",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",