@via-profit/ui-kit 0.1.0-rc.96 → 0.1.0-rc.97

package/Autocomplete/AutocompleteContainer.js

@@ -173,9 +173,13 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
     react_1.default.useEffect(() => {
         if (JSON.stringify(items) !== JSON.stringify(itemsRef.current)) {
             itemsRef.current = items;
-            dispatch((0, context_1.actionSetPartial)({ filteredItems: applyFilterForItems(inputValue, items) }));
+            const newFilteredItems = applyFilterForItems(inputValue, items);
+            dispatch((0, context_1.actionSetPartial)({ filteredItems: newFilteredItems }));
+            if (!newFilteredItems.length) {
+                onRequestClose();
+            }
         }
-    }, [items, inputValue, applyFilterForItems, dispatch]);
+    }, [items, inputValue, applyFilterForItems, dispatch, onRequestClose]);
     react_1.default.useEffect(() => {
         const mouseDownEvent = (event) => {
             var _a;
@@ -194,8 +198,11 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
                     const newInputValue = currentValue === null
                         ? ''
                         : selectedItemToString(currentValue);
+                    const newFilteredItems = multiple
+                        ? filteredItems
+                        : applyFilterForItems(newInputValue, items);
                     dispatch((0, context_1.actionSetPartial)({
-                        filteredItems: multiple ? filteredItems : applyFilterForItems(newInputValue, items),
+                        filteredItems: newFilteredItems,
                         inputValue: newInputValue,
                     }));
                 }
@@ -251,8 +258,9 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
                 isFocusedRef.current = true;
                 if (openOnFocus &&
                     !currentOpen &&
-                    filteredItems.length > 0 &&
-                    inputValue.trim() !== '') {
+                    filteredItems.length > 0
+                // && inputValue.trim() !== ''
+                ) {
                     onRequestOpen(event);
                 }
                 if (!openOnFocus && !currentOpen && inputValue !== '' && filteredItems.length > 0) {
@@ -267,8 +275,9 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
                 }
                 if (isFocusedRef.current &&
                     !currentOpen &&
-                    filteredItems.length > 0 &&
-                    inputValue.trim() !== '') {
+                    filteredItems.length > 0
+                // && inputValue.trim() !== ''
+                ) {
                     onRequestOpen(event);
                 }
             }, onChange: event => {
@@ -284,14 +293,22 @@ const Autocomplete = react_1.default.forwardRef((props, ref) => {
                     onRequestOpen(event);
                 }
                 // console.debug('set filteredItems');
+                const newFilteredItems = applyFilterForItems(event.currentTarget.value, items);
+                if (newFilteredItems.length === 0 && currentOpen) {
+                    onRequestClose();
+                }
+                if (newFilteredItems.length > 0 && !currentOpen) {
+                    onRequestOpen(event);
+                }
                 dispatch((0, context_1.actionSetPartial)({
-                    filteredItems: applyFilterForItems(event.currentTarget.value, items),
+                    filteredItems: newFilteredItems,
                     inputValue: event.currentTarget.value,
                 }));
             } }))), [
             overridesMap,
             placeholder,
             label,
+            onRequestClose,
             error,
             requiredAsterisk,
             errorText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.1.0-rc.96",
+  "version": "0.1.0-rc.97",
   "description": "UI Kit",
   "repository": {
     "type": "git",