@linzjs/lui 21.44.0 → 21.44.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [21.44.2](https://github.com/linz/lui/compare/v21.44.1...v21.44.2) (2024-08-27)
+
+
+### Bug Fixes
+
+* **SearchInput:** use onMouseDown instead of onClick for search results display ([#1153](https://github.com/linz/lui/issues/1153)) ([ece2812](https://github.com/linz/lui/commit/ece281248f78a7e78bbd817bd5d444a828a521b0))
+
+## [21.44.1](https://github.com/linz/lui/compare/v21.44.0...v21.44.1) (2024-08-20)
+
+
+### Bug Fixes
+
+* clean the last search result when empty the search input ([#1150](https://github.com/linz/lui/issues/1150)) ([fb5d306](https://github.com/linz/lui/commit/fb5d306d3e13e7e88a3f0c9b327beb3f43ab9768))
+
 # [21.44.0](https://github.com/linz/lui/compare/v21.43.0...v21.44.0) (2024-08-11)
 
 

package/dist/index.js

@@ -42436,7 +42436,7 @@ var ResultsDisplay = function (_a) {
     var isLoading = _a.isLoading, onClick = _a.onClick, children = _a.children, selectedId = _a.selectedId, selectedRef = _a.selectedRef, setSelectedId = _a.setSelectedId, results = _a.results, renderItem = _a.renderItem;
     var ResultLine = function (result) {
         var isSelected = result.id === selectedId;
-        return (React__default["default"].createElement("div", { className: clsx('LuiSearchInput-resultEntry', isSelected && 'selected'), key: result.id, ref: isSelected ? selectedRef : null, onClick: function () { return onClick(result.id); }, onMouseEnter: function () { return setSelectedId(result.id); } }, renderItem(result)));
+        return (React__default["default"].createElement("div", { className: clsx('LuiSearchInput-resultEntry', isSelected && 'selected'), key: result.id, ref: isSelected ? selectedRef : null, onMouseDown: function () { return onClick(result.id); }, onMouseEnter: function () { return setSelectedId(result.id); } }, renderItem(result)));
     };
     var GroupedResult = function (result) {
         return (React__default["default"].createElement("div", null,
@@ -42535,19 +42535,20 @@ var LuiSearchInput = function (props) {
         }
     }
     function retrieveResults(input) {
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
             var results_1, items, selectedIdInResults;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        if (!(input !== '' && input.length >= props.minCharactersForSearch)) return [3 /*break*/, 4];
+                        if (!(input !== '' && input.length >= props.minCharactersForSearch)) return [3 /*break*/, 5];
                         setIsLoading(true);
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, , 3, 4]);
+                        _b.trys.push([1, , 3, 4]);
                         return [4 /*yield*/, props.getOptions(input)];
                     case 2:
-                        results_1 = _a.sent();
+                        results_1 = _b.sent();
                         items = flatten(results_1);
                         setResults(results_1);
                         selectedIdInResults = items.some(function (item) { return item.id === selectedId; });
@@ -42558,7 +42559,20 @@ var LuiSearchInput = function (props) {
                     case 3:
                         setIsLoading(false);
                         return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        if (input !== '' &&
+                            input.length < props.minCharactersForSearch &&
+                            results.length > 0) {
+                            setResults([]);
+                        }
+                        else if (input === '' && results.length > 0) {
+                            setInputValue('');
+                            (_a = props.onClearCallback) === null || _a === void 0 ? void 0 : _a.call(props);
+                            setResults([]);
+                        }
+                        _b.label = 6;
+                    case 6: return [2 /*return*/];
                 }
             });
         });