@linzjs/lui 21.44.0 → 21.44.2

package/dist/lui.esm.js

@@ -42407,7 +42407,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.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.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.createElement("div", null,
@@ -42506,19 +42506,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; });
@@ -42529,7 +42530,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*/];
                 }
             });
         });