@milaboratories/uikit 2.2.72 → 2.2.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.72",
+  "version": "2.2.73",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -35,8 +35,8 @@
     "svgo": "^3.3.2",
     "@types/d3": "^7.4.3",
     "@milaboratories/eslint-config": "^1.0.4",
-    "@platforma-sdk/model": "^1.30.3",
-    "@milaboratories/helpers": "^1.6.11"
+    "@milaboratories/helpers": "^1.6.11",
+    "@platforma-sdk/model": "^1.30.11"
   },
   "scripts": {
     "dev": "vite",

package/src/components/PlAutocomplete/PlAutocomplete.vue

@@ -131,16 +131,6 @@ const loadedOptionsRef = ref<ListOption<M>[]>([]);
 const modelOptionRef = ref<ListOptionNormalized<M> | undefined>(); // list of 1 option that is selected or empty, to keep selected label
 
 const renderedOptionsRef = computed(() => {
-  if (model.value && !search.value) {
-    return modelOptionRef.value
-      ? [{
-          ...modelOptionRef.value,
-          index: 0,
-          isSelected: true,
-          isActive: true,
-        }]
-      : [];
-  }
   return normalizeListOptions(loadedOptionsRef.value).map((opt, index) => ({
     ...opt,
     index,
@@ -215,14 +205,12 @@ const setFocusOnInput = () => input.value?.focus();
 
 const toggleOpen = () => {
   data.open = !data.open;
-  if (!data.open) {
-    search.value = null;
-  }
-  if (data.open) {
-    search.value = '';
-  }
 };
 
+watch(() => data.open, (v) => {
+  search.value = v ? '' : null;
+})
+
 const onInputFocus = () => {
   data.open = true;
 };
@@ -298,10 +286,10 @@ watchPostEffect(() => {
   }
 });
 
-const searchDebounced = refDebounced(search, 500, { maxWait: 1000 });
+const searchDebounced = refDebounced(search, 300, { maxWait: 1000 });
 
 const optionsRequest = useWatchFetch(() => searchDebounced.value, async (v) => {
-  if (v !== null && !(v === '' && model.value)) { // search is null when dropdown is closed; when search is '' and model is not empty show single selected option in the list;
+  if (v !== null) { // search is null when dropdown is closed;
     return props.optionsSearch(v);
   }
   return [];