sprintify-ui 0.0.88 → 0.0.90

package/dist/tailwindcss/index.js

@@ -267,8 +267,8 @@ module.exports = plugin(
     theme: {
       extend: {
         zIndex: {
-          menu: '30',
-          modal: '40',
+          menu: '40',
+          modal: '30',
           notifications: '50',
           dialogs: '50',
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocomplete.stories.js

@@ -32,7 +32,7 @@ export default {
 const Template = (args) => ({
   components: { BaseAutocomplete, ShowValue },
   setup() {
-    const value = ref(null);
+    const value = ref(options[2]);
     return { args, value };
   },
   template: `

package/src/components/BaseAutocomplete.vue

@@ -267,6 +267,21 @@ const normalizedOptions = hasOptions.normalizedOptions;
 const normalizedModelValue =
   hasOptions.normalizedModelValue as ComputedRef<NormalizedOption | null>;
 
+const filteredNormalizedOptions = computed((): NormalizedOption[] => {
+  if (shouldFilter.value === false) {
+    return normalizedOptions.value;
+  }
+  return normalizedOptions.value.filter((option) => {
+    if (props.filter !== undefined) {
+      return props.filter(option);
+    }
+    if (!option.label) {
+      return false;
+    }
+    return option.label.toLowerCase().includes(keywords.value.toLowerCase());
+  });
+});
+
 const optionActive = computed(() => {
   return (
     filteredNormalizedOptions.value[
@@ -284,28 +299,20 @@ watch(
     }
     if (normalizedModelValue.value) {
       setKeywords(normalizedModelValue.value?.label);
+      const index = filteredNormalizedOptions.value.findIndex(
+        (option) => option.value === normalizedModelValue.value?.value
+      );
+      if (index >= 0) {
+        selectionIndex.value = index;
+      }
     } else {
+      selectionIndex.value = 0;
       setKeywords('');
     }
   },
   { immediate: true }
 );
 
-const filteredNormalizedOptions = computed((): NormalizedOption[] => {
-  if (shouldFilter.value === false) {
-    return normalizedOptions.value;
-  }
-  return normalizedOptions.value.filter((option) => {
-    if (props.filter !== undefined) {
-      return props.filter(option);
-    }
-    if (!option.label) {
-      return false;
-    }
-    return option.label.toLowerCase().includes(keywords.value.toLowerCase());
-  });
-});
-
 onMounted(() => {
   window.addEventListener('mousedown', onMouseDown);
 });