@mmb-digital/ds-lilly 0.3.12 → 0.3.15

package/dist/ds-lilly.js

@@ -96928,62 +96928,34 @@ var Tile = function (_a) {
 
 
 // CONCATENATED MODULE: ./src/components/Components/Toast/Toast.hook.ts
-var Toast_hook_assign = (undefined && undefined.__assign) || function () {
-    Toast_hook_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Toast_hook_assign.apply(this, arguments);
+var ADD_TOAST_EVENT = 'toast/add';
+var REMOVE_TOAST_EVENT = 'toast/remove';
+var REMOVE_ALL_TOASTS_EVENT = 'toast/removeAll';
+var triggerEvent = function (eventType, data) {
+    try {
+        var event_1 = new CustomEvent(eventType, { detail: data });
+        document.dispatchEvent(event_1);
+    }
+    catch (err) {
+        var event_2 = document.createEvent('CustomEvent');
+        event_2.initCustomEvent(eventType, true, false, data);
+        document.dispatchEvent(event_2);
+    }
 };
-var Toast_hook_rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var addToast = function (toast) {
+    triggerEvent(ADD_TOAST_EVENT, toast);
 };
-var Toast_hook_spreadArray = (undefined && undefined.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var removeToast = function (toastId) {
+    triggerEvent(REMOVE_TOAST_EVENT, toastId);
 };
-
-var Toast_hook_toasts = [];
-var useToast = function (_a) {
-    var _b = _a === void 0 ? {} : _a, autoCloseMilliseconds = _b.autoCloseMilliseconds;
-    var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useReducer"])(function (x) { return x + 1; }, 0), forceUpdate = _c[1];
-    var removeAllToasts = function () {
-        Toast_hook_toasts = [];
-        forceUpdate();
-    };
-    var removeToast = function (toastId) {
-        Toast_hook_toasts = Toast_hook_toasts.filter(function (toast) { return toast.toastId !== toastId; });
-        forceUpdate();
-    };
-    var addToast = function (toast) {
-        var toastAutoCloseMilliseconds = toast.autoCloseMilliseconds, rest = Toast_hook_rest(toast, ["autoCloseMilliseconds"]);
-        var toastId = rest.toastId || "toast-" + Math.random().toString();
-        Toast_hook_toasts = Toast_hook_spreadArray([Toast_hook_assign(Toast_hook_assign({}, rest), { toastId: toastId })], Toast_hook_toasts);
-        forceUpdate();
-        if ((autoCloseMilliseconds || toastAutoCloseMilliseconds) && toastAutoCloseMilliseconds !== 0) {
-            setTimeout(function () { return removeToast(toastId); }, autoCloseMilliseconds || toastAutoCloseMilliseconds);
-        }
-    };
-    return {
-        toasts: Toast_hook_toasts,
-        addToast: addToast,
-        removeToast: removeToast,
-        removeAllToasts: removeAllToasts
-    };
+var removeAllToasts = function () {
+    triggerEvent(REMOVE_ALL_TOASTS_EVENT);
 };
+var useToast = function () { return ({
+    addToast: addToast,
+    removeToast: removeToast,
+    removeAllToasts: removeAllToasts
+}); };
 
 // CONCATENATED MODULE: ./src/components/Components/Toast/Toast.tsx
 var Toast_assign = (undefined && undefined.__assign) || function () {
@@ -97008,18 +96980,41 @@ var Toast_rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
+var Toast_spreadArray = (undefined && undefined.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 
 
 
 
-var ToastContainer = function () {
-    var _a = useToast(), removeAllToasts = _a.removeAllToasts, removeToast = _a.removeToast, toasts = _a.toasts;
-    Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return function () {
-        removeAllToasts();
-    }; }, []);
-    var handleCloseToast = function (id) { return function () {
-        removeToast(id);
+
+var ToastContainer = function (_a) {
+    var autoCloseMilliseconds = _a.autoCloseMilliseconds;
+    var _b = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), toasts = _b[0], setToasts = _b[1];
+    var handleCloseToast = function (toastId) { return function () {
+        setToasts(function (prev) { return prev.filter(function (toast) { return toast.toastId !== toastId; }); });
     }; };
+    var handleAddToast = function (event) {
+        var _a = event.detail, toastAutoCloseMilliseconds = _a.autoCloseMilliseconds, rest = Toast_rest(_a, ["autoCloseMilliseconds"]);
+        var toastId = rest.toastId || "toast-" + Math.random().toString();
+        setToasts(function (prev) { return Toast_spreadArray([Toast_assign(Toast_assign({}, rest), { toastId: toastId })], prev); });
+        if ((autoCloseMilliseconds || toastAutoCloseMilliseconds) && toastAutoCloseMilliseconds !== 0) {
+            setTimeout(function () { return handleCloseToast(toastId)(); }, autoCloseMilliseconds || toastAutoCloseMilliseconds);
+        }
+    };
+    var handleRemoveToast = function (event) { return handleCloseToast(event.detail)(); };
+    var handleRemoveAllToasts = function () { return setToasts([]); };
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    useEventListener(ADD_TOAST_EVENT, handleAddToast, document);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    useEventListener(REMOVE_TOAST_EVENT, handleRemoveToast, document);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    useEventListener(REMOVE_ALL_TOASTS_EVENT, handleRemoveAllToasts, document);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-toast__container" },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AnimatePresence, null, toasts.map(function (_a) {
             var content = _a.content, toastId = _a.toastId, props = Toast_rest(_a, ["content", "toastId"]);
@@ -98276,27 +98271,28 @@ var Autocomplete2_spreadArray = (undefined && undefined.__spreadArray) || functi
 
 
 var Autocomplete2 = function (_a) {
-    var _b;
-    var _c = _a.asyncDelayMilliseconds, asyncDelayMilliseconds = _c === void 0 ? 200 : _c, _d = _a.canAlwaysCreateNewItem, canAlwaysCreateNewItem = _d === void 0 ? false : _d, disabledTooltip = _a.disabledTooltip, _e = _a.displayDetails, displayDetails = _e === void 0 ? false : _e, dropdownTheme = _a.dropdownTheme, emptyValueLabel = _a.emptyValueLabel, error = _a.error, _f = _a.filterMinimumLength, filterMinimumLength = _f === void 0 ? 2 : _f, _g = _a.hasFullWidthOptions, hasFullWidthOptions = _g === void 0 ? true : _g, help = _a.help, isDisabled = _a.isDisabled, isLazyLoaded = _a.isLazyLoaded, isLoading = _a.isLoading, _h = _a.items, inputItems = _h === void 0 ? [] : _h, label = _a.label, labelTooltip = _a.labelTooltip, loadItems = _a.loadItems, loadMoreItems = _a.loadMoreItems, name = _a.name, messages = _a.messages, _j = _a.newItemMinimumLength, newItemMinimumLength = _j === void 0 ? 2 : _j, onBlur = _a.onBlur, onChange = _a.onChange, onCreateNewItem = _a.onCreateNewItem, onFocus = _a.onFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
-    var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _k[0], setIsDropdownVisible = _k[1];
-    var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(null), buttonValue = _l[0], setButtonValue = _l[1];
-    var _m = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), typingMode = _m[0], setTypingMode = _m[1];
-    var _o = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(''), fulltextValue = _o[0], setFulltextValue = _o[1];
-    var _p = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(-1), currentItemPosition = _p[0], setCurrentItemPosition = _p[1];
-    var _q = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), items = _q[0], setItems = _q[1];
-    var _r = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({
+    var _b = _a.asyncDelayMilliseconds, asyncDelayMilliseconds = _b === void 0 ? 200 : _b, _c = _a.canAlwaysCreateNewItem, canAlwaysCreateNewItem = _c === void 0 ? false : _c, disabledTooltip = _a.disabledTooltip, _d = _a.displayDetails, displayDetails = _d === void 0 ? false : _d, dropdownTheme = _a.dropdownTheme, emptyValueLabel = _a.emptyValueLabel, error = _a.error, _e = _a.filterMinimumLength, filterMinimumLength = _e === void 0 ? 2 : _e, _f = _a.hasFullWidthOptions, hasFullWidthOptions = _f === void 0 ? true : _f, help = _a.help, isDisabled = _a.isDisabled, isLazyLoaded = _a.isLazyLoaded, isLoading = _a.isLoading, _g = _a.items, inputItems = _g === void 0 ? [] : _g, label = _a.label, labelTooltip = _a.labelTooltip, loadItems = _a.loadItems, loadMoreItems = _a.loadMoreItems, name = _a.name, messages = _a.messages, _h = _a.newItemMinimumLength, newItemMinimumLength = _h === void 0 ? 2 : _h, onBlur = _a.onBlur, onChange = _a.onChange, onCreateNewItem = _a.onCreateNewItem, onFocus = _a.onFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var _j = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _j[0], setIsDropdownVisible = _j[1];
+    var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(null), buttonValue = _k[0], setButtonValue = _k[1];
+    var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), typingMode = _l[0], setTypingMode = _l[1];
+    var _m = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(''), fulltextValue = _m[0], setFulltextValue = _m[1];
+    var _o = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(-1), currentItemPosition = _o[0], setCurrentItemPosition = _o[1];
+    var _p = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), items = _p[0], setItems = _p[1];
+    var _q = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({
         loading: false,
         found: -1
-    }), searchState = _r[0], setSearchState = _r[1];
-    var _s = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({
+    }), searchState = _q[0], setSearchState = _q[1];
+    var _r = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({
         loading: false,
         found: -1
-    }), pagingState = _s[0], setPagingState = _s[1];
+    }), pagingState = _r[0], setPagingState = _r[1];
+    var getSearchString = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (str) { return stripDiacritics(str).toLowerCase(); }, []);
+    var emptyValueLabelPattern = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return getSearchString(emptyValueLabel || ''); }, [emptyValueLabel]);
+    var isCategorised = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (itemList) { var _a; return !!(itemList && ((_a = itemList[0]) === null || _a === void 0 ? void 0 : _a.items)); }, []);
     var loadAsyncItems = function (query) { return Autocomplete2_awaiter(void 0, void 0, void 0, function () {
-        var newItems, isCategorised, found;
-        var _a;
-        return Autocomplete2_generator(this, function (_b) {
-            switch (_b.label) {
+        var newItems, categorised, found;
+        return Autocomplete2_generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     if (!loadItems)
                         return [2 /*return*/];
@@ -98304,9 +98300,9 @@ var Autocomplete2 = function (_a) {
                     setItems([]);
                     return [4 /*yield*/, loadItems(query)];
                 case 1:
-                    newItems = _b.sent();
-                    isCategorised = !!(newItems && ((_a = newItems[0]) === null || _a === void 0 ? void 0 : _a.items));
-                    found = isCategorised
+                    newItems = _a.sent();
+                    categorised = isCategorised(newItems);
+                    found = categorised
                         ? newItems.reduce(function (acc, curr) { return acc + curr.items.length; }, 0)
                         : newItems.length;
                     setSearchState({ loading: false, found: found });
@@ -98315,11 +98311,11 @@ var Autocomplete2 = function (_a) {
             }
         });
     }); };
+    var fulltextMatchesEmptyValue = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return emptyValueLabelPattern.includes(fulltextValue); }, [fulltextValue]);
     var debouncedCallApi = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(function () { return (loadItems ? lodash_debounce_default()(loadAsyncItems, asyncDelayMilliseconds) : noop); })[0];
-    var isCategorised = !!(items && ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.items));
     var itemsIndex = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () {
         var map;
-        if (isCategorised) {
+        if (isCategorised(items)) {
             map = items.reduce(function (acc, category, categoryIndex) {
                 return acc.concat(category.items
                     .map(function (item, index) { return (!item.isDisabled ? { category: categoryIndex, item: index } : undefined); })
@@ -98331,11 +98327,11 @@ var Autocomplete2 = function (_a) {
                 .map(function (item, index) { return (!item.isDisabled ? { category: -1, item: index } : undefined); })
                 .filter(Boolean);
         }
-        if (emptyValueLabel && map.length > 0 && (fulltextValue === (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || !value)) {
+        if (emptyValueLabel && (!fulltextValue || fulltextValue === (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || fulltextMatchesEmptyValue)) {
             return Autocomplete2_spreadArray([{ item: -1, category: -1 }], map);
         }
         return map;
-    }, [items, isCategorised, fulltextValue, value, buttonValue]);
+    }, [items, fulltextValue, value, buttonValue]);
     var showCreatable = !!onCreateNewItem &&
         (itemsIndex.length === 0 || canAlwaysCreateNewItem) &&
         typingMode &&
@@ -98346,7 +98342,7 @@ var Autocomplete2 = function (_a) {
         if (val === '' || val === undefined) {
             return { item: -1, category: -1 };
         }
-        if (isCategorised) {
+        if (isCategorised(sourceItems)) {
             var index = sourceItems
                 .map(function (category, categoryIndex) {
                 var item = category.items.findIndex(function (item) { return item.value === val && !item.isDisabled; });
@@ -98368,16 +98364,14 @@ var Autocomplete2 = function (_a) {
         });
     };
     var getFilteredItems = function (filter) {
-        var newFilter = stripDiacritics(typeof filter === 'string' ? filter : filter.toString())
-            .toLowerCase()
-            .trim();
-        if (isCategorised) {
+        var newFilter = getSearchString(typeof filter === 'string' ? filter : filter.toString()).trim();
+        if (isCategorised(inputItems)) {
             var filteredCategories_1 = [];
             var unfilteredItems = inputItems;
             unfilteredItems.map(function (category) {
                 var filteredCategory = category.items.filter(function (_a) {
                     var amount = _a.amount, label = _a.label, perex = _a.perex;
-                    var text = stripDiacritics(label + " " + (perex || '') + " " + (amount || '')).toLowerCase();
+                    var text = getSearchString(label + " " + (perex || '') + " " + (amount || ''));
                     return text.includes(newFilter);
                 });
                 if (filteredCategory.length > 0) {
@@ -98389,7 +98383,7 @@ var Autocomplete2 = function (_a) {
         else {
             var filteredOptions = inputItems.filter(function (_a) {
                 var amount = _a.amount, label = _a.label, perex = _a.perex;
-                var text = stripDiacritics(label + " " + (perex || '') + " " + (amount || '')).toLowerCase();
+                var text = getSearchString(label + " " + (perex || '') + " " + (amount || ''));
                 return text.includes(newFilter);
             });
             return filteredOptions;
@@ -98400,7 +98394,7 @@ var Autocomplete2 = function (_a) {
             setItems(inputItems);
             var _a = getItemIndexByValue(value, inputItems), category = _a.category, item = _a.item;
             if (item > -1) {
-                var selectedItem = isCategorised
+                var selectedItem = isCategorised(inputItems)
                     ? inputItems[category].items[item]
                     : inputItems[item];
                 if (selectedItem) {
@@ -98415,7 +98409,7 @@ var Autocomplete2 = function (_a) {
         setCurrentItemPosition(itemIndexPosition);
         var category = itemIndex.category, item = itemIndex.item;
         if (item > -1) {
-            var selectedItem = isCategorised
+            var selectedItem = isCategorised(items)
                 ? items[category].items[item]
                 : items[item];
             if (selectedItem) {
@@ -98439,7 +98433,7 @@ var Autocomplete2 = function (_a) {
         var _a, _b, _c, _d, _e, _f;
         if (category === void 0) { category = -1; }
         if (center === void 0) { center = false; }
-        var itemElementId = isCategorised ? name + "_option-" + category + "-" + item : name + "_option-" + item;
+        var itemElementId = isCategorised(items) ? name + "_option-" + category + "-" + item : name + "_option-" + item;
         if (center) {
             var dropdownHalfHeight = (((_a = document.getElementById('autocomplete_dropdown')) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0) / 2;
             var itemHalfHeight = (((_b = document.getElementById(itemElementId)) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0) / 2;
@@ -98555,7 +98549,7 @@ var Autocomplete2 = function (_a) {
             propagateChange();
             return undefined;
         }
-        var selectedItem = isCategorised
+        var selectedItem = isCategorised(items)
             ? items[category].items[item]
             : items[item];
         if (selectedItem) {
@@ -98680,7 +98674,7 @@ var Autocomplete2 = function (_a) {
                 setTimeout(function () {
                     var _a;
                     scrollToItem(item_1, category_1);
-                    var listElementId = isCategorised ? name + "_list-" + category_1 : name + "_list";
+                    var listElementId = isCategorised(items) ? name + "_list-" + category_1 : name + "_list";
                     (_a = document.getElementById(listElementId)) === null || _a === void 0 ? void 0 : _a.focus();
                 });
             }
@@ -98695,16 +98689,15 @@ var Autocomplete2 = function (_a) {
         if (key === KEYS.Enter) {
             event.preventDefault();
             if (isDropdownVisible) {
-                var minItemsToAutoselect = emptyValueLabel && !value ? 2 : 1;
                 if (showCreatable && itemsIndex.length === 0) {
                     handleCreateNewOption();
                 }
-                else if (fulltextValue && fulltextValue !== (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) && itemsIndex.length >= minItemsToAutoselect) {
-                    var _a = itemsIndex[minItemsToAutoselect - 1], category = _a.category, item = _a.item;
-                    var selectedItem = isCategorised
+                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)
                         ? items[category].items[item]
                         : items[item];
-                    setFulltextValue(selectedItem.label);
+                    setFulltextValue((selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) || '');
                     propagateChange(selectedItem);
                     setTypingMode(false);
                 }
@@ -98730,7 +98723,7 @@ var Autocomplete2 = function (_a) {
                 setTimeout(function () {
                     var _a;
                     scrollToItem(item_2, category_2);
-                    var listElementId = isCategorised ? name + "_list-" + category_2 : name + "_list";
+                    var listElementId = isCategorised(items) ? name + "_list-" + category_2 : name + "_list";
                     (_a = document.getElementById(listElementId)) === null || _a === void 0 ? void 0 : _a.focus();
                 });
             }
@@ -98761,7 +98754,7 @@ var Autocomplete2 = function (_a) {
                 }
                 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
+                    var selectedItem = isCategorised(items)
                         ? items[category].items[item]
                         : items[item];
                     setButtonValue(selectedItem);
@@ -98830,7 +98823,7 @@ var Autocomplete2 = function (_a) {
                 messages.loadingItems));
         }
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
-            isCategorised ? external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Select2CategorisedOptions, null) : external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Select2Options, null),
+            isCategorised(items) ? external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Select2CategorisedOptions, null) : external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Select2Options, null),
             pagingState.loading && messages.loadingItems && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-autocomplete__message", id: "autocomplete_loading-more-items" },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "loading", size: "large" }),
                 messages.loadingMoreItems)),
@@ -98844,10 +98837,12 @@ var Autocomplete2 = function (_a) {
                         messages.createItem, " \"" + fulltextValue + "\""))))));
     };
     var focusedItem = itemsIndex[currentItemPosition];
+    var focusedCategoryIndex = focusedItem ? focusedItem.category : -1;
+    var focusedItemIndex = focusedItem ? focusedItem.item : -1;
     var select2context = {
-        emptyValueLabel: itemsIndex.length > 0 && (fulltextValue === (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || !value) ? emptyValueLabel : undefined,
-        focusedCategoryIndex: focusedItem ? focusedItem.category : -1,
-        focusedItemIndex: focusedItem ? focusedItem.item : -1,
+        emptyValueLabel: !fulltextValue || fulltextValue === (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || fulltextMatchesEmptyValue ? emptyValueLabel : undefined,
+        focusedCategoryIndex: focusedCategoryIndex,
+        focusedItemIndex: focusedItemIndex,
         items: items,
         name: name,
         optionClick: handleOptionClick,
@@ -98869,9 +98864,13 @@ var Autocomplete2 = function (_a) {
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup2, Autocomplete2_assign({ theme: classBinder_cx({ 'f-group2--open': isDropdownVisible }, theme) }, fromGroupProps),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(contexts_Select2Context.Provider, { value: select2context },
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Dropdown, { dropdownId: "autocomplete_dropdown", forceVisibility: isDropdownVisible, hasSameWidthAsTrigger: hasFullWidthOptions, placement: "bottom-start", theme: dropdownTheme, trigger: null, triggerComponent: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-controlWrap", "data-testid": testId, role: "combobox" }, typingMode ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-control2 f-control2--select', { 'f-control2--large': displayDetails }) },
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("input", { autoComplete: "off", className: classBinder_cx('f-autocomplete__input'), disabled: isDisabled, id: name + "_input", name: name, placeholder: placeholder, type: "text", value: fulltextValue, onChange: handleFulltextChange, onKeyDown: handleFulltextKeyPress }),
+                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("input", { "aria-activedescendant": isDropdownVisible && (itemsIndex.length > 0 || showCreatable)
+                            ? isCategorised(items)
+                                ? name + "_option-" + focusedCategoryIndex + "-" + focusedItemIndex
+                                : name + "_option-" + focusedItemIndex
+                            : undefined, "aria-autocomplete": "list", "aria-controls": name + "_list", "aria-labelledby": name + "_label", autoComplete: "off", className: classBinder_cx('f-autocomplete__input'), disabled: isDisabled, id: name + "_input", name: name, placeholder: placeholder, type: "text", value: fulltextValue, onChange: handleFulltextChange, onKeyDown: handleFulltextKeyPress }),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-invalid": !!error, className: classBinder_cx('f-autocomplete__button'), disabled: isDisabled, id: name + "_toggle_button", name: name, tabIndex: -1, type: "button", onClick: toggleDropdown },
-                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "arrowDown", size: "small", theme: "f-control2__selectIcon" })))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-expanded": isDropdownVisible, "aria-haspopup": "listbox", "aria-invalid": !!error, "aria-labelledby": name + "_label " + name, className: classBinder_cx('f-control2 f-control2--select', {
+                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "arrowDown", size: "small", theme: "f-control2__selectIcon" })))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-expanded": isDropdownVisible, "aria-haspopup": "listbox", "aria-invalid": !!error, "aria-labelledby": name + "_label", className: classBinder_cx('f-control2 f-control2--select', {
                         'f-control2--large': displayDetails,
                         'f-autocomplete__trigger--loading': isLoading
                     }), disabled: isDisabled, id: name + "_button", name: name, type: "button", onClick: handleComboBoxClick, onFocus: handleFocus },

package/dist/types/src/components/Components/Toast/Toast.d.ts

@@ -1,2 +1,12 @@
-export declare const ToastContainer: () => JSX.Element;
+import { ReactNode } from 'react';
+import { AlertPropsType } from '..';
+export declare type ToastType = Omit<AlertPropsType, 'alertRef' | 'children'> & {
+    autoCloseMilliseconds?: number;
+    toastId?: string;
+    content?: ReactNode;
+};
+export interface ToastContainerPropsType {
+    autoCloseMilliseconds?: number;
+}
+export declare const ToastContainer: ({ autoCloseMilliseconds }: ToastContainerPropsType) => JSX.Element;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/types/src/components/Components/Toast/Toast.hook.d.ts

@@ -1,18 +1,12 @@
-import { ReactNode } from 'react';
-import { AlertPropsType } from '..';
-export declare type ToastType = Omit<AlertPropsType, 'alertRef' | 'children'> & {
-    autoCloseMilliseconds?: number;
-    toastId: string;
-    content?: ReactNode;
-};
-export interface ToastHookType {
-    toasts: ToastType[];
+import { ToastType } from '.';
+export declare const ADD_TOAST_EVENT = "toast/add";
+export declare const REMOVE_TOAST_EVENT = "toast/remove";
+export declare const REMOVE_ALL_TOASTS_EVENT = "toast/removeAll";
+interface UseToastType {
     addToast(toast: ToastType): void;
-    removeAllToasts(): void;
     removeToast(toastId?: string): void;
+    removeAllToasts(): void;
 }
-export interface UseToastHookPropsType {
-    autoCloseMilliseconds?: number;
-}
-export declare const useToast: ({ autoCloseMilliseconds }?: UseToastHookPropsType) => ToastHookType;
+export declare const useToast: () => UseToastType;
+export {};
 //# sourceMappingURL=Toast.hook.d.ts.map

package/dist/types/src/components/Components/Toast/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Toast';
-export * from './Toast.hook';
+export { useToast } from './Toast.hook';
 //# sourceMappingURL=index.d.ts.map

package/package.json

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