@dataloop-ai/components 0.20.143 → 0.20.145

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.20.143",
+  "version": "0.20.145",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlSelect/DlSelect.vue

@@ -507,6 +507,10 @@ export default defineComponent({
         afterOptionsPadding: {
             type: String,
             default: null
+        },
+        keepFocusOnBlur: {
+            type: Boolean,
+            default: false
         }
     },
     emits: [
@@ -1119,11 +1123,18 @@ export default defineComponent({
             }
         },
         handleSearchBlur(e: Event): void {
-            if (this.searchable) {
+            if (!this.searchable) return
+
+            const focusEvent = e as FocusEvent
+            const shouldKeepFocus =
+                this.keepFocusOnBlur && !focusEvent.relatedTarget
+
+            this.$nextTick(() => {
                 const inputRef = this.$refs.searchInput as HTMLInputElement
-                this.$nextTick(() => {
-                    inputRef?.focus({})
-                })
+                inputRef?.focus({})
+            })
+
+            if (!shouldKeepFocus) {
                 this.$emit('search-blur', e)
             }
         },

package/src/components/compound/DlTreeTable/DlTreeTable.vue

@@ -482,6 +482,12 @@ export default defineComponent({
                 }
             }
         }
+
+        const clearSelectionWithRerender = () => {
+            clearSelection()
+            mainTableKey.value = v4()
+        }
+
         const updateSelectionHierarchy = (
             adding: boolean,
             event: any,
@@ -943,7 +949,9 @@ export default defineComponent({
             mainTbodyUuid,
             vue2h,
             containerClass,
-            computedFilter
+            computedFilter,
+            clearSelection,
+            clearSelectionWithRerender
         }
     },
     // adding ignore here as overloading the render function like this is not a known type

package/src/components/compound/DlTreeTable/utils/treeTableRowSelection.ts

@@ -75,6 +75,7 @@ export function useTreeTableRowSelection(
 
     function clearSelection() {
         selectedRows.value = []
+        selectedItemsNested.value = []
     }
 
     function updateSelection(