@mmb-digital/ds-lilly 0.4.1 → 0.5.0

package/dist/ds-lilly.js

@@ -84446,11 +84446,11 @@ Select2Context.displayName = 'Select2Context';
 
 // CONCATENATED MODULE: ./src/contexts/TabsContext.tsx
 
-var TabsContext_noop = function () { return null; };
+
 var TabsContext = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["createContext"])({
     activeItem: 0,
     identification: '',
-    setActiveItem: TabsContext_noop,
+    setActiveItem: noop,
     tabsLimit: 0,
     tabs: []
 });
@@ -87142,10 +87142,10 @@ var Avatar = function (_a) {
 
 
 var Badge = function (_a) {
-    var ariaLabel = _a.ariaLabel, children = _a.children, _b = _a.count, count = _b === void 0 ? 0 : _b, _c = _a.isDotVisible, isDotVisible = _c === void 0 ? false : _c, _d = _a.maxCount, maxCount = _d === void 0 ? 99 : _d, testId = _a.testId, theme = _a.theme;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-label": ariaLabel, className: classBinder_cx('c-badge', theme), "data-testid": testId },
+    var ariaLabel = _a.ariaLabel, children = _a.children, count = _a.count, _b = _a.hasNotification, hasNotification = _b === void 0 ? false : _b, _c = _a.isDotVisible, isDotVisible = _c === void 0 ? false : _c, _d = _a.maxCount, maxCount = _d === void 0 ? 99 : _d, testId = _a.testId, theme = _a.theme;
+    return hasNotification || isDotVisible || children || count ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-label": ariaLabel, className: classBinder_cx('c-badge', theme), "data-testid": testId },
         children,
-        (isDotVisible || count > 0) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('c-badge__point', { 'c-badge__point--relative': !children }, { 'c-badge__point--dot': isDotVisible }) }, count > 0 && !isDotVisible ? (count > maxCount ? maxCount + "+" : count) : null))));
+        (isDotVisible || hasNotification || count) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('c-badge__point', { 'c-badge__point--relative': !children }, { 'c-badge__point--dot': isDotVisible || hasNotification }) }, count && (!isDotVisible || !hasNotification) ? (count > maxCount ? maxCount + "+" : count) : null)))) : null;
 };
 
 // CONCATENATED MODULE: ./src/components/Components/Badge/index.ts
@@ -96244,11 +96244,12 @@ var Card = function (_a) {
             _b["c-card--" + size] = size,
             _b), theme), "data-testid": testId, role: isInteractive && !withoutRole ? 'button' : undefined, tabIndex: (isInteractive || isCollapsible) && !withoutRole ? 0 : undefined, onClick: handleOnClick, onKeyDown: handleKeyDown },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(CollapseHeader, { header: collapseHeader ? collapseHeader : children, iconBackground: iconBackground, iconName: iconName, iconSize: iconSize, isCollapsible: isCollapsible, isIconAlignTop: isIconAlignTop, isIconRight: isIconRight, isInteractive: isInteractive, onToggle: handleOnToggle }),
-        isCollapsible ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AnimatePresence, { initial: false }, isOpened && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(motion.div, { key: "content", animate: "open", exit: "collapsed", initial: "collapsed", transition: { duration: 0.6, ease: [0.04, 0.62, 0.23, 0.98] }, variants: {
-                    open: { opacity: 1, height: 'auto' },
-                    collapsed: { opacity: 0, height: 0 }
-                } }, children))))) : (collapseHeader && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" }, children)))))));
+        isCollapsible ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AnimatePresence, { initial: false }, isOpened && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(motion.div, { key: "content", animate: "open", "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__motion'), exit: "collapsed", initial: "collapsed", role: "region", transition: { duration: 0.6, ease: [0.04, 0.62, 0.23, 0.98] }, variants: {
+                open: { opacity: 1, height: 'auto' },
+                collapsed: { opacity: 0, height: 0 }
+            } },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "c-card__content" }, children))))) : (collapseHeader &&
+            children && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" }, children)))))));
 };
 
 // CONCATENATED MODULE: ./src/components/Components/Card/_elements_/CardCustomTrigger.tsx
@@ -96564,11 +96565,11 @@ children
 
 */
 var ContentCard = function (_a) {
-    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, _b = _a.buttons, buttons = _b === void 0 ? [] : _b, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, isCollapsible = _a.isCollapsible, isCompact = _a.isCompact, isInteractive = _a.isInteractive, isOpen = _a.isOpen, iconBackgroundColor = _a.iconBackgroundColor, iconName = _a.iconName, iconSize = _a.iconSize, _c = _a.parameters, parameters = _c === void 0 ? [] : _c, size = _a.size, _d = _a.subtitles, subtitles = _d === void 0 ? [] : _d, subtitleTag = _a.subtitleTag, theme = _a.theme, title = _a.title, onToggle = _a.onToggle;
+    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, _b = _a.buttons, buttons = _b === void 0 ? [] : _b, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, isCollapsible = _a.isCollapsible, isCompact = _a.isCompact, isInteractive = _a.isInteractive, isOpen = _a.isOpen, iconBackgroundColor = _a.iconBackgroundColor, iconName = _a.iconName, iconSize = _a.iconSize, _c = _a.parameters, parameters = _c === void 0 ? [] : _c, size = _a.size, _d = _a.subtitles, subtitles = _d === void 0 ? [] : _d, subtitleTag = _a.subtitleTag, theme = _a.theme, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? 'h2' : _e, _f = _a.titleVisual, titleVisual = _f === void 0 ? 'h6' : _f, onToggle = _a.onToggle;
     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: "c-contentCardHeader__content" },
-                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { size: "h6", theme: "c-contentCardHeader__content__header" }, title),
+                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),
                 (subtitles.length > 0 || subtitleTag) && (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 && ' | ',
@@ -97056,31 +97057,35 @@ var useModal = function (disableCloseByOutsideClick, onHide, onShow) {
 
 
 
+
 var Pills = function (_a) {
     var ariaLabel = _a.ariaLabel, _b = _a.initialPill, initialPill = _b === void 0 ? '' : _b, onChange = _a.onChange, pills = _a.pills, _c = _a.testId, testId = _c === void 0 ? 'Pills' : _c, theme = _a.theme;
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(''), activePill = _d[0], setActivePill = _d[1];
-    var updateActivePill = function (pill) {
-        if (onChange)
+    var updateActivePill = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (pill) {
+        if (onChange) {
             onChange(pill);
+        }
         setActivePill(pill);
-    };
-    var handleOnClick = function (pill, isDisabled) { return function (event) {
+    }, [onChange]);
+    var handleOnClick = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (pill, isDisabled) { return function (event) {
         if (isDisabled) {
             event.preventDefault();
         }
         updateActivePill(pill);
-    }; };
+    }; }, [updateActivePill]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         setActivePill(initialPill);
     }, [initialPill]);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("ul", { "aria-label": ariaLabel, className: classBinder_cx('c-pills__list', theme), "data-testid": testId }, pills.map(function (_a) {
         var _b;
-        var disabledTooltip = _a.disabledTooltip, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, label = _a.label, value = _a.value;
+        var disabledTooltip = _a.disabledTooltip, _c = _a.hasNotification, hasNotification = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, label = _a.label, notificationCount = _a.notificationCount, notificationMaxCount = _a.notificationMaxCount, value = _a.value;
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { key: "pills-" + cuid_default()() + "-" + value, className: classBinder_cx('c-pills__listItem', (_b = {},
-                _b["c-pills__listItem--disabled"] = isDisabled,
-                _b["c-pills__listItem--selected"] = activePill === value,
+                _b['c-pills__listItem--disabled'] = isDisabled,
+                _b['c-pills__listItem--selected'] = activePill === value,
                 _b)) },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { disabledTooltip: disabledTooltip, isDisabled: isDisabled, theme: classBinder_cx('c-pills__listButton'), type: "transparent", onClick: handleOnClick(value, isDisabled) }, label)));
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { disabledTooltip: disabledTooltip, isDisabled: isDisabled, theme: classBinder_cx('c-pills__listButton'), type: "transparent", onClick: handleOnClick(value, isDisabled) },
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Badge, { count: notificationCount, hasNotification: hasNotification, maxCount: notificationMaxCount, theme: "u-mr--xxSmall" }),
+                label)));
     })));
 };
 
@@ -97809,7 +97814,7 @@ var UserAuth = function (_a) {
             setTimeLeft((timer === null || timer === void 0 ? void 0 : timer.time) ? timer.time : 0);
             setMobileKeyValue('');
         }
-    }, [resetTimer, timer]);
+    }, [resetTimer, timer === null || timer === void 0 ? void 0 : timer.time]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         if (mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.error) {
             setMobileKeyValue('');
@@ -98638,18 +98643,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, _b;
-            try {
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                (_a = document.getElementById(name + "_input")) === null || _a === void 0 ? void 0 : _a.select();
-            }
-            catch (err) {
-                // set focus as failback
-                (_b = document.getElementById(name + "_input")) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-        }, 100);
+        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; }
@@ -98699,7 +98701,7 @@ var Autocomplete2 = function (_a) {
         setTypingMode(function (prev) { return !prev; });
     };
     var toggleDropdown = function () {
-        setTypingMode(true);
+        setTypingMode(function (prev) { return !prev; });
         setIsDropdownVisible(function (prev) { return !prev; });
     };
     var handleFocus = function (event) {
@@ -113282,15 +113284,11 @@ var Stepper = function (_a) {
 // CONCATENATED MODULE: ./src/components/Navigation/Tabs/_elements_/TabListItem.tsx
 
 
+
 var TabListItem = function (_a) {
-    var _b;
-    var _c = _a.countLimit, countLimit = _c === void 0 ? 99 : _c, hasNotification = _a.hasNotification, notificationCount = _a.notificationCount, value = _a.value;
+    var _b = _a.countLimit, countLimit = _b === void 0 ? 99 : _b, hasNotification = _a.hasNotification, notificationCount = _a.notificationCount, notificationMaxCount = _a.notificationMaxCount, value = _a.value;
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Flex, { alignItems: hasNotification ? 'center' : 'baseline' },
-        (hasNotification || notificationCount) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-tabs__badge', (_b = {}, _b['c-tabs__badge--pulsing'] = hasNotification, _b)) }, notificationCount && !hasNotification
-            ? notificationCount > countLimit
-                ? countLimit + "+"
-                : notificationCount
-            : null)),
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Badge, { count: notificationCount, hasNotification: hasNotification, maxCount: notificationMaxCount || countLimit, theme: "u-mr--xxSmall" }),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-tabs__text') }, value)));
 };