@dataloop-ai/components 0.20.111 → 0.20.113

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.20.111",
+  "version": "0.20.113",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",
@@ -23,7 +23,7 @@
     "check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
   },
   "dependencies": {
-    "@dataloop-ai/icons": "^3.1.8",
+    "@dataloop-ai/icons": "^3.1.11",
     "@types/flat": "^5.0.2",
     "@types/lodash": "^4.14.184",
     "@types/sortablejs": "^1.15.7",

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

@@ -71,6 +71,8 @@
                     @input="handleSearchInput"
                     @focus="handleSearchFocus"
                     @blur="handleSearchBlur"
+                    @keyup.enter="handleSearchEnter"
+                    @keyup.esc="handleSearchEscape"
                 />
                 <dl-tooltip v-if="disabled && disabledTooltip">
                     {{ disabledTooltip }}
@@ -451,6 +453,8 @@ export default defineComponent({
     emits: [
         'search-focus',
         'search-blur',
+        'search-enter',
+        'search-escape',
         'filter',
         'change',
         'search-input',
@@ -1023,6 +1027,16 @@ export default defineComponent({
 
             return html
         },
+        handleSearchEnter(e: Event): void {
+            if (this.searchable) {
+                this.$emit('search-enter', e, this.searchInputValue)
+            }
+        },
+        handleSearchEscape(e: Event): void {
+            if (this.searchable) {
+                this.$emit('search-escape', e, this.searchInputValue)
+            }
+        },
         handleSearchBlur(e: Event): void {
             if (this.searchable) {
                 const inputRef = this.$refs.searchInput as HTMLInputElement

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

@@ -568,7 +568,9 @@ export default defineComponent({
                         tableRootRef.value.onTrContextMenu(event, row, index)
                     },
                     updateExpandedRow: () =>
-                        updateExpandedRow(!row.isExpanded, getRowKey.value(row))
+                        updateExpandedRow(!row.isExpanded, getRowKey.value(row)),
+                    rowHoverStart: (...args: any) => emit('row-hover-start', ...args),
+                    rowHoverEnd: (...args: any) => emit('row-hover-end', ...args)
                 }
             })
         }

package/src/components/compound/DlTreeTable/emits.ts

@@ -11,6 +11,8 @@ export const emits = [
     'row-double-click',
     'row-contextmenu',
     'update:visible-columns',
+    'row-hover-start',
+    'row-hover-end',
     ...useTableRowExpandEmits,
     ...useTreeTableRowSelectionEmits
 ]

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

@@ -7,8 +7,8 @@
         @click="emitRowClick($event, row, rowIndex)"
         @dblclick="onTrDoubleClick($event, row, rowIndex)"
         @contextmenu="onTrContextMenu($event, row, rowIndex)"
-        @mouseenter="isDragIconVisible = true"
-        @mouseleave="isDragIconVisible = false"
+        @mouseenter="onRowHoverStart($event, row, rowIndex)"
+        @mouseleave="onRowHoverEnd($event, row, rowIndex)"
     >
         <td
             v-if="hasDraggableRows"
@@ -161,7 +161,9 @@ export default defineComponent({
         'rowDoubleClick',
         'rowContextMenu',
         'update:model-value',
-        'updateExpandedRow'
+        'updateExpandedRow',
+        'rowHoverStart',
+        'rowHoverEnd'
     ],
     setup(props, { emit, slots }) {
         const visibleChildren = ref(0)
@@ -190,6 +192,24 @@ export default defineComponent({
             emit('rowClick', event, row, rowIndex)
         }
 
+        const onRowHoverStart = (
+            event: MouseEvent,
+            row: Record<string, any>,
+            rowIndex: number
+        ) => {
+            isDragIconVisible.value = true
+            emit('rowHoverStart', event, row, rowIndex)
+        }
+
+        const onRowHoverEnd = (
+            event: MouseEvent,
+            row: Record<string, any>,
+            rowIndex: number
+        ) => {
+            isDragIconVisible.value = false
+            emit('rowHoverEnd', event, row, rowIndex)
+        }
+
         const onTrDoubleClick = (
             evt: MouseEvent,
             row: DlTableRow,
@@ -314,7 +334,9 @@ export default defineComponent({
             rowClass,
             getSlotByName,
             getExpandedvisibleChildren,
-            updateExpandedvisibleChildren
+            updateExpandedvisibleChildren,
+            onRowHoverStart,
+            onRowHoverEnd
         }
     }
 })