@milaboratories/uikit 2.2.71 → 2.2.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.71",
+  "version": "2.2.73",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -36,7 +36,7 @@
     "@types/d3": "^7.4.3",
     "@milaboratories/eslint-config": "^1.0.4",
     "@milaboratories/helpers": "^1.6.11",
-    "@platforma-sdk/model": "^1.29.22"
+    "@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 [];

package/src/components/PlLogView/PlLogView.vue

@@ -63,6 +63,10 @@ const props = defineProps<{
    * The label to display above the texarea.
    */
   label?: string;
+  /**
+   * Do not scroll to bottom on content change. Default is false (scroll to bottom).
+   */
+  disableAutoScroll?: boolean;
 }>();
 
 const logState = useLogHandle(props);
@@ -101,7 +105,11 @@ const onClickCopy = () => {
   }
 };
 
-const scrollDown = () => {
+const optionallyScrollDown = () => {
+  if (props.disableAutoScroll) {
+    return;
+  }
+
   tapIf(contentRef.value, (el) => {
     if (isAnchored.value) {
       el.scrollTo(el.scrollLeft, el.scrollHeight);
@@ -113,7 +121,7 @@ watch(
   computedValue,
   () => {
     requestAnimationFrame(() => {
-      scrollDown();
+      optionallyScrollDown();
     });
   },
   { immediate: true },