fix: focus tracking

package.json

@@ -37,7 +37,13 @@
       "main": "./dist/index.cjs"
     }
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "dist/track-focus.js",
+    "src/track-focus.js",
+    "dist/index.ts",
+    "dist/index.js",
+    "src/index.ts"
+  ],
   "files": [
     "dist",
     "src"

src/index.ts

@@ -299,52 +299,4 @@ export type {
   UncontrolledTooltipProps
 } from 'reactstrap';
 
-// Focus Management
-
-/**
- * --------------------------------------------------------------------------
- * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
- * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS
- * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-// const DATA_MOUSE_FOCUS = 'data-focus-mouse'
-// const CLASS_NAME_MOUSE_FOCUS = 'focus--mouse'
-
-// class TrackFocus {
-//   private _usingMouse: boolean;
-//   constructor() {
-//     this._usingMouse = false
-
-//     this._bindEvents()
-//   }
-
-//   _bindEvents() {
-//     if (typeof document === 'undefined') {
-//       return
-//     }
-//     const events = ['keydown', 'mousedown']
-//     events.forEach((evtName) => {
-//       document.addEventListener(evtName, (evt) => {
-//         this._usingMouse = evt.type === 'mousedown'
-//       })
-//     })
-//     document.addEventListener('focusin', (evt: Event) => {
-//       if (this._usingMouse) {
-//         if (evt.target) {
-//           (evt.target as HTMLElement).classList.add(CLASS_NAME_MOUSE_FOCUS);
-//           (evt.target as HTMLElement).setAttribute(DATA_MOUSE_FOCUS, 'true')
-//         }
-//       }
-//     })
-//     document.addEventListener('focusout', (evt: Event) => {
-//       if (evt.target) {
-//         (evt.target as HTMLElement).classList.remove(CLASS_NAME_MOUSE_FOCUS);
-//         (evt.target as HTMLElement).setAttribute(DATA_MOUSE_FOCUS, 'false')
-//       }
-//     })
-//   }
-// }
-
-// new TrackFocus()
+import "./track-focus.js"

src/track-focus.js

@@ -0,0 +1,49 @@
+
+// Focus Management
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
+ * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS
+ * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+const DATA_MOUSE_FOCUS = 'data-focus-mouse'
+const CLASS_NAME_MOUSE_FOCUS = 'focus--mouse'
+
+class TrackFocus {
+  constructor() {
+    this._usingMouse = false
+
+    this._bindEvents()
+  }
+
+  _bindEvents() {
+    if (typeof document === 'undefined') {
+      return
+    }
+    const events = ['keydown', 'mousedown']
+    events.forEach((evtName) => {
+      document.addEventListener(evtName, (evt) => {
+        this._usingMouse = evt.type === 'mousedown'
+      })
+    })
+    document.addEventListener('focusin', (evt) => {
+      if (this._usingMouse) {
+        if (evt.target) {
+          evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS);
+          evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true')
+        }
+      }
+    })
+    document.addEventListener('focusout', (evt) => {
+      if (evt.target) {
+        evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS);
+        evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false')
+      }
+    })
+  }
+}
+
+new TrackFocus()

tsup.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/**/*.@(ts|tsx)'],
+  entry: ['src/**/*.@(js|ts|tsx)'],
   format: ['cjs', 'esm'],
   target: 'esnext',
   dts: false,