@mmb-digital/ds-lilly 0.3.4 → 0.3.5

package/dist/ds-lilly.js

@@ -98424,9 +98424,11 @@ var Autocomplete2 = function (_a) {
         }
     }, [value]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
-        var itemIndex = getItemIndexByValue(value);
-        var itemIndexPosition = getItemIndexPosition(itemIndex);
-        setCurrentItemPosition(itemIndexPosition);
+        if (isDropdownVisible) {
+            var itemIndex = getItemIndexByValue(value);
+            var itemIndexPosition = getItemIndexPosition(itemIndex);
+            setCurrentItemPosition(itemIndexPosition);
+        }
     }, [isDropdownVisible]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         if (pagingState.loading) {
@@ -98473,7 +98475,7 @@ var Autocomplete2 = function (_a) {
         }
     };
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
-        if (fulltextValue && !isDropdownVisible) {
+        if (typingMode && fulltextValue && !isDropdownVisible) {
             setIsDropdownVisible(true);
         }
         if (loadItems) {
@@ -98562,6 +98564,12 @@ var Autocomplete2 = function (_a) {
     var handleCreateNewOption = function () {
         setButtonValue({ label: fulltextValue, value: fulltextValue });
         onCreateNewItem && onCreateNewItem(fulltextValue);
+        setTypingMode(false);
+    };
+    var handleBlur = function (item) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        onBlur && onBlur((item === null || item === void 0 ? void 0 : item.value) || undefined);
     };
     var handleOptionKeyPress = function (event) {
         var ctrlKey = event.ctrlKey, key = event.key, metaKey = event.metaKey, target = event.target;
@@ -98675,18 +98683,29 @@ var Autocomplete2 = function (_a) {
         }
         if (key === KEYS.Enter) {
             event.preventDefault();
-            if (isDropdownVisible && showCreatable && itemsIndex.length === 0) {
-                handleCreateNewOption();
+            if (isDropdownVisible) {
+                if (showCreatable && itemsIndex.length === 0) {
+                    handleCreateNewOption();
+                }
+                else if (fulltextValue && fulltextValue !== (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) && itemsIndex.length > 0) {
+                    var _a = itemsIndex[0], category = _a.category, item = _a.item;
+                    var selectedItem = isCategorised
+                        ? items[category].items[item]
+                        : items[item];
+                    setFulltextValue(selectedItem.label);
+                    propagateChange(selectedItem);
+                    setTypingMode(false);
+                }
+                else if (fulltextValue !== (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label)) {
+                    resetFulltext(false);
+                    setCurrentItemPosition(-1);
+                    propagateChange();
+                }
+                setIsDropdownVisible(false);
             }
-            else if (isDropdownVisible && fulltextValue !== (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) && itemsIndex.length > 0) {
-                var _a = itemsIndex[0], category = _a.category, item = _a.item;
-                var selectedItem = isCategorised
-                    ? items[category].items[item]
-                    : items[item];
-                setFulltextValue(selectedItem.label);
-                propagateChange(selectedItem);
+            else {
+                setIsDropdownVisible(function (prev) { return !prev; });
             }
-            setIsDropdownVisible(function (prev) { return !prev; });
             return;
         }
         if (key === KEYS.ArrowUp && isDropdownVisible) {
@@ -98721,30 +98740,36 @@ var Autocomplete2 = function (_a) {
             return;
         }
         if (key === KEYS.Tab) {
-            setIsDropdownVisible(false);
-            if (isDropdownVisible && showCreatable && itemsIndex.length === 0) {
-                handleCreateNewOption();
-            }
-            else if (fulltextValue && itemsIndex.length === 1) {
-                var _c = itemsIndex[0], category = _c.category, item = _c.item;
-                var selectedItem = isCategorised
-                    ? items[category].items[item]
-                    : items[item];
-                setButtonValue(selectedItem);
-            }
-            else if (fulltextValue) {
-                resetFulltext();
+            if (!isDropdownVisible) {
+                handleBlur(buttonValue);
             }
             else {
-                propagateChange();
+                if (showCreatable && itemsIndex.length === 0) {
+                    handleCreateNewOption();
+                }
+                else if (fulltextValue && fulltextValue !== (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) && itemsIndex.length > 0) {
+                    var _c = itemsIndex[0], category = _c.category, item = _c.item;
+                    var selectedItem = isCategorised
+                        ? items[category].items[item]
+                        : items[item];
+                    setButtonValue(selectedItem);
+                    propagateChange(selectedItem);
+                    handleBlur(selectedItem);
+                }
+                else if (fulltextValue) {
+                    handleBlur(buttonValue);
+                }
+                else {
+                    setCurrentItemPosition(-1);
+                    resetFulltext(false);
+                    propagateChange();
+                    handleBlur();
+                }
             }
             setTimeout(function () {
+                setIsDropdownVisible(false);
                 setTypingMode(false);
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                onBlur && onBlur(buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.value);
             });
-            return;
         }
     };
     var handleFulltextChange = function (_a) {
@@ -98780,6 +98805,7 @@ var Autocomplete2 = function (_a) {
             setIsDropdownVisible(isVisible);
             setTypingMode(isVisible);
             resetFulltext();
+            handleBlur(buttonValue);
         }
     };
     var renderDropdownContent = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,