@mmb-digital/ds-lilly 0.6.0 → 0.6.2

package/dist/ds-lilly.js

@@ -96589,7 +96589,9 @@ var ContentCard = function (_a) {
     }, [isCollapsible, onToggle]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return setIsOpened(isOpen); }, [isOpen]);
     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;
+    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-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,
@@ -96609,7 +96611,7 @@ var ContentCard = function (_a) {
                 return Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(button, {
                     theme: classBinder_cx(button.props.theme, 'c-contentCardHeader__button')
                 });
-            })))), iconBackgroundColor: iconBackgroundColor, iconBadge: isOpened && hasSubtitleTag && badgeIcon, 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));
+            })))), 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
@@ -98057,10 +98059,10 @@ var Autocomplete_assign = (undefined && undefined.__assign) || function () {
 
 var Autocomplete = function (_a) {
     var _b, _c, _d;
-    var disabledTooltip = _a.disabledTooltip, dropdownTheme = _a.dropdownTheme, error = _a.error, _e = _a.hasAlwaysValue, hasAlwaysValue = _e === void 0 ? false : _e, _f = _a.hasFullWidthOptions, hasFullWidthOptions = _f === void 0 ? true : _f, help = _a.help, _g = _a.inputAutocomplete, inputAutocomplete = _g === void 0 ? false : _g, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, messages = _a.messages, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCreate = _a.onCreate, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, outterValue = _a.value;
+    var disabledTooltip = _a.disabledTooltip, dropdownTheme = _a.dropdownTheme, error = _a.error, _e = _a.hasAlwaysValue, hasAlwaysValue = _e === void 0 ? false : _e, _f = _a.hasFullWidthOptions, hasFullWidthOptions = _f === void 0 ? true : _f, help = _a.help, _g = _a.inputAutocomplete, inputAutocomplete = _g === void 0 ? false : _g, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, messages = _a.messages, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCreate = _a.onCreate, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, outerValue = _a.value;
     var isCategorised = !!((_b = items[0]) === null || _b === void 0 ? void 0 : _b.items);
     var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _h[0], setIsDropdownVisible = _h[1];
-    var _j = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(outterValue || ''), value = _j[0], setValue = _j[1];
+    var _j = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(outerValue || ''), value = _j[0], setValue = _j[1];
     var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(-1), focusedItemIndex = _k[0], setFocusedItemIndex = _k[1];
     var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(0), focusedCategoryIndex = _l[0], setFocusedCategoryIndex = _l[1];
     var _m = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(items), filteredItems = _m[0], setFilteredItems = _m[1];
@@ -98070,15 +98072,15 @@ var Autocomplete = function (_a) {
         var searchedItem;
         if (isCategorised) {
             var categories = items;
-            categories.map(function (category) { return (searchedItem = category.items.filter(function (item) { return item.value === outterValue; })[0]); });
+            categories.map(function (category) { return (searchedItem = category.items.filter(function (item) { return item.value === outerValue; })[0]); });
         }
         else {
-            searchedItem = items.filter(function (item) { return item.value === outterValue; })[0];
+            searchedItem = items.filter(function (item) { return item.value === outerValue; })[0];
         }
         var htmlInput = document.getElementById("" + name);
-        htmlInput.value = searchedItem ? searchedItem.label : outterValue || '';
-        setValue(outterValue || '');
-    }, [outterValue]);
+        htmlInput.value = searchedItem ? searchedItem.label : outerValue || '';
+        setValue(outerValue || '');
+    }, [outerValue]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         if (value && focusedItemIndex === -1) {
             setFocusedItemIndex(0);
@@ -98313,7 +98315,7 @@ var Autocomplete = function (_a) {
         setFilteredItems(newItems);
         setIsDropdownVisible(true);
     };
-    var handleDropdownToogle = function () {
+    var handleDropdownToggle = function () {
         setFilteredItems(getFilteredItems(''));
         setIsDropdownVisible(!isDropdownVisible);
     };
@@ -98379,7 +98381,7 @@ var Autocomplete = function (_a) {
                             messages.create, " \"" + (isSelectedValue ? (_d = getMatchingItem()) === null || _d === void 0 ? void 0 : _d.label : value) + "\"")))),
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-expanded": isDropdownVisible, "aria-haspopup": "listbox", "aria-labelledby": name + "_label " + name + "_button", className: classBinder_cx('f-controlSuffix f-controlSuffix--button', {
                         'f-controlSuffix--open': isDropdownVisible
-                    }), disabled: isDisabled, id: name + "_button", tabIndex: -1, type: "button", onClick: handleDropdownToogle },
+                    }), disabled: isDisabled, id: name + "_button", tabIndex: -1, type: "button", onClick: handleDropdownToggle },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "arrowDown", size: "small", theme: "f-control2__selectIcon" }))))));
 };