@mmb-digital/ds-lilly 0.3.0 → 0.3.1

package/dist/ds-lilly.js

@@ -98281,7 +98281,7 @@ var Autocomplete2 = function (_a) {
     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 _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"])({
@@ -98341,12 +98341,13 @@ var Autocomplete2 = function (_a) {
         typingMode &&
         fulltextValue.length >= newItemMinimumLength &&
         (!loadItems || (!!loadItems && searchState.found === 0));
-    var getItemIndexByValue = function (val) {
+    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);
@@ -98774,20 +98784,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,
@@ -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",