@dataloop-ai/components 0.20.138 → 0.20.140

package/package.json

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

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -925,7 +925,7 @@ export default defineComponent({
                 case 'success':
                     return 'icon-dl-approve-filled'
                 case 'error':
-                    return 'icon-dl-discard-filled'
+                    return 'icon-dl-error-filled'
                 case 'warning':
                     return 'icon-dl-alert-filled'
                 default:

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

@@ -16,6 +16,7 @@ import { DlEmptyState } from '../../basic'
 import DlTable from '../DlTable/DlTable.vue'
 import DlTrTreeView from './views/DlTrTreeView.vue'
 import { DlTableColumn, DlTableProps, DlTableRow } from '../DlTable/types'
+
 import { useTreeTableRowSelection } from './utils/treeTableRowSelection'
 import { useNestedTableFilter } from './hooks/nestedTableFilter'
 import { getFromChildren } from './utils/getFromChildren'
@@ -38,6 +39,7 @@ import { useTableFilterProps } from '../DlTable/hooks/tableFilter'
 import { useTableSortProps } from '../DlTable/hooks/tableSort'
 import { useTableColumnSelectionProps } from '../DlTable/hooks/tableColumnSelection'
 import { useTableRowSelectionProps } from '../DlTable/hooks/tableRowSelection'
+import { RowExpandEventData } from './types'
 
 let prevMouseY = 0
 
@@ -431,6 +433,22 @@ export default defineComponent({
                         row.isExpanded = isExpanded
                     }
                     updateNestedRows(row, isExpanded)
+
+                    const eventData: RowExpandEventData = {
+                        row,
+                        rowKey: getRowKey.value(row),
+                        isExpanded,
+                        level: row.level || 1,
+                        hasChildren: (row.children || []).length > 0
+                    }
+
+                    if (isExpanded) {
+                        emit('row-expand', eventData)
+                    } else {
+                        emit('row-collapse', eventData)
+                    }
+
+                    break
                 } else {
                     if ((row.children || []).length > 0) {
                         updateExpandedRow(isExpanded, name, row.children)
@@ -514,6 +532,14 @@ export default defineComponent({
             emit('th-click', payload)
         }
 
+        const emitRowExpand = (eventData: RowExpandEventData) => {
+            emit('row-expand', eventData)
+        }
+
+        const emitRowCollapse = (eventData: RowExpandEventData) => {
+            emit('row-collapse', eventData)
+        }
+
         const hasSlotByName = (name: string) => !!slots[name]
 
         const getSlotByName = (name: string) => {
@@ -898,6 +924,8 @@ export default defineComponent({
             emitRowClick,
             emitRowDblclick,
             emitThClick,
+            emitRowExpand,
+            emitRowCollapse,
             hasSlotByName,
             getSlotByName,
             renderTBody,

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

@@ -13,6 +13,8 @@ export const emits = [
     'update:visible-columns',
     'row-hover-start',
     'row-hover-end',
+    'row-expand',
+    'row-collapse',
     ...useTableRowExpandEmits,
     ...useTreeTableRowSelectionEmits
 ]

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

@@ -0,0 +1,9 @@
+import { DlTableRow } from '../DlTable/types'
+
+export interface RowExpandEventData {
+    row: DlTableRow
+    rowKey: string
+    isExpanded: boolean
+    level: number
+    hasChildren: boolean
+}

package/src/components/compound/types.ts

@@ -14,3 +14,4 @@ export * from './DlCard/types'
 export * from './DlThumbnailGallery/types'
 export * from './DlCounters/types'
 export * from './DlSelect/types'
+export * from './DlTreeTable/types'