@papernote/ui 1.7.5 → 1.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Autocomplete.d.ts.map +1 -1
- package/dist/index.esm.js +15 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +15 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Autocomplete.tsx +14 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,8FAkThB,CAAC;AAGH,eAAe,YAAY,CAAC"}
|
package/dist/index.esm.js
CHANGED
|
@@ -5048,11 +5048,14 @@ const Autocomplete = forwardRef(({ value, onChange, options = [], onSearch, labe
|
|
|
5048
5048
|
const results = await onSearch(query);
|
|
5049
5049
|
setFilteredOptions(results.slice(0, maxResults));
|
|
5050
5050
|
setIsOpen(results.length > 0);
|
|
5051
|
+
// Auto-highlight first result for keyboard navigation
|
|
5052
|
+
setHighlightedIndex(results.length > 0 ? 0 : -1);
|
|
5051
5053
|
}
|
|
5052
5054
|
catch (err) {
|
|
5053
5055
|
console.error('Autocomplete search error:', err);
|
|
5054
5056
|
setFilteredOptions([]);
|
|
5055
5057
|
setIsOpen(false);
|
|
5058
|
+
setHighlightedIndex(-1);
|
|
5056
5059
|
}
|
|
5057
5060
|
finally {
|
|
5058
5061
|
setLoading(false);
|
|
@@ -5063,6 +5066,8 @@ const Autocomplete = forwardRef(({ value, onChange, options = [], onSearch, labe
|
|
|
5063
5066
|
const filtered = filterOptions(query);
|
|
5064
5067
|
setFilteredOptions(filtered);
|
|
5065
5068
|
setIsOpen(filtered.length > 0);
|
|
5069
|
+
// Auto-highlight first result for keyboard navigation
|
|
5070
|
+
setHighlightedIndex(filtered.length > 0 ? 0 : -1);
|
|
5066
5071
|
}
|
|
5067
5072
|
};
|
|
5068
5073
|
// Debounced search
|
|
@@ -5099,7 +5104,16 @@ const Autocomplete = forwardRef(({ value, onChange, options = [], onSearch, labe
|
|
|
5099
5104
|
const handleKeyDown = (e) => {
|
|
5100
5105
|
if (!isOpen) {
|
|
5101
5106
|
if (e.key === 'ArrowDown') {
|
|
5102
|
-
|
|
5107
|
+
e.preventDefault();
|
|
5108
|
+
// If we have cached results from a previous search, show them
|
|
5109
|
+
if (filteredOptions.length > 0) {
|
|
5110
|
+
setIsOpen(true);
|
|
5111
|
+
setHighlightedIndex(0);
|
|
5112
|
+
}
|
|
5113
|
+
else if (value.length >= minChars) {
|
|
5114
|
+
// Otherwise trigger a new search
|
|
5115
|
+
handleSearch(value);
|
|
5116
|
+
}
|
|
5103
5117
|
}
|
|
5104
5118
|
return;
|
|
5105
5119
|
}
|