From bf9c8c4ec2f4a5e4553b13643e928e3183df4051 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81ngel=20Rold=C3=A1n=20Mart=C3=ADnez?=
 <anrolmar@gmail.com>
Date: Tue, 19 Mar 2024 15:20:37 +0100
Subject: [PATCH] fix(BTable): BTable rowDblClicked event not working fixes
 #1795
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Ángel Roldán Martínez <Angel.RoldanMartinez@Clarivate.com>
---
 .../src/components/BTable/BTable.vue                  | 11 ++++++++---
 .../src/components/BTable/table.spec.ts               |  6 +++---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/bootstrap-vue-next/src/components/BTable/BTable.vue b/packages/bootstrap-vue-next/src/components/BTable/BTable.vue
index 769871aae..53c2e1bf8 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/BTable.vue
+++ b/packages/bootstrap-vue-next/src/components/BTable/BTable.vue
@@ -8,6 +8,11 @@
     :tbody-tr-class="getRowClasses"
     :field-column-class="getFieldColumnClasses"
     @head-clicked="onFieldHeadClick"
+    @row-dbl-clicked="
+      (row, index, e) => {
+        emit('row-dbl-clicked', row, index, e)
+      }
+    "
     @row-clicked="onRowClick"
     @row-hovered="
       (row, index, e) => {
@@ -83,7 +88,7 @@
 
 <script setup lang="ts" generic="T = Record<string, unknown>">
 import {useToNumber, useVModel} from '@vueuse/core'
-import {computed, onMounted, ref, type Ref, type StyleValue, toRef, watch} from 'vue'
+import {computed, onMounted, type Ref, ref, type StyleValue, toRef, watch} from 'vue'
 import type {
   BTableLiteProps,
   BTableProvider,
@@ -96,12 +101,12 @@ import type {
   TableFieldRaw,
   TableItem,
 } from '../../types'
-import BSpinner from '../BSpinner.vue'
+import {formatItem, get, getTableFieldHeadLabel} from '../../utils'
 import BOverlay from '../BOverlay/BOverlay.vue'
+import BSpinner from '../BSpinner.vue'
 import BTableLite from './BTableLite.vue'
 import BTd from './BTd.vue'
 import BTr from './BTr.vue'
-import {formatItem, get, getTableFieldHeadLabel} from '../../utils'
 
 type NoProviderTypes = 'paging' | 'sorting' | 'filtering'
 
diff --git a/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts b/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts
index cbfec0c74..a8a156f99 100644
--- a/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts
+++ b/packages/bootstrap-vue-next/src/components/BTable/table.spec.ts
@@ -1,7 +1,7 @@
 import {enableAutoUnmount, mount} from '@vue/test-utils'
+import type {LiteralUnion, TableField, TableItem} from 'src/types'
 import {afterEach, describe, expect, it} from 'vitest'
 import BTable from './BTable.vue'
-import type {LiteralUnion, TableField, TableItem} from 'src/types'
 
 interface SimplePerson {
   first_name: string
@@ -66,7 +66,7 @@ describe('tbody', () => {
     expect(heads[1].text()).toBe('Age')
   })
 
-  it('shows sortable columns when sortalbe === true', () => {
+  it('shows sortable columns when sortable === true', () => {
     const wrapper = mount(BTable, {
       props: {items: simpleItems, fields: simpleFields},
     })
@@ -75,7 +75,7 @@ describe('tbody', () => {
     expect(heads[1].classes()).toContain('b-table-sortable-column')
   })
 
-  it('does not show sortable columns when sortalbe undefined', () => {
+  it('does not show sortable columns when sortable undefined', () => {
     const wrapper = mount(BTable, {
       props: {items: simpleItems},
     })