@mmb-digital/ds-lilly 0.3.11 → 0.3.14

package/dist/ds-lilly.js

@@ -6200,7 +6200,7 @@ __webpack_require__.d(__webpack_exports__, "v", function() { return /* binding *
 // UNUSED EXPORTS: getDomainOfErrorBars, offsetSign, offsetPositive, getStackedData, calculateDomainOfTicks, MIN_VALUE_REG, MAX_VALUE_REG
 
 // EXTERNAL MODULE: ./node_modules/lodash/isEqual.js
-var isEqual = __webpack_require__(28);
+var isEqual = __webpack_require__(27);
 var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
 
 // EXTERNAL MODULE: ./node_modules/lodash/sortBy.js
@@ -12630,7 +12630,7 @@ AnimateGroup.defaultProps = {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(29);
+/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28);
 /* harmony import */ var _util_ReactUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(10);
 /* harmony import */ var _util_DataUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1);
 /* harmony import */ var _util_PolarUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(12);
@@ -13190,8 +13190,7 @@ var SYNC_EVENT = 'recharts.syncMouseEvents'; // eslint-disable-next-line no-rede
 
 /***/ }),
 /* 26 */,
-/* 27 */,
-/* 28 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var baseIsEqual = __webpack_require__(654);
@@ -13232,7 +13231,7 @@ module.exports = isEqual;
 
 
 /***/ }),
-/* 29 */
+/* 28 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13581,7 +13580,7 @@ Text.defaultProps = {
 };
 
 /***/ }),
-/* 30 */
+/* 29 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13612,7 +13611,7 @@ var warn = function warn(condition, format) {
 };
 
 /***/ }),
-/* 31 */
+/* 30 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -14455,6 +14454,7 @@ Curve_Curve.defaultProps = {
 };
 
 /***/ }),
+/* 31 */,
 /* 32 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -17371,7 +17371,7 @@ module.exports = uniqBy;
 /* harmony import */ var _util_ShallowEqual__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47);
 /* harmony import */ var _util_DOMUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(32);
 /* harmony import */ var _container_Layer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9);
-/* harmony import */ var _component_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _component_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28);
 /* harmony import */ var _component_Label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(24);
 /* harmony import */ var _util_Global__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(20);
 /* harmony import */ var _util_DataUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(1);
@@ -33986,7 +33986,7 @@ function tickFormat(start, stop, count, specifier) {
 /* harmony import */ var _container_Layer__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(9);
 /* harmony import */ var _component_Tooltip__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(80);
 /* harmony import */ var _component_Legend__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(78);
-/* harmony import */ var _shape_Curve__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(31);
+/* harmony import */ var _shape_Curve__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(30);
 /* harmony import */ var _shape_Cross__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(893);
 /* harmony import */ var _shape_Sector__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(77);
 /* harmony import */ var _shape_Dot__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(36);
@@ -39054,7 +39054,7 @@ var ifOverflowMatches = function ifOverflowMatches(props, value) {
 var CartesianUtils = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/LogUtils.js
-var LogUtils = __webpack_require__(30);
+var LogUtils = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/types.js
 var types = __webpack_require__(4);
@@ -39585,7 +39585,7 @@ var band = __webpack_require__(658);
 var Layer = __webpack_require__(9);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/component/Text.js
-var Text = __webpack_require__(29);
+var Text = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/ChartUtils.js + 10 modules
 var ChartUtils = __webpack_require__(6);
@@ -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)),
@@ -98845,7 +98838,7 @@ var Autocomplete2 = function (_a) {
     };
     var focusedItem = itemsIndex[currentItemPosition];
     var select2context = {
-        emptyValueLabel: itemsIndex.length > 0 && (fulltextValue === (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || !value) ? emptyValueLabel : undefined,
+        emptyValueLabel: !fulltextValue || fulltextValue === (buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || fulltextMatchesEmptyValue ? emptyValueLabel : undefined,
         focusedCategoryIndex: focusedItem ? focusedItem.category : -1,
         focusedItemIndex: focusedItem ? focusedItem.item : -1,
         items: items,
@@ -106871,19 +106864,20 @@ var Radio2_assign = (undefined && undefined.__assign) || function () {
 
 
 
+var classRoot = 'f-radio2';
 var Radio2 = function (_a) {
     var _b;
-    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isInRow, isInRow = _e === void 0 ? false : _e, _f = _a.isTitleHidden, isTitleHidden = _f === void 0 ? false : _f, items = _a.items, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
-    var getCheckedIndex = function (value) { return items.findIndex(function (item) { return item.value === value; }); };
-    var _g = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(getCheckedIndex(value)), checked = _g[0], setChecked = _g[1];
-    var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isFocused = _h[0], setIsFocused = _h[1];
-    var handleChange = function (newIndex) {
+    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isInRow, isInRow = _e === void 0 ? false : _e, _f = _a.isLabelTitle, isLabelTitle = _f === void 0 ? true : _f, _g = _a.isTitleHidden, isTitleHidden = _g === void 0 ? false : _g, _h = _a.items, items = _h === void 0 ? [] : _h, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var getCheckedIndex = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (value) { return items.findIndex(function (item) { return item.value === value; }); }, [items]);
+    var _j = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(getCheckedIndex(value)), checked = _j[0], setChecked = _j[1];
+    var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isFocused = _k[0], setIsFocused = _k[1];
+    var handleChange = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (newIndex) {
         if (!isDisabled) {
             onChange && onChange(items[newIndex].value);
             setChecked(newIndex);
         }
-    };
-    var handleKeyUp = function (current) {
+    }, [isDisabled, items, onChange, setChecked]);
+    var handleKeyUp = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (current) {
         var next = current;
         for (var i = current - 1; i >= 0; --i) {
             if (!items[i].disabled) {
@@ -106894,8 +106888,8 @@ var Radio2 = function (_a) {
         if (next !== current) {
             handleChange(next);
         }
-    };
-    var handleKeyDown = function (current) {
+    }, [handleChange, items]);
+    var handleKeyDown = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (current) {
         var next = current;
         for (var i = current + 1; i < items.length; ++i) {
             if (!items[i].disabled) {
@@ -106906,18 +106900,18 @@ var Radio2 = function (_a) {
         if (next !== current) {
             handleChange(next);
         }
-    };
-    var handleOnClick = function (checkedValue) { return function (event) {
+    }, [handleChange, items]);
+    var handleOnClick = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (checkedValue) { return function (event) {
         var newCheckedIndex = getCheckedIndex(checkedValue);
         handleChange(newCheckedIndex);
         if (!allowEventPropagation) {
             event.stopPropagation();
         }
-    }; };
+    }; }, [allowEventPropagation, getCheckedIndex, handleChange]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         setChecked(getCheckedIndex(value));
-    }, [value]);
-    var handleOnKeyPress = function (event) {
+    }, [value, getCheckedIndex, setChecked]);
+    var handleOnKeyPress = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (event) {
         var key = event.key;
         if (key === KEYS.ArrowDown || key === KEYS.ArrowRight) {
             event.preventDefault();
@@ -106934,7 +106928,8 @@ var Radio2 = function (_a) {
         if (!allowEventPropagation) {
             event.stopPropagation();
         }
-    };
+    }, [allowEventPropagation, checked, handleChange, handleKeyDown, handleKeyUp]);
+    var handleSetIsFocused = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (value) { return function () { return setIsFocused(value); }; }, []);
     var formGroupProps = {
         error: error,
         disabledTooltip: disabledTooltip,
@@ -106944,18 +106939,19 @@ var Radio2 = function (_a) {
         name: name,
         theme: theme
     };
-    var classRoot = 'f-radio2';
     var errorMessageId = !!error ? name + "_errorMessage" : undefined;
+    var isLabel = !isTitleHidden && !!label;
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup2, Radio2_assign({}, formGroupProps),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("fieldset", { className: classBinder_cx(classRoot, theme) },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("legend", { className: classBinder_cx(classRoot + "__legend", { 'u-vHide': isTitleHidden }), id: "label" }, label),
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("ul", { "aria-activedescendant": items[checked] ? name + "_value-" + items[checked].value : '', "aria-disabled": isDisabled ? 'true' : 'false', "aria-labelledby": "label", className: classBinder_cx(classRoot + "__list", (_b = {}, _b[classRoot + "__list--inRow"] = isInRow, _b)), "data-testid": testId, role: "radiogroup", tabIndex: 0, onBlur: function () { return setIsFocused(false); }, onFocus: function () { return setIsFocused(true); }, onKeyDown: isDisabled ? es_noop : handleOnKeyPress }, items.map(function (item, index) {
+            isLabel &&
+                (isLabelTitle ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("legend", { className: classRoot + "__legend", id: "label" }, label)) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Label2, { identifier: name + "_label", labelTooltip: labelTooltip }, label))),
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("ul", { "aria-activedescendant": items[checked] ? name + "_value-" + items[checked].value : '', "aria-disabled": isDisabled ? 'true' : 'false', "aria-labelledby": "label", className: classBinder_cx(classRoot + "__list", (_b = {}, _b[classRoot + "__list--inRow"] = isInRow, _b)), "data-testid": testId, role: "radiogroup", tabIndex: 0, onBlur: handleSetIsFocused(false), onFocus: handleSetIsFocused(true), onKeyDown: isDisabled ? noop : handleOnKeyPress }, items.map(function (item, index) {
                 var _a;
                 return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { key: "radio_value" + item.value, "aria-checked": checked === index ? 'true' : 'false', "aria-describedby": errorMessageId, "aria-disabled": item.disabled ? 'true' : 'false', className: classBinder_cx(classRoot + "__item", (_a = {},
                         _a[classRoot + "__item--focus"] = isFocused && (checked === index || (checked === -1 && index === 0)),
                         _a[classRoot + "__item--checked"] = checked === index,
                         _a[classRoot + "__item--disabled"] = item.disabled || isDisabled,
-                        _a)), id: name + "_value-" + item.value, role: "radio", onClick: item.disabled ? es_noop : handleOnClick(item.value) },
+                        _a)), id: name + "_value-" + item.value, role: "radio", onClick: item.disabled ? noop : handleOnClick(item.value) },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classRoot + "__indicator" }),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classRoot + "__text" }, item.label)));
             })))));
@@ -107773,7 +107769,7 @@ var withPolyfill_default = /*#__PURE__*/__webpack_require__.n(withPolyfill);
 var DataUtils = __webpack_require__(1);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/LogUtils.js
-var LogUtils = __webpack_require__(30);
+var LogUtils = __webpack_require__(29);
 
 // CONCATENATED MODULE: ./node_modules/recharts/es6/component/ResponsiveContainer.js
 function ResponsiveContainer_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { ResponsiveContainer_typeof = function _typeof(obj) { return typeof obj; }; } else { ResponsiveContainer_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return ResponsiveContainer_typeof(obj); }
@@ -107976,7 +107972,7 @@ ResponsiveContainer_ResponsiveContainer.defaultProps = {
 var generateCategoricalChart = __webpack_require__(635);
 
 // EXTERNAL MODULE: ./node_modules/lodash/isEqual.js
-var isEqual = __webpack_require__(28);
+var isEqual = __webpack_require__(27);
 var isEqual_default = /*#__PURE__*/__webpack_require__.n(isEqual);
 
 // EXTERNAL MODULE: ./node_modules/lodash/isNaN.js
@@ -108007,7 +108003,7 @@ var isArray_default = /*#__PURE__*/__webpack_require__.n(lodash_isArray);
 var es6 = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/shape/Curve.js + 12 modules
-var Curve = __webpack_require__(31);
+var Curve = __webpack_require__(30);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/shape/Dot.js
 var Dot = __webpack_require__(36);
@@ -111368,7 +111364,7 @@ var Polygon_Polygon = /*#__PURE__*/function (_PureComponent) {
   return Polygon;
 }(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["PureComponent"]);
 // EXTERNAL MODULE: ./node_modules/recharts/es6/component/Text.js
-var component_Text = __webpack_require__(29);
+var component_Text = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./node_modules/recharts/es6/util/PolarUtils.js
 var PolarUtils = __webpack_require__(12);

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/dist/types/src/components/Form/Radio2/Radio2.d.ts

@@ -1,13 +1,18 @@
 import { FormField2PropsType } from '../../../types';
+declare type RadioItemValue = string | number | boolean;
 export interface Radio2PropsType extends FormField2PropsType {
     items: RadioItem[];
     isInRow?: boolean;
+    /** @deprecated please use empty label */
     isTitleHidden?: boolean;
+    /** for backward compatibility is default value TRUE will be removed in the future */
+    isLabelTitle?: boolean;
 }
 export declare type RadioItem = {
     label: string;
-    value: string | boolean | number;
+    value: RadioItemValue;
     disabled?: boolean;
 };
-export declare const Radio2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, isInRow, isTitleHidden, items, label, name, onChange, testId, theme, value }: Radio2PropsType) => JSX.Element;
+export declare const Radio2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, isInRow, isLabelTitle, isTitleHidden, items, label, labelTooltip, name, onChange, testId, theme, value }: Radio2PropsType) => JSX.Element;
+export {};
 //# sourceMappingURL=Radio2.d.ts.map

package/package.json

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