@dataloop-ai/components 0.20.137 → 0.20.139

package/package.json

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

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

@@ -1470,7 +1470,6 @@ export default defineComponent({
         display: flex;
         justify-content: space-between;
         text-align: left;
-        padding-top: 3px;
     }
 }
 .fit-content > * {

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'

package/src/components/essential/DlMenu/DlMenu.vue

@@ -215,7 +215,7 @@ export default defineComponent({
 
         const classes = computed(
             () =>
-                ' ' +
+                'dl-menu dl-position-engine scroll ' +
                 props.menuClass +
                 (props.square === true ? ' dl-menu--square' : '')
         )
@@ -506,7 +506,7 @@ export default defineComponent({
             innerRef,
             portalEl: isVue2 ? '[data-test-id="portal"]' : portalEl,
             portalIsActive,
-            classes: 'dl-menu dl-position-engine scroll' + classes.value,
+            classes,
             styles: computedStyles,
             selectedItem,
             highlightedIndex