Move bridge javascript into existing folder structure

This commit is contained in:
Adrien Maston
2026-01-08 16:22:55 +01:00
parent eae17b82b4
commit 3a43941575
9 changed files with 7 additions and 4 deletions
@@ -0,0 +1,38 @@
import { BridgeComponent } from "@hotwired/hotwire-native-bridge"
import { BridgeElement } from "@hotwired/hotwire-native-bridge"
export default class extends BridgeComponent {
static component = "overflow-menu"
static targets = [ "item" ]
connect() {
super.connect()
if (!this.hasItemTarget) return
this.notifyBridgeOfConnect()
}
disconnect() {
super.disconnect()
this.notifyBridgeOfDisconnect()
}
notifyBridgeOfConnect() {
const items = this.itemTargets.map((target, index) => {
const element = new BridgeElement(target)
return { title: element.title, index }
})
this.send("connect", { items }, message => {
this.activateItem(message)
})
}
notifyBridgeOfDisconnect() {
this.send("disconnect")
}
activateItem(message) {
const selectedIndex = message.data.selectedIndex
this.itemTargets[selectedIndex].click()
}
}