@dataloop-ai/components 0.19.52 → 0.19.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.19.52",
3
+ "version": "0.19.54",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -401,10 +401,7 @@
401
401
  </DlTr>
402
402
  <tr
403
403
  v-if="isRowExpanded(props.item)"
404
- :key="
405
- getRowKey(props.item)?.toString() +
406
- '-expanded'
407
- "
404
+ :key="getRowExpandedKey(props.item)"
408
405
  >
409
406
  <td :colspan="columns.length + 1">
410
407
  <slot
@@ -792,9 +789,7 @@
792
789
  </DlTr>
793
790
  <tr
794
791
  v-if="isRowExpanded(row)"
795
- :key="
796
- getRowKey(row)?.toString() + '-expanded'
797
- "
792
+ :key="getRowExpandedKey(row)"
798
793
  >
799
794
  <td :colspan="columns.length + 1">
800
795
  <slot
@@ -1928,8 +1923,12 @@ export default defineComponent({
1928
1923
 
1929
1924
  const getRowExpandedIcon = (row: DlTableRow) => {
1930
1925
  return isRowExpanded(row)
1931
- ? 'icon-dl-up-chevron'
1932
- : 'icon-dl-down-chevron'
1926
+ ? 'icon-dl-down-chevron'
1927
+ : 'icon-dl-right-chevron'
1928
+ }
1929
+
1930
+ const getRowExpandedKey = (row: DlTableRow) => {
1931
+ return getRowKey.value(row)?.toString() + '-expanded'
1933
1932
  }
1934
1933
 
1935
1934
  return {
@@ -2002,7 +2001,8 @@ export default defineComponent({
2002
2001
  showRowActions,
2003
2002
  tableRef,
2004
2003
  getRowExpandedIcon,
2005
- computedPagination
2004
+ computedPagination,
2005
+ getRowExpandedKey
2006
2006
  }
2007
2007
  }
2008
2008
  })