@mmb-digital/ds-lilly 0.6.4 → 0.7.2

package/dist/ds-lilly.js

@@ -80309,7 +80309,6 @@ __webpack_require__.d(__webpack_exports__, "formatMonthDate", function() { retur
 __webpack_require__.d(__webpack_exports__, "ucfirst", function() { return /* reexport */ ucfirst; });
 __webpack_require__.d(__webpack_exports__, "MOBILE_PANEL_WIDTH", function() { return /* reexport */ MOBILE_PANEL_WIDTH; });
 __webpack_require__.d(__webpack_exports__, "BREAKPOINTS_VALUES", function() { return /* reexport */ BREAKPOINTS_VALUES; });
-__webpack_require__.d(__webpack_exports__, "CARD_WIDTH_BREAKPOINT", function() { return /* reexport */ CARD_WIDTH_BREAKPOINT; });
 __webpack_require__.d(__webpack_exports__, "CardContext", function() { return /* reexport */ contexts_CardContext; });
 __webpack_require__.d(__webpack_exports__, "FormGroupContext", function() { return /* reexport */ contexts_FormGroupContext; });
 __webpack_require__.d(__webpack_exports__, "ModalContext", function() { return /* reexport */ contexts_ModalContext; });
@@ -84387,10 +84386,6 @@ var BREAKPOINTS_VALUES = {
     xl: 1200,
     xxl: 1600
 };
-var CARD_WIDTH_BREAKPOINT = {
-    MOBILE: 320,
-    TABLET: 575
-};
 
 // CONCATENATED MODULE: ./src/constants/index.ts
 
@@ -96186,7 +96181,7 @@ var CollapseHeader = function (_a) {
     var handleOnToggle = function (event) { return !hasCustomTrigger && onToggle(event); };
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-controls": isCollapsible && !hasCustomTrigger ? identification + "_content" : undefined, "aria-expanded": isCollapsible && !hasCustomTrigger ? isOpened : undefined, className: classBinder_cx('c-card__header', {
             'c-card__collapseTrigger': !hasCustomTrigger && isCollapsible
-        }), role: isCollapsible && !hasCustomTrigger ? 'button' : undefined, onClick: handleOnToggle },
+        }), onClick: handleOnToggle },
         iconName && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-card__icon', {
                 'c-card__icon--alignTop': isIconAlignTop,
                 'c-card__icon--right': isIconRight
@@ -96207,7 +96202,7 @@ var CollapseHeader = function (_a) {
 
 var Card = function (_a) {
     var _b;
-    var allowEventPropagation = _a.allowEventPropagation, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children, disabledTooltip = _a.disabledTooltip, disabledTooltipType = _a.disabledTooltipType, _c = _a.hasCustomTrigger, hasCustomTrigger = _c === void 0 ? false : _c, collapseHeader = _a.header, iconBackgroundColor = _a.iconBackgroundColor, iconBadge = _a.iconBadge, _d = _a.iconBadgePosition, iconBadgePosition = _d === void 0 ? 'bottomRight' : _d, iconName = _a.iconName, iconSize = _a.iconSize, isCollapsible = _a.isCollapsible, isDisabled = _a.isDisabled, isIconAlignTop = _a.isIconAlignTop, isIconRight = _a.isIconRight, isInteractive = _a.isInteractive, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, isSelected = _a.isSelected, onClick = _a.onClick, onRef = _a.onRef, onToggle = _a.onToggle, shadowSize = _a.shadowSize, size = _a.size, testId = _a.testId, theme = _a.theme, _f = _a.withoutOpener, withoutOpener = _f === void 0 ? false : _f, _g = _a.withoutRole, withoutRole = _g === void 0 ? false : _g;
+    var allowEventPropagation = _a.allowEventPropagation, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children, disabledTooltip = _a.disabledTooltip, disabledTooltipType = _a.disabledTooltipType, _c = _a.hasCustomTrigger, hasCustomTrigger = _c === void 0 ? false : _c, collapseHeader = _a.header, iconBackgroundColor = _a.iconBackgroundColor, iconBadge = _a.iconBadge, _d = _a.iconBadgePosition, iconBadgePosition = _d === void 0 ? 'bottomRight' : _d, iconName = _a.iconName, iconSize = _a.iconSize, isCollapsible = _a.isCollapsible, isDisabled = _a.isDisabled, isIconAlignTop = _a.isIconAlignTop, isIconRight = _a.isIconRight, isInteractive = _a.isInteractive, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, isSelected = _a.isSelected, onClick = _a.onClick, onToggle = _a.onToggle, shadowSize = _a.shadowSize, size = _a.size, testId = _a.testId, theme = _a.theme, _f = _a.withoutOpener, withoutOpener = _f === void 0 ? false : _f, _g = _a.withoutRole, withoutRole = _g === void 0 ? false : _g;
     var identification = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return "card_" + cuid_default()(); }, []);
     var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isOpen), isOpened = _h[0], setIsOpened = _h[1];
     var cardRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
@@ -96250,8 +96245,7 @@ var Card = function (_a) {
     };
     var setRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (ref) {
         cardRef.current = ref;
-        onRef && onRef(ref);
-    }, [onRef]);
+    }, []);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(contexts_CardContext.Provider, { value: cardContext }, withDisabledTooltip({
         isDisabled: isDisabled,
         disabledTooltip: disabledTooltip,
@@ -96586,45 +96580,38 @@ var Tag = function (_a) {
 
 
 
-
 var ContentCard = function (_a) {
-    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, _b = _a.amountSubtitleType, amountSubtitleType = _b === void 0 ? 'secondary' : _b, _c = _a.buttons, buttons = _c === void 0 ? [] : _c, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, isCollapsible = _a.isCollapsible, isCompact = _a.isCompact, isInteractive = _a.isInteractive, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, iconBackgroundColor = _a.iconBackgroundColor, _e = _a.iconBadgePosition, iconBadgePosition = _e === void 0 ? 'bottomRight' : _e, iconName = _a.iconName, _f = _a.parameters, parameters = _f === void 0 ? [] : _f, size = _a.size, _g = _a.subtitles, subtitles = _g === void 0 ? [] : _g, subtitleTagBackgroundColor = _a.subtitleTagBackgroundColor, subtitleTagIcon = _a.subtitleTagIcon, subtitleTagImageUrl = _a.subtitleTagImageUrl, subtitleTagText = _a.subtitleTagText, theme = _a.theme, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j, _k = _a.withoutOpener, withoutOpener = _k === void 0 ? false : _k, onToggle = _a.onToggle;
-    var ref = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
+    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, _b = _a.amountSubtitleType, amountSubtitleType = _b === void 0 ? 'secondary' : _b, _c = _a.buttons, buttons = _c === void 0 ? [] : _c, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, isCollapsible = _a.isCollapsible, isCompact = _a.isCompact, isInteractive = _a.isInteractive, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, iconBackgroundColor = _a.iconBackgroundColor, _e = _a.iconBadgePosition, iconBadgePosition = _e === void 0 ? 'bottomRight' : _e, iconName = _a.iconName, iconSize = _a.iconSize, _f = _a.parameters, parameters = _f === void 0 ? [] : _f, size = _a.size, _g = _a.subtitles, subtitles = _g === void 0 ? [] : _g, subtitleTagBackgroundColor = _a.subtitleTagBackgroundColor, subtitleTagIcon = _a.subtitleTagIcon, subtitleTagImageUrl = _a.subtitleTagImageUrl, subtitleTagText = _a.subtitleTagText, theme = _a.theme, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j, _k = _a.withoutOpener, withoutOpener = _k === void 0 ? false : _k, onToggle = _a.onToggle;
     var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isOpen), isOpened = _l[0], setIsOpened = _l[1];
     var handleOnToggle = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (state, event) {
         isCollapsible && onToggle && onToggle(state, event);
         setIsOpened(state);
     }, [isCollapsible, onToggle]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return setIsOpened(isOpen); }, [isOpen]);
-    var width = useContainerDimensions(ref).width;
-    var isMobileDeviceView = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return width <= CARD_WIDTH_BREAKPOINT.TABLET; }, [width]);
-    var setRef = function (cardRef) {
-        ref.current = cardRef;
-    };
     var hasSubtitleTag = (subtitleTagIcon || subtitleTagImageUrl) && subtitleTagText;
     var badgeIcon = hasSubtitleTag
         ? (subtitleTagIcon ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: subtitleTagBackgroundColor, name: subtitleTagIcon, size: "small" })) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Avatar, { background: "transparent", imageUrl: subtitleTagImageUrl, size: "small" })))
         : undefined;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { header: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header" },
-            customIcon && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-contentCard__header__customIcon', "c-contentCard__header__customIcon" + ucfirst(iconBadgePosition)) },
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { header: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader" },
+            customIcon && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-contentCardHeader__customIcon', "c-contentCardHeader__customIcon" + ucfirst(iconBadgePosition)) },
                 customIcon,
-                hasSubtitleTag && isMobileDeviceView && badgeIcon)),
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__content" },
-                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { size: titleSize, theme: "c-contentCard__header__title", visual: titleVisual }, title),
-                !isOpened && (subtitles.length > 0 || hasSubtitleTag) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__subtitle" },
-                    subtitles.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { component: "div", size: "xSmall", theme: "u-mr--xxSmall", type: "secondary" }, subtitles.map(function (subtitle, i) { 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"], { key: subtitle === null || subtitle === void 0 ? void 0 : subtitle.toString() },
+                isOpened && hasSubtitleTag && badgeIcon)),
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__content" },
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { size: titleSize, theme: "c-contentCardHeader__content__header", visual: titleVisual }, title),
+                !isOpened && (subtitles.length > 0 || hasSubtitleTag) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__content__subtitles" },
+                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { size: "xSmall", theme: "u-mb--0 u-mr--xxSmall", type: "secondary" }, subtitles.map(function (subtitle, i) { 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"], { key: subtitle === null || subtitle === void 0 ? void 0 : subtitle.toString() },
                         i > 0 && ' | ',
-                        subtitle)); }))),
-                    hasSubtitleTag && !isMobileDeviceView && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tag, { iconBackground: subtitleTagBackgroundColor, iconName: subtitleTagIcon, imageUrl: subtitleTagImageUrl }, subtitleTagText))))),
-            !isOpened && !isMobileDeviceView && parameters.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__params" }, parameters.map(function (param) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { key: param === null || param === void 0 ? void 0 : param.toString(), component: "div", size: "xSmall", theme: "c-contentCard__header__param", type: "secondary" }, param)); }))),
-            (amount !== undefined || amountSubtitle) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__amount" },
-                amount !== undefined && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AmountWithUnit, { isBold: true, amount: amount, theme: "u-textRight", unitAfter: currencyCode })),
-                amountSubtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { isTextRight: true, component: "div", size: "xSmall", type: amountSubtitleType }, amountSubtitle)))),
-            buttons.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCard__header__buttons" }, buttons.map(function (button) {
+                        subtitle)); })),
+                    hasSubtitleTag && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tag, { iconBackground: subtitleTagBackgroundColor, iconName: subtitleTagIcon, imageUrl: subtitleTagImageUrl }, subtitleTagText))))),
+            !isOpened && parameters.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__params" }, parameters.map(function (param) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { key: param === null || param === void 0 ? void 0 : param.toString(), size: "xSmall", theme: "c-contentCardHeader__param", type: "secondary" }, param)); }))),
+            (amount !== undefined || amountSubtitle) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__amount" },
+                amount !== undefined && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AmountWithUnit, { isBold: true, amount: amount, unitAfter: currencyCode }),
+                amountSubtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { isTextRight: true, size: "xSmall", type: amountSubtitleType }, amountSubtitle)))),
+            buttons.length > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-contentCardHeader__buttons" }, buttons.map(function (button) {
                 return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(button, {
-                    theme: classBinder_cx(button.props.theme, 'c-contentCard__header__button')
+                    theme: classBinder_cx(button.props.theme, 'c-contentCardHeader__button')
                 });
-            })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isMobileDeviceView && hasSubtitleTag ? badgeIcon : undefined, iconBadgePosition: iconBadgePosition, iconName: iconName, iconSize: "xLarge", isCollapsible: isCollapsible, isInteractive: isInteractive, isOpen: isOpened, shadowSize: isCompact ? 'no' : 'small', size: size, theme: classBinder_cx('c-contentCard', { 'c-contentCardCompact': isCompact, 'c-contentCardCompact--interactive': isInteractive }, theme), withoutOpener: withoutOpener, onRef: setRef, onToggle: handleOnToggle }, children));
+            })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isOpened && hasSubtitleTag ? badgeIcon : undefined, iconBadgePosition: iconBadgePosition, iconName: iconName, iconSize: iconSize, isCollapsible: isCollapsible, isInteractive: isInteractive, isOpen: isOpened, shadowSize: isCompact ? 'no' : 'small', size: size, theme: classBinder_cx('c-contentCard', { 'c-contentCardCompact': isCompact, 'c-contentCardCompact--interactive': isInteractive }, theme), withoutOpener: withoutOpener, onToggle: handleOnToggle }, children));
 };
 
 // CONCATENATED MODULE: ./src/components/Components/ContentCard/ContentCardGroup.tsx
@@ -96660,7 +96647,7 @@ var ContentCardGroup_spreadArray = (undefined && undefined.__spreadArray) || fun
 
 
 var ContentCardGroup = function (_a) {
-    var accordion = _a.accordion, items = _a.items, theme = _a.theme, withoutShadow = _a.withoutShadow;
+    var accordion = _a.accordion, items = _a.items, theme = _a.theme;
     var _b = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), opened = _b[0], setOpened = _b[1];
     // a copy of opened cards array to enable open/close animation
     var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])([]), openedCards = _c[0], setOpenedCards = _c[1];
@@ -96693,7 +96680,7 @@ var ContentCardGroup = function (_a) {
             return acc;
         }, [[]]);
     }, [opened, items]);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx({ 'c-contentCards': withoutShadow }, theme) }, openedCardsGroups.map(function (group) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { key: group.join(''), shadowSize: withoutShadow ? 'no' : 'small', size: "zero", theme: "c-contentCard--group" }, group.map(function (itemIndex) {
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx(theme) }, openedCardsGroups.map(function (group) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Card, { key: group.join(''), shadowSize: "small", theme: "c-contentCardGroup u-p--0" }, group.map(function (itemIndex) {
         var _a = items[itemIndex], key = _a.key, props = ContentCardGroup_rest(_a, ["key"]);
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(ContentCard, ContentCardGroup_assign({ key: key, isCompact: true, isOpen: openedCards.includes(itemIndex) }, props, { onToggle: onToggle(itemIndex) })));
     }))); })));
@@ -98482,7 +98469,7 @@ var Autocomplete2_spreadArray = (undefined && undefined.__spreadArray) || functi
 
 
 var Autocomplete2 = function (_a) {
-    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, onItemFocus = _a.onItemFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
+    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];
@@ -98664,17 +98651,15 @@ var Autocomplete2 = function (_a) {
         (_b = document.getElementById(name + "_list-createNew")) === null || _b === void 0 ? void 0 : _b.focus();
     };
     var focusFulltextInput = function () {
-        setTimeout(function () {
-            var _a;
-            try {
-                var inputElement = document.getElementById(name + "_input");
-                inputElement === null || inputElement === void 0 ? void 0 : inputElement.select();
-            }
-            catch (err) {
-                // set focus as failback
-                (_a = document.getElementById(name + "_input")) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-        });
+        var _a;
+        try {
+            var inputElement = document.getElementById(name + "_input");
+            inputElement === null || inputElement === void 0 ? void 0 : inputElement.select();
+        }
+        catch (err) {
+            // set focus as failback
+            (_a = document.getElementById(name + "_input")) === null || _a === void 0 ? void 0 : _a.focus();
+        }
     };
     var resetFulltext = function (clearFulltext) {
         if (clearFulltext === void 0) { clearFulltext = true; }
@@ -98775,12 +98760,6 @@ var Autocomplete2 = function (_a) {
         var position = getItemIndexPosition({ item: item, category: category });
         setCurrentItemPosition(position);
         scrollToItem(item, category);
-        if (onItemFocus && position !== currentItemPosition) {
-            var focusedItem_1 = isCategorised(items)
-                ? items[category].items[item]
-                : items[item];
-            onItemFocus(focusedItem_1);
-        }
     };
     var handleCreateNewOption = function () {
         setButtonValue({ label: fulltextValue, value: fulltextValue });
@@ -99023,14 +99002,10 @@ var Autocomplete2 = function (_a) {
     }); };
     var handleDropdownVisibilityChange = function (isVisible) {
         if (!isVisible) {
-            var trimmedFulltextValue = fulltextValue.trim();
             setIsDropdownVisible(isVisible);
             setTypingMode(isVisible);
-            if (!trimmedFulltextValue) {
-                propagateChange();
-            }
             resetFulltext();
-            handleBlur(trimmedFulltextValue ? buttonValue : undefined);
+            handleBlur(buttonValue);
         }
     };
     var renderDropdownContent = function () {
@@ -107300,7 +107275,7 @@ var Select2_spreadArray = (undefined && undefined.__spreadArray) || function (to
 
 var Select2 = function (_a) {
     var _b;
-    var disabledTooltip = _a.disabledTooltip, _c = _a.displayDetails, displayDetails = _c === void 0 ? false : _c, dropdownTheme = _a.dropdownTheme, emptyValueLabel = _a.emptyValueLabel, error = _a.error, _d = _a.hasFullWidthOptions, hasFullWidthOptions = _d === void 0 ? true : _d, help = _a.help, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, onItemFocus = _a.onItemFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var disabledTooltip = _a.disabledTooltip, _c = _a.displayDetails, displayDetails = _c === void 0 ? false : _c, dropdownTheme = _a.dropdownTheme, emptyValueLabel = _a.emptyValueLabel, error = _a.error, _d = _a.hasFullWidthOptions, hasFullWidthOptions = _d === void 0 ? true : _d, help = _a.help, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
     var _e = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _e[0], setIsDropdownVisible = _e[1];
     var _f = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(null), buttonValue = _f[0], setButtonValue = _f[1];
     var _g = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(-1), currentItemPosition = _g[0], setCurrentItemPosition = _g[1];
@@ -107370,19 +107345,12 @@ var Select2 = function (_a) {
         var itemIndexPosition = getItemIndexPosition(itemIndex);
         setCurrentItemPosition(itemIndexPosition);
     }, [isDropdownVisible, getItemIndexByValue, value, getItemIndexPosition]);
-    var scrollToItem = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (item, category) {
-        var _a, _b, _c, _d, _e;
+    var scrollToItem = function (item, category) {
+        var _a;
         if (category === void 0) { category = -1; }
         var itemElementId = isCategorised ? name + "_option-" + category + "-" + item : name + "_option-" + item;
-        var dropdownId = name + "_dropdown";
-        var dropdownHalfHeight = (((_a = document.getElementById(dropdownId)) === 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;
-        var itemOffset = ((_c = document.getElementById(itemElementId)) === null || _c === void 0 ? void 0 : _c.offsetTop) || 0;
-        if (itemOffset > dropdownHalfHeight) {
-            (_d = document
-                .getElementById(dropdownId)) === null || _d === void 0 ? void 0 : _d.scrollTo(0, (((_e = document.getElementById(itemElementId)) === null || _e === void 0 ? void 0 : _e.offsetTop) || 0) - dropdownHalfHeight + itemHalfHeight);
-        }
-    }, [isCategorised, name]);
+        (_a = document.getElementById(itemElementId)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest' });
+    };
     var handleComboBoxClick = function () {
         if (!isDropdownVisible) {
             setTimeout(function () {
@@ -107451,12 +107419,6 @@ var Select2 = function (_a) {
         var position = getItemIndexPosition({ item: item, category: category });
         setCurrentItemPosition(position);
         scrollToItem(item, category);
-        if (onItemFocus && position !== currentItemPosition) {
-            var focusedItem_1 = isCategorised
-                ? items[category].items[item]
-                : items[item];
-            onItemFocus(focusedItem_1);
-        }
     };
     var handleOptionKeyPress = function (event) {
         var key = event.key;
@@ -107553,7 +107515,7 @@ var Select2 = function (_a) {
     };
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup2, Select2_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: name + "_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" },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(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" },
                     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', { 'f-control2--large': displayDetails }), disabled: isDisabled, id: name + "_button", name: name, type: "button", onClick: handleComboBoxClick, onFocus: onFocus, onKeyDown: handleButtonKeyPress },
                         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx("f-control2__" + (buttonValue ? 'value' : 'placeholder')) }, buttonValue ? buttonValue : placeholder),
                         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "arrowDown", size: "small", theme: "f-control2__selectIcon" }))), onVisibleChange: function (state) { return setIsDropdownVisible(state); } }, 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)))));
@@ -111445,7 +111407,7 @@ var AreaChart = function (_a) {
 
 
 var numberWithSpaces = function (num) {
-    return Intl.NumberFormat('cs-CZ', { style: 'decimal', maximumFractionDigits: 2 }).format(num);
+    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
 };
 var ChartLegendRow = function (_a) {
     var _b;