@mmb-digital/ds-lilly 0.3.0 → 0.3.4

package/dist/ds-lilly.js

@@ -98277,21 +98277,21 @@ var Autocomplete2_spreadArray = (undefined && undefined.__spreadArray) || functi
 
 var Autocomplete2 = function (_a) {
     var _b;
-    var _c = _a.asyncDelayMilliseconds, asyncDelayMilliseconds = _c === void 0 ? 200 : _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, _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"])(value || ''), 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"])({
+    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"])({
         loading: false,
         found: -1
-    }), searchState = _q[0], setSearchState = _q[1];
-    var _r = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({
+    }), searchState = _r[0], setSearchState = _r[1];
+    var _s = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({
         loading: false,
         found: -1
-    }), pagingState = _r[0], setPagingState = _r[1];
+    }), pagingState = _s[0], setPagingState = _s[1];
     var loadAsyncItems = function (query) { return Autocomplete2_awaiter(void 0, void 0, void 0, function () {
         var newItems, isCategorised, found;
         var _a;
@@ -98337,16 +98337,17 @@ var Autocomplete2 = function (_a) {
         return map;
     }, [items, isCategorised]);
     var showCreatable = !!onCreateNewItem &&
-        itemsIndex.length === 0 &&
+        (itemsIndex.length === 0 || canAlwaysCreateNewItem) &&
         typingMode &&
         fulltextValue.length >= newItemMinimumLength &&
-        (!loadItems || (!!loadItems && searchState.found === 0));
-    var getItemIndexByValue = function (val) {
+        (!loadItems || (!!loadItems && searchState.found === 0) || (!!loadItems && canAlwaysCreateNewItem));
+    var getItemIndexByValue = function (val, sourceItems) {
+        if (sourceItems === void 0) { sourceItems = items; }
         if (val === '' || val === undefined) {
             return { item: -1, category: -1 };
         }
         if (isCategorised) {
-            var index = items
+            var index = sourceItems
                 .map(function (category, categoryIndex) {
                 var item = category.items.findIndex(function (item) { return item.value === val && !item.isDisabled; });
                 return { item: item, category: categoryIndex };
@@ -98357,7 +98358,7 @@ var Autocomplete2 = function (_a) {
             });
             return index || { item: -1, category: -1 };
         }
-        var item = items.findIndex(function (item) { return item.value === val && !item.isDisabled; });
+        var item = sourceItems.findIndex(function (item) { return item.value === val && !item.isDisabled; });
         return { item: item, category: -1 };
     };
     var getItemIndexPosition = function (index) {
@@ -98397,8 +98398,17 @@ var Autocomplete2 = function (_a) {
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         if (inputItems.length) {
             setItems(inputItems);
+            var _a = getItemIndexByValue(value, inputItems), category = _a.category, item = _a.item;
+            if (item > -1) {
+                var selectedItem = isCategorised
+                    ? inputItems[category].items[item]
+                    : inputItems[item];
+                if (selectedItem) {
+                    setButtonValue(selectedItem);
+                }
+            }
         }
-    }, [inputItems]);
+    }, [value, inputItems]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         var itemIndex = getItemIndexByValue(value);
         var itemIndexPosition = getItemIndexPosition(itemIndex);
@@ -98430,9 +98440,10 @@ var Autocomplete2 = function (_a) {
         var itemElementId = isCategorised ? name + "_option-" + category + "-" + item : name + "_option-" + item;
         (_a = document.getElementById(itemElementId)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: center ? 'center' : 'nearest' });
     };
-    var scrollToCreatable = function () {
-        var _a;
+    var focusCreatable = function () {
+        var _a, _b;
         (_a = document.getElementById(name + "_option-createNew")) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest' });
+        (_b = document.getElementById(name + "_list-createNew")) === null || _b === void 0 ? void 0 : _b.focus();
     };
     var focusFulltextInput = function () {
         setTimeout(function () {
@@ -98478,6 +98489,8 @@ var Autocomplete2 = function (_a) {
         }
     }, [fulltextValue]);
     var handleComboBoxClick = function () {
+        if (isDisabled || isLoading)
+            return;
         if (!isDropdownVisible) {
             // dropdown is going to be opened
             setFulltextValue((buttonValue === null || buttonValue === void 0 ? void 0 : buttonValue.label) || '');
@@ -98547,11 +98560,11 @@ var Autocomplete2 = function (_a) {
         scrollToItem(item, category);
     };
     var handleCreateNewOption = function () {
-        propagateChange({ label: fulltextValue, value: fulltextValue });
+        setButtonValue({ label: fulltextValue, value: fulltextValue });
         onCreateNewItem && onCreateNewItem(fulltextValue);
     };
     var handleOptionKeyPress = function (event) {
-        var ctrlKey = event.ctrlKey, key = event.key, target = event.target;
+        var ctrlKey = event.ctrlKey, key = event.key, metaKey = event.metaKey, target = event.target;
         switch (key) {
             case KEYS.Enter:
             case KEYS.Tab:
@@ -98573,9 +98586,9 @@ var Autocomplete2 = function (_a) {
                         handleFocusedItem(itemIndex.item, itemIndex.category);
                     }
                     else if (showCreatable) {
-                        if (currentItemPosition === -1) {
+                        if (currentItemPosition + 1 === itemsIndex.length) {
                             setCurrentItemPosition(itemsIndex.length);
-                            scrollToCreatable();
+                            focusCreatable();
                         }
                         else {
                             setCurrentItemPosition(-1);
@@ -98630,7 +98643,7 @@ var Autocomplete2 = function (_a) {
                 event.preventDefault();
                 break;
             default:
-                if (!ctrlKey) {
+                if (!(ctrlKey || metaKey)) {
                     setFulltextValue(function (prev) { return "" + prev + key; });
                 }
                 break;
@@ -98655,9 +98668,7 @@ var Autocomplete2 = function (_a) {
             else if (showCreatable) {
                 setCurrentItemPosition(itemsIndex.length);
                 setTimeout(function () {
-                    var _a;
-                    scrollToCreatable();
-                    (_a = document.getElementById(name + "_list-createNew")) === null || _a === void 0 ? void 0 : _a.focus();
+                    focusCreatable();
                 });
             }
             return;
@@ -98680,7 +98691,7 @@ var Autocomplete2 = function (_a) {
         }
         if (key === KEYS.ArrowUp && isDropdownVisible) {
             event.preventDefault();
-            if (itemsIndex.length > 0) {
+            if (itemsIndex.length > 0 && !showCreatable) {
                 if (isLazyLoaded && currentItemPosition === -1)
                     return;
                 var _b = itemsIndex[currentItemPosition > -1 ? currentItemPosition : itemsIndex.length - 1], category_2 = _b.category, item_2 = _b.item;
@@ -98692,12 +98703,10 @@ var Autocomplete2 = function (_a) {
                     (_a = document.getElementById(listElementId)) === null || _a === void 0 ? void 0 : _a.focus();
                 });
             }
-            else if (showCreatable && currentItemPosition === -1) {
+            else if (showCreatable) {
                 setCurrentItemPosition(itemsIndex.length);
                 setTimeout(function () {
-                    var _a;
-                    scrollToCreatable();
-                    (_a = document.getElementById(name + "_list-createNew")) === null || _a === void 0 ? void 0 : _a.focus();
+                    focusCreatable();
                 });
             }
             else {
@@ -98774,20 +98783,20 @@ var Autocomplete2 = function (_a) {
         }
     };
     var renderDropdownContent = function () {
-        if (loadItems && items.length === 0 && !searchState.loading && searchState.found === -1) {
+        if (loadItems && items.length === 0 && !searchState.loading && searchState.found === -1 && messages.typeToFilter) {
             return external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-autocomplete__message" }, messages.typeToFilter);
         }
-        if (searchState.loading) {
+        if (searchState.loading && messages.loadingItems) {
             return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-autocomplete__message" },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "loading", size: "large" }),
                 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),
-            pagingState.loading && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-autocomplete__message", id: "autocomplete_loading-more-items" },
+            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)),
-            (searchState.found === 0 || items.length === 0) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-autocomplete__message" }, messages.nohingFound)),
+            (searchState.found === 0 || items.length === 0) && messages.nohingFound && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-autocomplete__message" }, messages.nohingFound)),
             showCreatable && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownMenu, { activeDescendant: name + "_option-createNew", id: name + "_list-createNew", role: "listbox", tabIndex: -1, onKeyDown: handleOptionKeyPress },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownItem, { id: name + "_option-createNew", isFocused: currentItemPosition === itemsIndex.length, role: "option", theme: "c-dropdown__footer", onClick: handleCreateNewOption, onMouseOver: function () {
                         setCurrentItemPosition(itemsIndex.length);
@@ -98824,7 +98833,11 @@ var Autocomplete2 = function (_a) {
             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" }, typingMode ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-control2 f-control2--select', { 'f-control2--large': displayDetails }) },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("input", { autoComplete: "off", className: classBinder_cx('f-autocomplete__input'), disabled: isDisabled, id: name + "_input", name: name, placeholder: placeholder, type: "text", value: fulltextValue, onChange: handleFulltextChange, onKeyDown: handleFulltextKeyPress }),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-invalid": !!error, className: classBinder_cx('f-autocomplete__button'), disabled: isDisabled, id: name + "_toggle_button", name: name, tabIndex: -1, type: "button", onClick: toggleDropdown },
-                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "arrowDown", size: "small", theme: "f-control2__selectIcon" })))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-expanded": isDropdownVisible, "aria-haspopup": "listbox", "aria-invalid": !!error, "aria-labelledby": name + "_label " + name, className: classBinder_cx('f-control2 f-control2--select', { 'f-control2--large': displayDetails }), disabled: isDisabled, id: name + "_button", name: name, type: "button", onClick: handleComboBoxClick, onFocus: handleFocus },
+                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "arrowDown", size: "small", theme: "f-control2__selectIcon" })))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-expanded": isDropdownVisible, "aria-haspopup": "listbox", "aria-invalid": !!error, "aria-labelledby": name + "_label " + name, className: classBinder_cx('f-control2 f-control2--select', {
+                        'f-control2--large': displayDetails,
+                        'f-autocomplete__trigger--loading': isLoading
+                    }), disabled: isDisabled, id: name + "_button", name: name, type: "button", onClick: handleComboBoxClick, onFocus: handleFocus },
+                    isLoading && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "loading" }),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx("f-control2__" + (buttonValue ? 'value' : 'placeholder')) }, buttonValue ? external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(SelectedOption, Autocomplete2_assign({ displayDetails: displayDetails }, 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" })))), onScrollToEnd: handleScrollToEnd, onVisibleChange: handleDropdownVisibilityChange }, renderDropdownContent()))));
 };
@@ -104245,9 +104258,9 @@ var Checkbox2_assign = (undefined && undefined.__assign) || function () {
 
 
 var Checkbox2 = function (_a) {
-    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, _c = _a.value, defaultState = _c === void 0 ? false : _c;
+    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, _c = _a.value, defaultState = _c === void 0 ? false : _c;
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(defaultState), isChecked = _d[0], setIsChecked = _d[1];
-    var handleOnChange = function (event) {
+    var handleOnChange = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (event) {
         if (!isDisabled) {
             onChange && onChange(!isChecked);
             setIsChecked(!isChecked);
@@ -104255,15 +104268,15 @@ var Checkbox2 = function (_a) {
         if (!allowEventPropagation) {
             event.stopPropagation();
         }
-    };
+    }, [allowEventPropagation, isChecked, isDisabled, onChange]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         setIsChecked(defaultState);
     }, [defaultState]);
-    var handleOnKeyPress = function (event) {
+    var handleOnKeyPress = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (event) {
         var key = event.key;
         if (key === KEYS.Space)
             handleOnChange(event);
-    };
+    }, [handleOnChange]);
     var formGroupProps = {
         error: error,
         disabledTooltip: disabledTooltip,
@@ -104284,7 +104297,11 @@ var Checkbox2 = function (_a) {
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('f-checkbox2__indicator', {
                         'f-checkbox2__indicator--checked': isChecked
                     }) }, isChecked && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "tickFill" }))),
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "f-checkbox2__text" }, label))));
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "f-checkbox2__text" },
+                label,
+                labelTooltip && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tooltip, { content: labelTooltip },
+                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('f-label__tooltip2') },
+                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: "info", name: "info", size: "small" }))))))));
 };
 
 // CONCATENATED MODULE: ./src/components/Form/Checkbox2/index.ts

package/dist/types/src/components/Form/Autocomplete2/Autocomplete2.d.ts

@@ -4,6 +4,8 @@ import { FormField2PropsType, Theme } from '../../../types';
 export interface Autocomplete2PropsType extends FormField2PropsType {
     /** A delay before async loadItems is called after user stops typing */
     asyncDelayMilliseconds?: number;
+    /** A flag whether option to create new item should be rendered always (true) or only on empty result (false, default) */
+    canAlwaysCreateNewItem?: boolean;
     /** Displays additional information for selected option. (perex, amount) */
     displayDetails?: boolean;
     /** Custom theme for dropdown items. */
@@ -18,6 +20,8 @@ export interface Autocomplete2PropsType extends FormField2PropsType {
     items?: ItemType[] | CategorisedItemType[];
     /** A flag whether items are lazy loaded (on focus) */
     isLazyLoaded?: boolean;
+    /** Set loading state to dropdown trigger. */
+    isLoading?: boolean;
     /** Async callback to load items */
     loadItems?: (query?: string) => Promise<ItemType[] | CategorisedItemType[]>;
     /** Async callback to load more items */
@@ -40,5 +44,5 @@ export interface Autocomplete2PropsType extends FormField2PropsType {
     /** A callback to create new item */
     onCreateNewItem?: (value?: string) => void;
 }
-export declare const Autocomplete2: ({ asyncDelayMilliseconds, disabledTooltip, displayDetails, dropdownTheme, emptyValueLabel, error, filterMinimumLength, hasFullWidthOptions, help, isDisabled, isLazyLoaded, items: inputItems, label, labelTooltip, loadItems, loadMoreItems, name, messages, newItemMinimumLength, onBlur, onChange, onCreateNewItem, onFocus, placeholder, testId, theme, value }: Autocomplete2PropsType) => JSX.Element;
+export declare const Autocomplete2: ({ asyncDelayMilliseconds, canAlwaysCreateNewItem, disabledTooltip, displayDetails, dropdownTheme, emptyValueLabel, error, filterMinimumLength, hasFullWidthOptions, help, isDisabled, isLazyLoaded, isLoading, items: inputItems, label, labelTooltip, loadItems, loadMoreItems, name, messages, newItemMinimumLength, onBlur, onChange, onCreateNewItem, onFocus, placeholder, testId, theme, value }: Autocomplete2PropsType) => JSX.Element;
 //# sourceMappingURL=Autocomplete2.d.ts.map

package/dist/types/src/components/Form/Checkbox2/Checkbox2.d.ts

@@ -2,5 +2,5 @@ import { FormField2PropsType } from '../../../types';
 export declare type Checkbox2PropsType = Omit<FormField2PropsType, 'value'> & {
     value?: boolean;
 };
-export declare const Checkbox2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, label, name, onChange, testId, theme, value: defaultState }: Checkbox2PropsType) => JSX.Element;
+export declare const Checkbox2: ({ allowEventPropagation, disabledTooltip, error, help, isDisabled, label, labelTooltip, name, onChange, testId, theme, value: defaultState }: Checkbox2PropsType) => JSX.Element;
 //# sourceMappingURL=Checkbox2.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.3.0",
+  "version": "0.3.4",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,
@@ -79,15 +79,15 @@
     "@cypress/react": "^5.8.0",
     "@cypress/webpack-dev-server": "^1.3.0",
     "@namics/stylelint-bem": "^6.3.4",
-    "@storybook/addon-a11y": "^6.3.5",
-    "@storybook/addon-actions": "^6.3.5",
-    "@storybook/addon-essentials": "^6.3.5",
-    "@storybook/addon-links": "^6.3.5",
-    "@storybook/node-logger": "^6.3.5",
+    "@storybook/addon-a11y": "^6.4.18",
+    "@storybook/addon-actions": "^6.4.18",
+    "@storybook/addon-essentials": "^6.4.18",
+    "@storybook/addon-links": "^6.4.18",
+    "@storybook/node-logger": "^6.4.18",
     "@storybook/preset-create-react-app": "^3.2.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.3.5",
-    "@storybook/testing-react": "^0.0.21",
+    "@storybook/react": "^6.4.18",
+    "@storybook/testing-react": "^1.2.3",
     "@svgr/cli": "^5.5.0",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^11.2.7",
@@ -104,6 +104,7 @@
     "@types/react-text-mask": "^5.4.7",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
     "@typescript-eslint/parser": "^4.25.0",
+    "@whitespace/storybook-addon-html": "^5.0.0",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.1",
     "awesome-typescript-loader": "^5.2.1",
     "babel-loader": "8.1.0",
@@ -134,7 +135,7 @@
     "sass": "^1.34.0",
     "sass-loader": "10.2.0",
     "sort-package-json": "^1.50.0",
-    "storybook-addon-designs": "^6.0.1",
+    "storybook-addon-designs": "^6.2.1",
     "storybook-dark-mode": "^1.0.8",
     "stylelint": "^13.13.1",
     "stylelint-config-sass-guidelines": "^8.0.0",