Merge branch 'master' of https://github.com/edu-rosado/svelte-material-ui into edu-rosado-master

Author: hperrin

packages/autocomplete/src/Autocomplete.svelte

@@ -35,11 +35,19 @@
       'smui-autocomplete__menu': true,
     })}
     managed
-    open={menuOpen}
+    bind:open={menuOpen}
     bind:anchorElement={element}
     anchor={menu$anchor}
     anchorCorner={menu$anchorCorner}
     on:SMUIList:mount={handleListAccessor}
+    on:SMUIMenu:closedProgrammatically={() => {
+      if (resetTextWhenSelected) {
+        text = '';
+        focus();
+      } else {
+        hideMenu = true;
+      }
+    }}
     {...prefixFilter($$restProps, 'menu$')}
   >
     <List {...prefixFilter($$restProps, 'list$')}>
@@ -162,6 +170,7 @@
   export let selectOnExactMatch = true;
   export let showMenuWithNoInput = true;
   export let noMatchesActionDisabled = true;
+  export let resetTextWhenSelected = false;
   export let search: (input: string) => Promise<any[] | false> = async (
     input: string
   ) => {
@@ -202,9 +211,12 @@
   let matches: any[] = [];
   let focusedIndex = -1;
   let focusedItem: SMUIListItemAccessor | undefined = undefined;
+  let itemHasBeenSelected: boolean = false;
+  let hideMenu: boolean = false;
 
   $: menuOpen =
     focused &&
+    !hideMenu &&
     (text !== '' || showMenuWithNoInput) &&
     (loading ||
       (!combobox && !(matches.length === 1 && matches[0] === value)) ||
@@ -214,6 +226,9 @@
 
   let previousText: string | undefined = undefined;
   $: if (previousText !== text) {
+    if (!itemHasBeenSelected) {
+      hideMenu = false;
+    }
     if (!combobox && value != null && getOptionLabel(value) !== text) {
       deselectOption(value, false);
     }
@@ -240,6 +255,13 @@
       loading = false;
     })();
 
+    if (itemHasBeenSelected) {
+      if (resetTextWhenSelected) {
+        text = '';
+        focus();
+      }
+      itemHasBeenSelected = false;
+    }
     previousText = text;
   }
 
@@ -248,6 +270,10 @@
     // If the value changes from outside, update the text.
     text = getOptionLabel(value);
     previousValue = value;
+    itemHasBeenSelected = true;
+    if (!resetTextWhenSelected) {
+      hideMenu = true;
+    }
   } else if (combobox) {
     // If the text changes, update value if we're a combobox.
     value = text;

packages/menu/src/Menu.svelte

@@ -78,8 +78,10 @@
         listAccessor.getAttributeFromElementIndex(index, attr),
       elementContainsClass: (element, className) =>
         element.classList.contains(className),
-      closeSurface: (skipRestoreFocus) =>
-        menuSurfaceAccessor.closeProgrammatic(skipRestoreFocus),
+      closeSurface: (skipRestoreFocus) => {
+        menuSurfaceAccessor.closeProgrammatic(skipRestoreFocus);
+        dispatch(getElement(), 'SMUIMenu:closedProgrammatically', {});
+      },
       getElementIndex: (element) =>
         listAccessor
           .getOrderedList()