@dataloop-ai/components 0.20.144 → 0.20.146

package/package.json

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

package/src/components/compound/DlInput/DlInput.vue

@@ -646,7 +646,8 @@ export default defineComponent({
         'enter',
         'file-update',
         'update:model-value',
-        'suggestion-click'
+        'suggestion-click',
+        'keydown'
     ],
     setup(props, { emit }) {
         const mouseOverClear = ref(false)
@@ -1155,6 +1156,8 @@ export default defineComponent({
                 return
             }
 
+            this.$emit('keydown', e)
+
             if (e.key !== 'Backspace') {
                 /**
                  * Allow only numbers
@@ -1640,3 +1643,4 @@ export default defineComponent({
     }
 }
 </style>
+

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

@@ -80,6 +80,7 @@
                     @blur="handleSearchBlur"
                     @keyup.enter="handleSearchEnter"
                     @keyup.esc="handleSearchEscape"
+                    @keydown="handleSearchKeyDown"
                 />
                 <dl-tooltip v-if="disabled && disabledTooltip">
                     {{ disabledTooltip }}
@@ -518,6 +519,7 @@ export default defineComponent({
         'search-blur',
         'search-enter',
         'search-escape',
+        'search-keydown',
         'filter',
         'change',
         'search-input',
@@ -1117,6 +1119,11 @@ export default defineComponent({
                 this.$emit('search-enter', e, this.searchInputValue)
             }
         },
+        handleSearchKeyDown(e: KeyboardEvent): void {
+            if (this.searchable) {
+                this.$emit('search-keydown', e)
+            }
+        },
         handleSearchEscape(e: Event): void {
             if (this.searchable) {
                 this.$emit('search-escape', e, this.searchInputValue)
@@ -1127,9 +1134,7 @@ export default defineComponent({
 
             const focusEvent = e as FocusEvent
             const shouldKeepFocus =
-                this.keepFocusOnBlur &&
-                !focusEvent.relatedTarget &&
-                this.isExpanded
+                this.keepFocusOnBlur && !focusEvent.relatedTarget
 
             this.$nextTick(() => {
                 const inputRef = this.$refs.searchInput as HTMLInputElement

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(