Refactor event dispatching in Stimulus controllers

Switched from using `stimulus-use` dispatch to explicit bubbling.
While using `stimulus-use`, targeting an upstream controller without
specifying the controller's name wasn't feasible in this context.
I've reverted to explicitly setting the event's bubbling property.

admin/app/components/solidus_admin/ui/table/component.js

@@ -30,9 +30,6 @@ export default class extends Controller {
  }
 
  connect() {
- // this.element.addEventListener("ui--table--ransack-filter:search", () => this.search())
- // this.element.addEventListener("ui--table--ransack-filter:showSearch", () => this.showSearch())
-
  if (this.searchFieldTarget.value !== "") this.modeValue = "search"
 
  this.render()
@@ -118,9 +115,4 @@ export default class extends Controller {
  else if (selectedRows.length > 0) checkbox.indeterminate = true
  })
  }
-
- // disconnect() {
- // this.element.removeEventListener("ui--table--ransack-filter:showSearch", () => this.showSearch())
- // this.element.removeEventListener("ui--table--ransack-filter:search", () => this.search())
- // }
 }

admin/app/components/solidus_admin/ui/table/ransack_filter/component.js

@@ -28,7 +28,8 @@ export default class extends Controller {
  }
 
  showSearch() {
- if (this.isAnyCheckboxChecked()) this.dispatch('showSearch')
+ if (this.isAnyCheckboxChecked())
+ this.dispatch("showSearch")
  }
 
  filterOptions(event) {
@@ -39,7 +40,7 @@ export default class extends Controller {
  }
 
  search() {
- this.dispatch('search')
+ this.dispatch("search")
  this.highlightFilter()
  }