@anmed/mui-selection 0.0.2 → 0.0.3

package/SingleClickSelectionSpinner.svelte

@@ -4,8 +4,8 @@ export let title;
 export let style;
 export let list = [];
 export let value;
-export let keyField = 'value';
-export let textField = 'text';
+export let keyCode = 'value';
+export let keyText = 'text';
 export let convertText;
 export let itemSelect;
 const dispatch = createEventDispatcher();
@@ -14,7 +14,8 @@ const handleItemSelected = (item) => {
     if (itemSelect) {
         itemSelect(item);
     }
-    value = item[keyField];
+    value = item[keyCode];
+    visible = false;
 };
 const getDisplayText = (item) => {
     let displayText = '';
@@ -23,7 +24,7 @@ const getDisplayText = (item) => {
             displayText = convertText(item);
         }
         else {
-            displayText = item[textField];
+            displayText = item[keyText];
         }
     }
     else {
@@ -40,7 +41,7 @@ const getDisplayText = (item) => {
     <ul class="single-click-selection-ul">
         {#each list as data}
             <li on:click={()=>handleItemSelected(data)}
-                class={value === data[keyField] ? 'single-click-selection-li-selected':'single-click-selection-li-normal'}> {getDisplayText(data)}</li>
+                class={value === data[keyCode] ? 'single-click-selection-li-selected':'single-click-selection-li-normal'}> {getDisplayText(data)}</li>
         {/each}
     </ul>
 </div>

package/SingleClickSelectionSpinner.svelte.d.ts

@@ -6,8 +6,8 @@ declare const __propDef: {
         style: any;
         list?: any[] | undefined;
         value: any;
-        keyField?: string | undefined;
-        textField?: string | undefined;
+        keyCode?: string | undefined;
+        keyText?: string | undefined;
         convertText: (item: any) => string;
         itemSelect: (item: any) => void;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anmed/mui-selection",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "",
   "type": "module",
   "main": "index.js",