From 577f9a5620128061368cf34777c9bec5b2b4a8bc Mon Sep 17 00:00:00 2001
From: MisRob <robosovam@gmail.com>
Date: Fri, 24 Feb 2023 14:06:44 +0100
Subject: [PATCH] Move function to common utilities

---
 lib/tabs/KTabsPanel.vue      |  3 ++-
 lib/tabs/utils.js            | 17 -----------------
 lib/utils/focusManagement.js | 16 ++++++++++++++++
 3 files changed, 18 insertions(+), 18 deletions(-)
 create mode 100644 lib/utils/focusManagement.js

diff --git a/lib/tabs/KTabsPanel.vue b/lib/tabs/KTabsPanel.vue
index 992c3099e..bb2fc0328 100644
--- a/lib/tabs/KTabsPanel.vue
+++ b/lib/tabs/KTabsPanel.vue
@@ -18,7 +18,8 @@
 
 <script>
 
-  import { getTabElementId, getTabPanelElementId, getFirstFocusableChild } from './utils';
+  import { getFirstFocusableChild } from '../utils/focusManagement';
+  import { getTabElementId, getTabPanelElementId } from './utils';
 
   /**
    * A part of a tabbed interface that displays
diff --git a/lib/tabs/utils.js b/lib/tabs/utils.js
index 7d5939a72..95f2ff486 100644
--- a/lib/tabs/utils.js
+++ b/lib/tabs/utils.js
@@ -19,20 +19,3 @@ export function getTabElementId(tabInterfaceId, tabId) {
 export function getTabPanelElementId(tabInterfaceId, tabId) {
   return getTabElementId(tabInterfaceId, tabId) + '-panel';
 }
-
-/**
- * @param {HTMLElement} parent A parent element
- * @returns {HTMLElement, null} The first focusable child of the parent
- *                              element or `null` when none is found
- */
-export function getFirstFocusableChild(parent) {
-  if (!parent) {
-    console.error(`[getFirstFocusableChild] 'parent' parameter is required`);
-    return null;
-  }
-  // https://gomakethings.com/how-to-get-the-first-and-last-focusable-elements-in-the-dom/
-  const focusableElements = parent.querySelectorAll(
-    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-  );
-  return focusableElements.length > 0 ? focusableElements[0] : null;
-}
diff --git a/lib/utils/focusManagement.js b/lib/utils/focusManagement.js
new file mode 100644
index 000000000..79f91c176
--- /dev/null
+++ b/lib/utils/focusManagement.js
@@ -0,0 +1,16 @@
+/**
+ * @param {HTMLElement} parent A parent element
+ * @returns {HTMLElement, null} The first focusable child of the parent
+ *                              element or `null` when none is found
+ */
+export function getFirstFocusableChild(parent) {
+  if (!parent) {
+    console.error(`[getFirstFocusableChild] 'parent' parameter is required`);
+    return null;
+  }
+  // https://gomakethings.com/how-to-get-the-first-and-last-focusable-elements-in-the-dom/
+  const focusableElements = parent.querySelectorAll(
+    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+  );
+  return focusableElements.length > 0 ? focusableElements[0] : null;
+}